@charset "utf-8";
/* CSS Document */

html,body{height:100%;}
#wrap_bg{ position:relative;border-top:20px solid #016ab8;height:100%;}
#wrap_bg:before{ content:" "; display:block;background: url(../images/bg_wrap_02.gif) repeat center center;width:100%;height:100%; position:fixed;top:0;left:0; z-index:-1;}
/*#taolife_wrap:before{ content:" "; display:block; background: url(../images/bg_wrap_02.gif) repeat center center;width:100%;height:100%; position:fixed;top:0;left:0; z-index:-1;}*/
#taolife_wrap{border-top:20px solid #016ab8;background: url(../images/bg_wrap_02.gif) repeat center center; background-attachment:fixed;line-height:1.5; position:relative;}
.unit,.cont{width:595px;margin:0 auto;}

#header_sticky{position: fixed; border-top:10px solid #016ab8; top:-500px;transition: 0.5s ease;}
#header_sticky.sticky{ position:fixed;top:0;}
.header_sticky_txt{ clear:both; margin:0 0 1.2em 50px;}

#header_sticky,#header{ background:url(../images/bg_header.gif) repeat left top;width:100%; -webkit-box-shadow:0px 0px 5px rgb(204,204,204); -moz-box-shadow:0px 0px 5px rgb(204,204,204); box-shadow:0px 0px 5px rgb(204,204,204); z-index:99;}

#header{ position:relative; border-bottom:20px solid #E9F6FE;}
#header_sticky .header_r,#header .header_r{float:right;width:380px;margin:0 50px 0 0;}
#header_sticky .header_r img,#header .header_r img{ text-align:right;margin-bottom:1.2em;}
#header_sticky .header_r p,#header .header_r p{ font-size:138.89%;margin-bottom:0.8em;}
#header_sticky .header_l,#header .header_l{float:left;width:315px;margin:0 0 0 50px;}
#header_sticky .header_l img.ttl_spcont,#header .header_l img.ttl_spcont{text-align:left;margin-bottom:0.5em;}
#header .header_l p{margin-bottom:1.4em; font-size:125%;}
.snsbtn .fbbtn{margin-right:0.7em;}
.snsbtn{ display:inline-block; margin:0 0 10px 20px;}
.fbbtn,.twbtn{ display:inline-block;}
.fb-like{ width:auto!important;}

#header_sticky .header_r{float:left; width:420px;}
#header_sticky .header_r img{ width:160px; margin:0;}
#header_sticky .header_l{ width:400px;}
#header_sticky .header_l img.ttl_spcont{ width:150px; margin:0;}
#header_sticky .header_l p{ display:inline; margin-bottom:0; font-size:100%;}

#header_sticky #header_inner{padding-top:10px;}

#header_inner{width:920px;margin:0 auto; background:#FFF;padding-top:20px;}

#taolife_wrap #head_catch h1{font-size:125%;margin:0 0 15px 21px; clear:both;padding:30px 0 0 0;}

#taolife_wrap #bg_top{ background:url(../images/bg_inner_top.jpg) no-repeat left bottom #fff;width:920px;margin:0 auto;padding-top:63px;}
#taolife_wrap_inner{ background:url(../images/bg_inner.jpg) repeat-y left top;width:920px;margin:0 auto;}
.taisou_pb10{padding-bottom:0.2em;}
#bg_btm{ background:url(../images/bg_inner_top.jpg) no-repeat left top #fff;width:920px;margin:0 auto;padding-bottom:63px;}

#taolife_wrap .unit{overflow:hidden;}/* IE8でslidetoggleのバグ対処 */
#taolife_wrap .unit h2,#taolife_wrap .unit h3{ clear:both; background: url(../images/ttl_bg.gif) no-repeat left top; line-height:41px; vertical-align:middle;font-size:125%;padding-left:0.6em;margin-bottom:18px;}
#taolife_wrap .unit h2.close{background: url(../images/ttl_bg_cl.gif) no-repeat left top;padding-left:0.6em;margin-bottom:18px; cursor:pointer;}
#taolife_wrap .unit h2.open{background: url(../images/ttl_bg_op.gif) no-repeat left top; cursor:pointer;}
#taolife_wrap .unit p{margin-bottom:1.2em;line-height:1.7;}
#taolife_wrap p.fleft_img{width:192px; text-align:center;float:left;margin-right:13px;margin-left:10px;}
#taolife_wrap p.fright{float:right;width:368px;margin-right:10px;}
#taolife_wrap p.fright_img{width:192px; text-align:center;float:right;margin-left:13px;margin-right:10px;}
#taolife_wrap p.fleft{float:left;width:368px;margin-left:10px;}
ul.taolife_list{float:left;width:368px;margin-left:10px;margin-bottom:1.2em;font-size:111.11%;}
ul.taolife_list li{background:url(../images/ic_taolife_list.png) no-repeat left center;padding-left:1em;}
#taolife_wrap h4{ clear:both;color:#e51189; margin-bottom:20px; font-size:111.11%; font-weight:bold;}
#taolife_wrap p.syoujou{ font-size:111.11%; text-align:center;}

