@charset "utf-8";

html #home { overflow-x:hidden;}


#home #slideshow { background:#000000;}
#home #slideshow section { width:1600px; height:695px; position:relative; left:50%; margin-left:-800px;}
#home #slideshow div.photo div { position:absolute; top:0; left:0; }
#home #slideshow ul { position:absolute; top:600px; left: 270px; z-index:1000000;}
#home #slideshow ul:after { content:" " ; clear:both; display:block; height:0;}
#home #slideshow ul li { float:left; padding-right:16px;}

header { background:url(img/h_bg.gif) 0 center repeat-x;}
header div { width:1100px; margin:0 auto;}

/*#sec1*/
#home #sec1 { width:1100px; margin:0 auto;}
#home #sec1:after { content:" " ; clear:both; display:block; height:0;}
#home #sec1 h3 { text-align:center; padding:60px 0 40px;}
#home #sec1 dl {clear:both;padding: 4px 0 0 0;}
#home #sec1 dl:after { content:" " ; clear:both; display:block; height:0;}
#home #sec1 dl a:hover { text-decoration:underline;}
#home #sec1 dl dt { float:left; color:#841214; padding-right:25px;}
#home #sec1 dl dd { float:left; width: 550px;}
#home #sec1 a.btn { display:block; float: right; margin:30px 10px 0 0;}
#home #sec1 a.btn:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#home #sec1_1 { float: left; width: 650px; padding: 0 0 0 20px;}
#home #sec1_2 { float: right; width: 380px;}
#home #sec1_2 .tabiiro_bnr{padding-bottom: 10px;}

/*#sec2*/
#home #sec2 { background:url(../../img/sec2_bg.jpg) 0 0 repeat-x; margin-top:45px;}
#home #sec2 .inner { width:1100px; margin:0 auto;}
#home #sec2 h3 { text-align:center; padding-top:45px;}
/*#home #sec2 #tab-container-1 { margin-top:30px;}
#home #sec2 #tab-container-1:after { content:" " ; clear:both; display:block; height:0;}
#home #sec2 #tab-container-1-nav { width:176px; float:left; margin-right:-1px; position:relative; z-index:1;}
#home #sec2 #tab_col { width:923px; float:right; background:url(../../img/sec2_bg3.png); border:1px solid #d2d2ce;}
#home #sec2 #tab:after { content:" " ; clear:both; display:block; height:0;}
#home #sec2 .tab .text_col { width:545px; float:left; padding:0 0 30px 40px;}
#home #sec2 .tab .text_col h4 { padding-top:30px; font-weight:bold; border-bottom:3px solid #000000;}
#home #sec2 .tab .text_col p { padding:20px 0 25px 5px;}
#home #sec2 .tab .photo_col { width:300px; float:right;; padding:20px 15px 0 0;}
#home #sec2 .tab a { display:block; margin:20px 0 25px 0;}
#home #sec2 .tab dl {}
#home #sec2 .tab dl:after { content:" " ; clear:both; display:block; height:0;}
#home #sec2 .tab dl dt { float:left; color:#FFFFFF; background:#646464; padding:5px 15px;}
#home #sec2 .tab dl.line dt { border:1px solid #FFFFFF;}
#home #sec2 .tab dl dd { width:300px; float:left; padding:5px 15px;}
#home #sec2 .tab dl.line dd { border-bottom:1px solid #646464;}
#home #sec2 .tab a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#home #sec2 #tab-container-1-nav li a.active { display:block; width:176px; height:103px;}
#home #sec2 #tab-container-1-nav li a.active img { display:none;}
#home #sec2 #tab-container-1-nav li.plan1 a.active { background:url(../../img/sec2_nav1_on.gif) no-repeat; width:176px; height:103px;}
#home #sec2 #tab-container-1-nav li.plan2 a.active { background:url(../../img/sec2_nav2_on.gif) no-repeat; width:176px; height:104px;}
#home #sec2 #tab-container-1-nav li.plan3 a.active { background:url(../../img/sec2_nav3_on.gif) no-repeat; width:176px; height:100p
*/

#home #sec2 .inner { margin:0 auto; width:1100px;}
#home #sec2 .inner:after { content:" "; clear:both; display:block; height:0; }
#home #sec2 h3 { margin-bottom:35px;}

/*↓↓↓予約番ver.4まで↓↓↓*/
#navi_menu_489ban { float:left; margin-right:-1px; width:176px; }
#navi_menu_489ban ul { position:relative; width:176px; z-index:1; }
#navi_menu_489ban li { display:block; width:176px; height:103px; }
#navi_menu_489ban li a { display:block; height:176px; text-indent:-99999px; width:103px; }

