@charset "Shift_JIS";

/* layout */
.clearBoth{clear:both;}
.clearFix{overflow:hidden; zoom:100%;}
.clearFix:after{content: url(/domtour/jalstage/common/img/spacer.gif);display:block;clear:both;height:0;}
/*\*/ *html .clearFix{height:0.01em; overflow:visible;} /**/

.clear{clear:both;}
.displayNone {display:none;}
.mainTitleB01In .textTitle_jmbtour{float:right;margin-right: 20px;}
.contents .textRed {color:#cc0000; font-weight:bold;} 

/* headerArea
------------------------------------------ */
.contents h2.title{width: 625px; height: 325px; margin:0; padding:0;}

.contents .headerArea {
width: 625px; clear: both;
position: relative;
margin: 0; padding: 0;
float: left;
}
.contents .headerArea .bkm{width:120px; height: 22px; position: absolute; top:5px; right:5px;}

.contents .headerArea .jpn01{width: 96px; height: 37px; position: absolute; top:280px; left:5px;}
.contents .headerArea .jpn02{width: 95px; height: 37px; position: absolute; top:280px; left:102px;}
.contents .headerArea .jpn03{width: 115px; height: 37px; position: absolute; top:280px; left:198px;}
.contents .headerArea .jpn04{width: 95px; height: 37px; position: absolute; top:280px; left:314px;}
.contents .headerArea .jpn05{width: 95px; height: 37px; position: absolute; top:280px; left:410px;}
.contents .headerArea .jpn06{width: 115px; height: 37px; position: absolute; top:280px; right:4px;}

.contents .headerArea .int01{width: 90px; height: 37px; position: absolute; bottom:357px; left:81px;}
.contents .headerArea .int02{width: 90px; height: 37px; position: absolute; bottom:357px; left:294px;}
.contents .headerArea .int03{width: 90px; height: 37px; position: absolute; bottom:357px; left:443px;}
.contents .headerArea .int04{width: 92px; height: 37px; position: absolute; bottom:357px; left:526px;}

.contents .headerArea img{border: none;}
.contents .headerArea .bnt01{width: 140px; height: 26px; position: absolute; bottom:396px; left:165px;}
.contents .headerArea .bnt02{width: 140px; height: 26px; position: absolute; bottom:396px; right:9px;}
.contents .headerArea .bnt03{width: 140px; height: 26px; position: absolute; bottom:269px; left:165px;}
.contents .headerArea .bnt04{width: 140px; height: 26px; position: absolute; bottom:269px; right:9px;}
.contents .headerArea .bnt05{width: 140px; height: 26px; position: absolute; bottom:142px; left:165px;}
.contents .headerArea .bnt06{width: 140px; height: 26px; position: absolute; bottom:142px; right:9px;}
.contents .headerArea .bnt07{width: 140px; height: 26px; position: absolute; bottom:13px; left:165px;}
.contents .headerArea .bnt08{width: 140px; height: 26px; position: absolute; bottom:13px; right:9px;}

.contents .moduleArea{ width: 300px; float: right; }
.contents .moduleArea iframe{ width: 300px; height: 1240px; border: 0; overflow:hidden; }


/* AnchorArea
------------------------------------------ */
.contents .anchorArea{
width: 950px; height: 52px; clear: both;
margin: 0 0 0 0;
}
.contents .anchorArea ul{margin: 0 0 0 0; padding: 0 0 0 0;}
.contents .anchorArea li.flL{width: 470px; height: 52px; float:left;}
.contents .anchorArea li.flR{width: 470px; height: 52px; float:right;}
.contents .anchorArea li img{border: 0;}


/* AnchorArea2
------------------------------------------ */
.contents .anchorArea2{
width: 948px; height: 65px; clear: both;
margin: 15px 0 0 0; padding: 0;
border: solid 1px #d9d9d9;
background: #f7f7f7;
}
.contents .anchorArea2 ul{margin: 9px 0 0 0; padding: 0 0 0 0;}
.contents .anchorArea2 li{float: left; margin: 0 0 0 10px;}
.contents .anchorArea2 img{border: 0;}

/* hotelBox
------------------------------------------ */
.contents .hotelArea{width: 950px; margin: 0; padding: 0; clear: both;}
.contents .hotelArea h3{margin: 0; padding: 20px 0 0 0;}

.contents .hotelArea .htlbgline{
width: 950px; margin: 10px 0 0 0; padding: 0 0 10px 0; clear: both;
}
.contents .hotelArea .flL{width: 300px; float: left; margin: 0 25px 0 0; padding: 0;}
.contents .hotelArea .flR{width: 300px; float: right; margin: 0; padding: 0;}

.contents .hotelArea dl{width: 300px; margin: 0; padding: 0;}
.contents .hotelArea dl dt{
width: 282px; line-height: 1.3;
margin: 0; padding: 5px;
font-weight: bold;
border-top: solid 1px #ababab;
border-bottom: solid 1px #ababab;
border-left: solid 7px #ababab;
border-right: solid 1px #ababab;
background: url(../img/bg_hoteltitle.gif) bottom left repeat-x #f8f8f8;
}



.contents .hotelArea dl dd.info{
width: 300px; margin:0; padding:10px 0 10px 0;
}
.contents .hotelArea dl dd.info td{text-align: left; vertical-align: top;}
.contents .hotelArea dl dd.info td.ph{padding-right: 10px; width: 110px;}
.contents .hotelArea dl dd.info td.price{ width: 180px ;margin: 0; padding: 0;}
.contents .hotelArea dl dd.info td.price ul{margin: 0; padding: 0 0 10px 0; list-style: none;}
.contents .hotelArea dl dd.info td.price li{margin: 0; padding: 0; line-height: 1.0;}
.contents .hotelArea dl dd.info td.price li.main{font-weight: bold; font-size: 88%; line-height: 1.3;}
.contents .hotelArea dl dd.info td.price li.sub{font-weight: bold; font-size: 88%; line-height: 1.3; float: left; padding-right: 13px;}
.contents .hotelArea dl dd.info td.price li.main span.pricetxt{color: #f30033; font-size: 185%; vertical-align: -7%;}
.contents .hotelArea dl dd.info td.price li.sub span.pricetxt{color: #f30033; font-size: 130%;}
.contents .hotelArea dl dd.info td.price li span.areatxt{}

.contents .hotelArea dl dd.info p.point{margin: 0; padding: 10px 0 10px 0;}

.contents .hotelArea dl dd.point{width: 284px; margin: 0; padding: 8px; background: #f7f7f7;}
.contents .hotelArea dl dd.point p{margin: 0; padding: 0; line-height: 1.3; font-size: 83%; color: #ff4397; font-weight: bold;}
.contents .hotelArea dl dd.point ul{margin: 0; padding: 0;}
.contents .hotelArea dl dd.point li{margin: 0; padding: 0 0 0 1em; text-indent: -1em; font-size: 83%; line-height: 1.3;}
.contents .hotelArea dl dd.point li span{}
.contents .hotelArea dl dd.point .plan{margin: 5px 0 0 8px; padding: 0;}

.contents .hotelArea dl dd.point div.spec{
padding: 0 0; margin: 0 0 0 0;
font-size: 83%; line-height: 1.3;
vertical-align: top;
}
.contents .hotelArea dl dd.point div.spec .bold{
font-weight: bold;
}
.contents .hotelArea dl dd.point div.spec .txRe1{color: #cc0000;}

.contents .hotelArea dl dd.spec{width: 300px; margin: 0; padding: 0 0 0 0;}
/*.contents .hotelArea dl dd.info .trip{width: 180px; padding: 10px 0 0 0; clear: both;}*/
.contents .hotelArea dl dd.spec .option{width: 300px; padding: 5px 0 0 0;}
.contents .hotelArea dl dd.info .moreinfo { margin: 0; padding: 8px 0 0 0;}
.contents .hotelArea dl dd.info .moreinfo img{border: 0;}
.contents .hotelArea dl dd.spec .hotelSelect01 { width: 175px; height: 32px; margin: 0 auto; padding: 10px 0 0 0;}
.contents .hotelArea dl dd.spec .hotelSelect01 img { border: 0;}

.contents .hotelArea .captxt{
margin: 0; padding: 5px 0 0 0; clear: both;
text-align: right; line-height: 1.4;
color: #cc0000; font-weight: bold;
}

/*======================================================*/
.hotelSearch{
	float: right;
	margin: 15px 0 0;
}
.hotelSearch .hotelBox_infoBtn, .hotelSearch .hotelBox_infoBtn a, .hotelSearch .hotelBox_searchBtn, .hotelSearch .hotelBox_searchBtn a{
	display: inline-block;
}
.hotelSearch .hotelBox_infoBtn{
	margin-right: 10px;
}
#JS_dtdp_modal h3 img{
	vertical-align: bottom;
}

/* hotelList
------------------------------------------ */
.contents .hotelListWrap { margin-top:10px; }

/* countDown
------------------------------------------ */
.countDown { margin-top:10px; padding:13px 10px 10px; background-color:#ffe400; }
.countDown img { vertical-align:top; }
.countDown .countDownBox { display:table; width:100%; }
.countDown .countDownBox_head { display:table-cell;	vertical-align:bottom; text-align:center; }
.countDown .countDownBox_timer { display:table-cell; vertical-align:bottom;	width:416px; padding-left:10px;	letter-spacing:-1em; white-space:nowrap; }
.countDown .countDownBox_timer > img { margin-left:1px;	*margin-left:-4px; vertical-align:bottom; letter-spacing:normal; }
.countDown .countDownBox_timer > img:first-child { margin-left:0; }
.countDown .countDownBox_timer .timer_num {	width:42px;	height:78px; background-color:#000; }
.countDown .countDownBox_timer .timer_num.num_sec {	width:32px;	height:60px; }
.countDown .countDown_period { margin-top:10px;	background:url(/domtour/jaldp/time_sale/Y15/img/bg_counter_ribbon.png) no-repeat center center;	text-align:center; }
.countDown .countDown_period > dt,
.countDown .countDown_period > dd {	display:inline-block; color:#fff; font-size:18px; font-weight:bold; line-height:32px; }
.countDown .countDown_period > dd > span { margin:0 1px; }