#taolife_wrap p.quotation{font-size:111.11%;}

#taolife_wrap .voice_l{ clear:both;width:148px;text-align:center;float:left;margin-bottom:94px;padding-top:1em;}
#taolife_wrap .voice_r{ width:420px;float:right;margin-bottom:10px;padding-top:1.2em;}
#taolife_wrap .voice_r.last{margin-bottom:30px;}

.taisou_box{ text-align:left;margin-bottom:18px;float:left;width:190px;margin-right:76px;}
.taisou_box.right{ margin-right:0;}
.taisou_box img{ margin-bottom:15px;}
.taisou_unit{width:456px;margin:0 auto;}

#footer{ background:#016ab8;padding-top:2em; color:#fff; font-size:83.33%;}
#footer .cont p{margin:0;}

#taolife_wrap .unit p a.pink{color:#e51189; text-decoration:underline;}
span.pink{color:#e51189;}
.box_none{display:none;}
.book_l{font-size:87.5%;}

.taolife_footer_cont{width:900px; margin:0 auto;}
.footer_menu_box{margin-bottom:1.2em;}
dl.taolife_footer_menu a{color:#fff;}
dl.taolife_footer_menu a:hover{ text-decoration:underline;}
dl.taolife_footer_menu dt{clear:both;float:left;width:140px;color:#fff; font-weight:bold; background:url(../../images/mark/w_tri.png) no-repeat left 0.4em;padding:0 0.8em 0 1.2em;height:70px;border-bottom:1px solid #015ea3;}
dl.taolife_footer_menu dd{float:left;width:736px; margin-bottom:1.2em;border-bottom:1px solid #015ea3;height:70px;}
ul.taolife_footer_menu_item li{ float:left; margin-right:0.5em;}
ul.taolife_footer_menu_item li a{ margin-right:0.5em;}
.footer_menu_taolife{clear:both;}
.height30{height:30px!important;}
.height50{height:50px!important;}
.height102{height:105px!important;}
.taolife_footer_menu_q{border-bottom:1px solid #015ea3; margin-bottom:1.2em;}
.taolife_footer_menu_q li{float:left;font-weight:bold; background:url(../../images/mark/w_tri.png) no-repeat left 0.4em;padding:0 2em 1.2em 1.2em;}
.taolife_footer_menu_q li a{color:#fff;}
.taolife_footer_menu_q li a:hover{ text-decoration:underline;}

#taolife_footer{ background:#016ab8;padding-top:2em; color:#fff; font-size:83.33%;}
#taolife_footer .cont p{margin:0;}
#taolife_footer a.taolife_footer_logo{ display:block;clear:both;float:left; margin:0 1em 18px 0;width:127px;}
#taolife_footer p.taolife_footer_address{float:left;margin-bottom:2em;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .taisou_pb10{padding-bottom:1em;}
}

.taisoudouin_box{text-align:left;margin-bottom:18px;float:left;width:240px;margin-right:45px; margin-bottom:15px;}
.taisoudouin_box.right{ margin-right:0;}
.taisoudouin_unit{width:533px;margin:0 auto;}
#taolife_wrap .reserv_box .fleft{width:270px;margin-right:1em;}
#taolife_wrap .reserv_box .fright_img{width:300px;margin:0 0 2em;}
a.reserv_btn{ display:block;width:500px;padding:1em; font-size:125%;font-weight:bold;color:#ffffff;border-radius:7px;border:1px solid #fc8800;box-shadow:inset 0 1px 2px #ffffff;margin:0 auto 3em; text-shadow:#fc8800 0 2px 0px;
text-align:center;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fdb84e),color-stop(1, #fc8800));
background-image: -o-linear-gradient(bottom, #fdb84e 0%, #fc8800 100%);
background-image: -moz-linear-gradient(bottom, #fdb84e 0%, #fc8800 100%);
background-image: -webkit-linear-gradient(bottom, #fdb84e 0%, #fc8800 100%);
background-image: -ms-linear-gradient(bottom, #fdb84e 0%, #fc8800 100%);
background-image: linear-gradient(to bottom, #fdb84e 0%, #fc8800 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fc8800,endColorstr=#fdb84e); }
a.reserv_btn:hover{opacity:0.8; text-decoration:none;}
ul.trigger{margin:0 0 2em 0; padding:2em 1em 1em 2em;border:2px solid #A1B4D2; border-radius:7px; font-size:111.11%;}
ul.trigger li{ background:url(../../images/mark/check.gif) no-repeat left center;padding-left:2em;margin-bottom:0.5em; font-weight:bold;}
ul.trigger li.etc{font-weight:normal; text-align:right; background:none;margin:0;}
#taolife_wrap .reserv_box_pre{ display:table;border-collapse:collapse;width:595px; margin-bottom:2em;}
#taolife_wrap .reserv_box_pre .fleft{ display:table-cell; max-width:265px;padding:0 2em 0 0; line-height:1.5;}
#taolife_wrap .reserv_box_pre .fright{ display:table-cell; max-width:297px;}