#navi_1_id { background:url(../../img/sec2_nav1_off.gif) no-repeat; }
#navi_1_id a:hover,
#navi_1_id a.active { background:url(../../img/sec2_nav1_on.gif) no-repeat; height:103px; width:176px; }
#navi_2_id { background:url(../../img/sec2_nav2_off.gif) no-repeat; }
#navi_2_id a:hover,
#navi_2_id a.active { background:url(../../img/sec2_nav2_on.gif) no-repeat; height:104px; width:176px; }
#navi_3_id { background:url(../../img/sec2_nav3_off.gif) no-repeat; }
#navi_3_id a:hover,
#navi_3_id a.active { background:url(../../img/sec2_nav3_on.gif) no-repeat; height:100px; width:176px; }

.tab_489ban { background:url(../../img/sec2_bg3.png); border:1px solid #d2d2ce; display:inline-block; float:right; width:923px; }
.PlanView { padding:20px; }
.PlanView:after { content:" "; clear:both; display:block; height:0; }
.picture { float:right; padding:0 0 0 15px; width:300px; }
.main_picture,
.main_picture img{ width:300px;}
.explan { /*padding:0 0 30px 20px;*/}
.explan p.plan { float:left; padding:10px 0 ; font-weight:bold; border-bottom:3px solid #000000; width:545px; }
.explan .comment { float:left; padding:20px 0 25px 5px; width:545px; }
.pblist { float:left; padding-top:10px; margin:0 0 0 110px; width:300px;}
.pblist li { background: url(../../img/sec2_btn2.gif) no-repeat 0 0; width:300px; height:55px; text-indent:-9999px;}
.pblist li a{ display:block; width:300px; height:55px; }
/*↑↑↑予約番ver.4まで↑↑↑*/

/*↓↓↓予約番ver.5から↓↓↓*/
#recommend_489ban #navi_menu_489ban { float:left; margin-right:-1px; width:176px; }
#recommend_489ban #navi_menu_489ban ul { position:relative; width:176px; z-index:1; }
#recommend_489ban #navi_menu_489ban li { display:block; width:176px; height:103px; }
#recommend_489ban #navi_menu_489ban li a { display:block; width:176px; height:103px; text-indent:-99999px; }
#recommend_489ban #navi_menu_489ban li:nth-child(n+4){ display: none;}

#recommend_489ban #navi_2172_id { background:url(../../img/sec2_nav1_off.gif) no-repeat; }/*idが予約番により生成されるのであわせて変更。以下同*/
#recommend_489ban #navi_2172_id a:hover,
#recommend_489ban #navi_2172_id a.active { background:url(../../img/sec2_nav1_on.gif) no-repeat; height:103px; width:176px; }
#recommend_489ban #navi_2176_id { background:url(../../img/sec2_nav2_off.gif) no-repeat; }
#recommend_489ban #navi_2176_id a:hover,
#recommend_489ban #navi_2176_id a.active { background:url(../../img/sec2_nav2_on.gif) no-repeat; height:104px; width:176px; }
#recommend_489ban #navi_2175_id { background:url(../../img/sec2_nav3_off.gif) no-repeat; }
#recommend_489ban #navi_2175_id a:hover,
#recommend_489ban #navi_2175_id a.active { background:url(../../img/sec2_nav3_on.gif) no-repeat; height:100px; width:176px; }

#recommend_489ban .tab_489ban { background:url(../../img/sec2_bg3.png); border:1px solid #d2d2ce; display:inline-block; float:right; width:923px; min-height: 304px;}
#recommend_489ban .PlanView { padding:20px; }
#recommend_489ban .PlanView:after { content:" "; clear:both; display:block; height:0; }
#recommend_489ban .picture { float:right; padding:0 0 0 15px; width:300px; }
#recommend_489ban .main_picture,
#recommend_489ban .main_picture img{ width:300px;}
#recommend_489ban .explan p.plan { float:left; padding:10px 0 ; font-weight:bold; border-bottom:3px solid #000000; width:545px; }
#recommend_489ban .explan .comment { float:left; padding:20px 0 25px 5px; width:545px; }
#recommend_489ban .planlist { float:left; padding-top:10px; margin:0 0 0 110px; width:300px;}
#recommend_489ban .planlist li { background: url(../../img/sec2_btn2.gif) no-repeat 0 0; width:300px; height:55px; text-indent:-9999px;}
#recommend_489ban .planlist li a{ display:block; width:300px; height:55px; }
/*↑↑↑予約番ver.5から↑↑↑*/

/*#sec3*/
#home #sec3 { background:url(../../img/sec3_bg1.jpg) 0 0 repeat-x; margin-top:130px;}
#home #sec3 .inner { width:1300px; position:relative; left:50%; margin-left:-650px;background:url(../../img/sec3_bg2.png) 0 0 no-repeat; padding:0 0 50px 100px;}
#home #sec3 .inner:after { content:" " ; clear:both; display:block; height:0;}
#home #sec3 h3 { padding:45px 0 20px 340px;}
#home #sec3 ul { padding-top:15px;}
#home #sec3 ul:after { content:" " ; clear:both; display:block; height:0;}
#home #sec3 ul li { float:left; padding-right:5px;}
#home #sec3 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}



/*#sec4*/
#home #sec4 { background:url(../../img/sec4_bg1.jpg) 0 0 repeat-x; margin-top:55px;}
#home #sec4 .inner { width:1300px; position:relative; left:50%; margin-left:-650px;background:url(../../img/sec4_bg2.png) 0 0 no-repeat; padding:0 0 30px 100px;}
#home #sec4 .inner:after { content:" " ; clear:both; display:block; height:0;}
#home #sec4 h3 { padding:45px 0 15px 350px;}
#home #sec4 .inner div { width:347px; height:330px; float:left; padding-right:30px; position:relative;}
#home #sec4 .inner div h4 { position:absolute; top:20px; left:150px; z-index:2;}
#home #sec4 .inner div img.fream { position:absolute; top:0; left:0; z-index:1;}
#home #sec4 .inner div img.photo { position:absolute; top:35px; left:10px;}
#home #sec4 .inner div p { width:347px; position:absolute;top:270px; text-align:center; }
#home #sec4 .inner div a { position:absolute; bottom:0; left:90px;}
#home #sec4 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}



/*#sec5*/
#home #sec5 { background:url(../../img/sec5_bg.jpg) center bottom no-repeat; margin-top:105px;}
#home #sec5 div { width:1110px; margin:0 auto;}
#home #sec5 div:after { content:" " ; clear:both; display:block; height:0;}
#home #sec5 div h3 { float:left; background:url(../../img/sec5_bg2.jpg) 0 75px no-repeat; padding:0 0 245px 185px;}
#home #sec5 div ul { width:808px; float:right; padding-top:25px;}
#home #sec5 div ul:after { content:" " ; clear:both; display:block; height:0;}
#home #sec5 div ul li { float:left; background:url(../../img/sec5_bg3.gif) 0 0 no-repeat; padding:5px 17px 45px 5px;}
#home #sec5 div p { width:808px; float:right; text-align:center;}
#home #sec5 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#home #sec5 #feed2 a { display: block; width: 180px; height: 120px; overflow: hidden;}
#home #sec5 #feed2 img { width: 180px;}


/*#sec6*/
#home #sec6 { width:1100px; margin:0 auto; padding-top:75px;}
#home #sec6 h3 { text-align:center;}
#home #sec6 div { height:860px; position:relative; margin-top:50px;}
#home #sec6 p { position:absolute; top:30px; right:306px;}
#home #sec6 a.btn1 { position:absolute; top:0; left:0;}
#home #sec6 a.btn2 { position:absolute; top:452px; left:0;}
#home #sec6 a.btn3 { position:absolute; top:452px; left:292px;}
#home #sec6 a.btn4 { position:absolute; bottom:0; left:125px;}
#home #sec6 a.btn5 { position:absolute; bottom:0; left:552px;}
#home #sec6 a.btn6 { position:absolute; top:0; right:0;}
#home #sec6 a.btn7 { position:absolute; top:210px; right:0;}
#home #sec6 a.btn8 { position:absolute; bottom:0; right:0;}
#home #sec6 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

footer { background:url(img/f_bg.gif) 0 0 repeat-x;}
footer div { width:1100px; margin:0 auto;}
footer .inner dl { padding-top: 0px; }

/*#sec7*/

#home #sec7{ width:680px; height: 390px; margin: 50px auto; padding: 35px 220px 0; text-align:center; border-top:1px solid #C8C8C8;}
#home #sec7 img { margin-top: 10px;}

#home #sec7 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#home #sec7 a:nth-child(even) { float: none;}
#home #sec7 #sec7_1 { float: left; width: 468px;}
#home #sec7 #sec7_2 { float: left; width: 200px;}

/* ▼トリップアドバイザー用css */
#sec7 a.trip_ad { width: 150px; margin: 10px auto 0; }

/* container */
#home #container { }

/* content */



/* sec1 */




/*css変更---------------

180105 mori #home #sec7　更新
180824_#home_eriko #sec7 更新
180914_furusawa_#sec7更新（トリップアドバイザーバナー設置）
200610_okada #home #sec7のheight変更（あたご屋様バナー設置）



---------------------*/