@charset "shift_jis";

/* hotel.css
------------------------------------------ */

/* titleArea
------------------------------------------ */
.contents .titleArea{margin-top:15px;}
.contents .titleArea h3{font-size:0;line-height:0;}




/* EACH
------------------------------------------ */
.contents #EACH{margin-top:20px;}
.contents #EACH h4{margin-bottom:-8px;font-size:0;line-height:0;}

.contents #EACH ul li{float:left;margin:20px 20px 0 0;}
.contents #EACH ul li.kauai,
.contents #EACH ul li.lanai{margin-right:0;}
.contents #EACH ul li p.pic{font-size:0;line-height:0;}
.contents #EACH ul li dl{position:relative;margin-top:3px;}
.contents #EACH ul li dl dt{font-size:0;line-height:0;}
.contents #EACH ul li dl dd{position:absolute;top:7px;left:145px;}
.contents #EACH ul li dl dd p.price_txt{color:#d13d2c;font-weight:bold;}

.contents #EACH p.free{margin-top:15px;padding-top:15px;border-top:1px solid #b68e5a;}




/* CPN
------------------------------------------ */
.contents #CPN{margin-top:40px;}

.contents #CPN .rentalArea{position:relative;height:409px;}
.contents #CPN .rentalArea li{position:absolute;}
.contents #CPN .rentalArea li.amazing01{top:63px;left:0;}
.contents #CPN .rentalArea li.amazing02{top:67px;left:471px;}
.contents #CPN .rentalArea li.amazing03{top:223px;left:0;}
.contents #CPN .rentalArea li.amazing04{top:276px;left:471px;}

.contents #CPN p#HWICPN{margin-top:10px;}




/* RANKING
------------------------------------------ */
.contents #RANKING{margin-top:27px;padding:0 10px 10px 10px;border:1px solid #cbcbcb;border-top:0;background-color:#f3f3f3;}
.contents #RANKING h4{margin:0 -11px 0 -11px;font-size:0;line-height:0;}

.contents #RANKING ul.dist{margin-top:10px;padding:10px 13px 10px 10px;border:1px solid #b1b1b1;background-color:#ffffff;}
.contents #RANKING ul.dist li{float:left;margin-right:15px;font-size:0;line-height:0;}
.contents #RANKING ul.dist li.last{margin-right:0;}


/* rankingBox */
.contents #RANKING .rankingBox{margin-top:15px;border:1px solid #b9b6a6;background-color:#ffffff;}
.contents #RANKING .rankingBox .rankingDetail{background:url(/intltour/tour/img/bg_rankingDetail_top.gif) repeat-x top left;zoom:1;}
.contents #RANKING .rankingBox #dataKauaii,
.contents #RANKING .rankingBox #dataMaui,
.contents #RANKING .rankingBox #dataLanai{display:none;}
.contents #RANKING .rankingBox .rankingDetail h5{margin:0 -1px 0 -1px;font-size:0;line-height:0;}
.contents #RANKING .rankingBox .rankingDetail .subSelect{margin-left:20px;width:80px;height:39px;display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;}
.contents #RANKING .rankingBox .rankingDetail .deptWrapper{width:180px;display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;}
.contents #RANKING .rankingBox .rankingDetail .deptWrapper select{width:180px;}
.contents #RANKING .rankingBox .gadgetList{margin:4px 0 5px;zoom:1;}
.contents #RANKING .rankingBox .item{margin:0px 12px 0px 12px;padding:2px 0;zoom:1;background:url(/intltour/tour/img/bg_ranking_separater.gif) repeat-x top left;}
.contents #RANKING .rankingBox .item.itemLine1{background:none;}
.contents #RANKING .rankingBox .item h5,
.contents #RANKING .rankingBox .item p{display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;vertical-align:middle;}
.contents #RANKING .rankingBox .item h5{width:114px;}
.contents #RANKING .rankingBox .item p.courseName{width:520px;}
.contents #RANKING .rankingBox .item p.deptName{width:90px;}
.contents #RANKING .rankingBox .item p.priceTxt{width:146px;font-size:105%;color:#c00;font-weight:bold;}




/* rentalArea
------------------------------------------ */
.contents .rentalArea{margin-top:20px;}
.contents .rentalArea p.banner{font-size:0;line-height:0;}




/* JLPKSERVICE
------------------------------------------ */
.contents #JLPKSERVICE{margin-top:40px;}
.contents #JLPKSERVICE h4 img,
.contents #JLPKSERVICE ul li img{vertical-align:bottom;}

.contents #JLPKSERVICE ul{margin-top:4px;}
.contents #JLPKSERVICE ul li.trolley{float:left;width:464px;}
.contents #JLPKSERVICE ul li.hokulea{float:right;width:460px;margin-top:5px;}
.contents #JLPKSERVICE ul li.hokulea p{margin-top:5px;}

.contents #JLPKSERVICE .annotation{margin-top:15px;padding-left:1em;text-indent:-1em;}




/* bannerArea
------------------------------------------ */
.contents .bannerArea{margin-top:20px;}