@charset "utf-8";

/*** index.html ***/
/* sec1 */
#room.room1 #contents{ padding:0 0 50px;}
#room.room1 #sec1 { width:1250px; margin:0 auto; background:url(../../room/img/1_sec1_bg.jpg) 0 0 no-repeat;}
#room.room1 #sec1 h3 {width:135px; margin: 0 auto; padding:25px 0 0 0;}
#room.room1 #sec1 ul {height:350px;}
#room.room1 #sec1 ul:after { content:" " ; clear:both; display:block; height:0; }
#room.room1 #sec1 ul li { float:left; padding-right:10px;}
#room.room1 #sec1 ul li.rnav2,
#room.room1 #sec1 ul li.rnav4,
#room.room1 #sec1 ul li.rnav5{ padding-top:50px;}
#room.room1 #sec1 ul li a:hover img { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}

/* sec2 */
#room.room1 #sec2 { width:1250px; margin:0 auto; background:url(../../room/img/1_sec2_bg.png) 0 bottom no-repeat;}
#room.room1 #sec2 h3 { text-align:center; padding-top:30px;}
#room.room1 #sec2 p { text-align:center; padding:15px 0 25px 0;}


/*** 下層ページ 共通 ***/
/* rnav */
#room ul#rnav { width:1110px; margin:0 auto 30px; padding-left:10px;}
#room ul#rnav:after { content:" " ; clear:both; display:block; height:0; }
#room ul#rnav li { float:left; padding-right:10px;}
#room ul#rnav li a { display:block; width:212px; height:50px; }
#room.room6 ul#rnav li.rnav1 a { background:url(../../room/img/rnav1_on.jpg) 0 0 no-repeat;}
#room.room2 ul#rnav li.rnav2 a { background:url(../../room/img/rnav2_on.jpg) 0 0 no-repeat;}
#room.room3 ul#rnav li.rnav3 a { background:url(../../room/img/rnav3_on.jpg) 0 0 no-repeat;}
#room.room4 ul#rnav li.rnav4 a { background:url(../../room/img/rnav4_on.jpg) 0 0 no-repeat;}
#room.room5 ul#rnav li.rnav5 a { background:url(../../room/img/rnav5_on.jpg) 0 0 no-repeat;}
#room.room6 ul#rnav li.rnav1 img,
#room.room2 ul#rnav li.rnav2 img,
#room.room3 ul#rnav li.rnav3 img,
#room.room4 ul#rnav li.rnav4 img,
#room.room5 ul#rnav li.rnav5 img{display:none;}


/* room_box */
#room .room_box { width:1100px; margin:0 auto 30px;}
#room .room_box:after { content:" " ; clear:both; display:block; height:0; }

/* flexslider */
#room .room_box .flexslider{width:1100px; height:500px; margin:0 auto 20px;}
#room .room_box .flexslider {background:none; border:none;}
#room .room_box .flexslider ul.flex-direction-nav{ display:none;}
#room .room_box .flexslider ol.flex-control-nav{ position:absolute; bottom:-270px; left:485px; width:160px;}
#room .room_box .flexslider ol.flex-control-nav li{ margin:0 5px 0 0; width:40px;}
#room .room_box .flexslider ol.flex-control-nav li img{ width:40px; height:40px;}

/* detail_col */
#room .room_box .detail_col { width:420px; float:left; padding:0 0 0 20px; margin:0 10px 0 0;}
#room .room_box .detail_col h3 { font-size:1.5em; line-height:1.4em; color:#426a23; margin:0 0 10px;}
#room .room_box .detail_col p { margin:0 0 20px;}
#room .room_box .detail_col h4 { background:url(../../room/img/sec_title_bg.png) 0 2px no-repeat; padding:0 0 10px 10px;}
#room .room_box .detail_col table { width:420px; border-top:1px solid #666666;  border-bottom:1px solid #666666;}
#room .room_box .detail_col table tr th { width:70px; background:#dde1cc; padding:5px 10px; text-align:center; border-bottom:1px dotted #000000; border-right:1px dotted #000000;}
#room .room_box .detail_col table tr td { background:url(../../room/img/table_bg.png) 0 0 repeat; padding:5px 10px; border-top:1px dotted #000000;}

