/* CSS Document */
/* -------------------- ホテル詳細 -------------------- */
html,body{font-size: 100%;}
.title{ width:100%; position:relative;margin:0 auto; padding:0;}
.title img{ width:100%; height:auto;}
.title h3{ width:98%; background:#000000; opacity:0.8; color:#fff; font-size:0.9em; font-weight:bold; position:absolute; bottom:0; padding:3% 1%; text-align:center;	line-height:1.2;}
.title span{ background:#FFF; font-size:0.7em; color:#000; padding:2% 4%; position:absolute; top:4%; right:2%; text-align:center; border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }


.copy{ color:#003399; font-size:1.2em; font-weight:bold; margin:0 0 2%;}


.iconimg{ width:100%; margin:2% 0 0; font-size: 0.8em;}
.iconimg img{ width:14%; height:auto; margin-right:1%; float:left; padding-bottom:1%;}

table.info{ clear:both; width:100%;border-top:1px solid #666666; border-left:1px solid #666666;border-right:1px solid #666666;border-collapse: collapse;}
table.info th{ background:#E5E5E5; border-right:1px dotted #666666; padding:1%; text-align:center;}
table.info td{
	border-right: 1px dotted #666666;
	border-bottom: 1px solid #666666; padding:1%; text-align:center;
}




/*ホテル紹介*/

#gallery {clear:both;  width:92%; padding:2%; background: url(../img/bg-htl.jpg) repeat;  margin:2% auto 10%;}
#gallery ul{}
#gallery div{ background:#fff; padding:1% 2%; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom:2%;}
	
#gallery h2{color:#66c; }

.room_name{ display:block; font-size:1.2em; font-weight:bold; color: #4682B4; margin:1% 0 1%;}
.room_txt{display:block; margin:0 0 2%;}
.room_txt b{ font-weight:bold; display:block;}
#gallery div img{  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; margin-bottom:1%;}
	
	
	
.re_wrp{text-align:right; margin:0 5% 5%;}	
.re{ display:inline; background: url(../img/re.png) no-repeat; padding-left:8%; background-size: contain;  }	
.re a{	 color:#003366; font-weight:bold;}


/*自動よみこみツアー表示*/

a.mosaic-overlay{display:block;width:100%; margin:0 auto 4%; text-decoration:none;}
.tour_box{width:92%; padding:2%; color:#000000; line-height:1.2;border:1px solid #CCC; margin:0 auto}
a:hover .tour_box{background:#FFFFCC;}
.tour_box .tour_img{width:100%; float:left; position:relative; padding-right:2%;}
.tour_box .tour_img img{width:100%; height:auto; padding-bottom:2%;}
.tour_box h2{ display:none;}

.tour_box .tour_right{}
.tour_box .tour_right h3{font-weight:bold; margin:0;text-decoration: underline;}
.tour_box .tour_right p{ margin:1% 0;font-size:0.9em;}
.tour_box .tour_right .hotel{ }
.tour_box .tour_right .copy{ clear:both;display:block;  background:#E8E8E8; padding:2%;}
.tour_box .tour_right .price{color:#F00; font-size:1.4em; font-weight:bold;}
.tour_box .tour_right li{float:left; padding:1.5%; border:1px solid #CCC; margin:1% 1% 0 0; border:1px solid #CCC;background:#FFFFFF;font-size: 0.8em;}

.tour_box2{padding:5%; border:3px solid #CCC; margin:0 auto 4%; text-align:center;}