/* title_col */
#room .room_box .title_col { width:216px; height:270px; float:left; background:url(../../room/img/sec_bg.png) 0 0 no-repeat;}
#room .room_box .title_col dl:after { content:" " ; clear:both; display:block; height:0; }
#room .room_box .title_col dl dt { float:left; padding:0 10px 0 80px;}
#room .room_box .title_col dl dd{ float:left;}
#room .room_box .title_col ul { width:135px; padding:25px 0 0 35px;}
#room .room_box .title_col ul:after { content:" " ; clear:both; display:block; height:0; }
#room .room_box .title_col ul li { float:left; padding-right:5px;}

/* madori_col */
#room .room_box .madori_col { width:300px; float:right; padding:0 20px 0 0;}
#room .room_box .madori_col a { display:inline-block; }
#room .room_box .madori_col a img { margin:20px 0 0; }
#room .room_box .madori_col a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

/*** room2.html ***/
#room.room2 #sec3 { width:1060px; margin:0 auto; background:url(../../room/img/2_sec3_bg.png) 0 0 repeat; padding:20px 19px; border:1px solid #738a25;}
#room.room2 #sec3:after { content:" " ; clear:both; display:block; height:0; }
#room.room2 #sec3 img.photo { float:left;}
#room.room2 #sec3 dl { float:left;}
#room.room2 #sec3 dl:after { content:" " ; clear:both; display:block; height:0; }
#room.room2 #sec3 dl dt { float:left; padding-left:60px;}
#room.room2 #sec3 dl dd { float:left; padding-left:15px;}
#room.room2 #sec3 div { width:430px; float:right;}
#room.room2 #sec3 div h3 { width:430px; font-size:125%; color:#426a23;}
#room.room2 #sec3 div p { padding-top:15px;}
#room.room2 #sec3 div img { padding-top:25px;}

/*** room3.html ***/
#room.room3 .room_box .flexslider ol.flex-control-nav{bottom:-240px; left:460px; width:200px;}
#room.room3 .room_box .detail_col p { margin:0 0 10px;}
#room.room3 .room_box .detail_col dl { margin:0 0 20px;}
#room.room3 .room_box .detail_col dl:after { content:" " ; clear:both; display:block; height:0; }
#room.room3 .room_box .detail_col dl dt { float:left; clear:both; background:#73892d; padding:2px 5px; color:#FFFFFF; margin:0 10px 5px 0;}
#room.room3 .room_box .detail_col dl dd { float:left;}

/*** room4.html ***/
#room.room4 #sec1.room_box{ padding:0 0 40px;}

/*** room5.html ***/
#room.room5 .room_box .flexslider ol.flex-control-nav{bottom:-200px; left:510px; width:100px;}
#room.room5 .room_box .title_col {padding: 0 0 0 80px;}
#room.room5 .room_box .detail_col a img { margin:20px 0 0; }
#room.room5 .room_box img.madori {float: right; margin-right: 20px;}
#room.room5 #sec3.room_box{ padding:30px 0 0; border-top:1px dotted #73892d;}
#room.room5 #sec3.room_box #sec3_1{ width:1100px; display:inline-block; padding:0 0 30px 0; margin:0 0 30px; border-bottom:1px dotted #73892d;}
#room.room5 #sec3.room_box a.btn img{ margin:0 0 0 20px;}

/*** room6.html ***/
#room.room6 .room_box .flexslider ol.flex-control-nav{bottom:-320px; left:460px; width:200px;}
#room.room6 .room_box .detail_col p { margin:0 0 10px;}
#room.room6 .room_box .detail_col dl { margin:0 0 20px;}
#room.room6 .room_box .detail_col dl:after { content:" " ; clear:both; display:block; height:0; }
#room.room6 .room_box .detail_col dl dt { float:left; clear:both; background:#73892d; padding:2px 5px; color:#FFFFFF; margin:0 10px 5px 0;}
#room.room6 .room_box .detail_col dl dd { float:left;}