@charset "Shift_JIS";

.HotelContainer .gadgetPivot ul.list li a span.title{
display:none;
}

.HotelContainer .gadgetPivot ul.list li a{
color:#ff0000;
}

.HotelContainer .gadgetPivot ul.list li{
height:25px;
line-height:25px;
}

.HotelContainer .gadgetPivot ul.list li a span.value{
display:inline;
}

/* gadgetPivot */
.HotelContainer .gadgetPivot{margin-top:0px!important; text-align:center;}
.HotelContainer .gadgetPivot ul{text-align:left;}
.HotelContainer .gadgetPivot ul.list{border:none!important; width:170px; margin-left:5px;}
.HotelContainer .gadgetPivot ul.list li{border:none!important;}
.HotelContainer .gadgetPivot ul.list li a{display:block;line-height:1.2!important;font-size:14px;text-decoration:none;padding:0px!important;}
.HotelContainer .gadgetPivot ul.list li a:hover{background-color:#ffffdd;cursor:pointer;}
.HotelContainer .gadgetPivot ul.list li a span{padding:4px 0;cursor:pointer;}
.HotelContainer .gadgetPivot ul.list li a span.title{display:none!important;}
.HotelContainer .gadgetPivot ul.list li a span.value{padding:4px 5px;float:right;text-align:right;text-decoration:none;color:#cc0000;font-weight:bold;}
.HotelContainer .gadgetPivot ul.list li a span.value span.unavail{color:#000000;font-weight:normal;}
.HotelContainer .gadgetPivot ul.list li a:hover span.value{text-decoration:none;}


/* saiyasuneArea
------------------------------------------ */
.contents .saiyasuneArea{
	margin-top:0px;
}

.contents .saiyasuneArea .saiyasuneBox {
	margin-left: 0px;
	zoom:1;
}
.contents .saiyasuneArea .saiyasuneBox li{
float:left;

}

.contents .saiyasuneArea .saiyasuneBox .areaBox li.hawai{
background:url(../img/pricearea_bk01.gif) no-repeat!important;
}

.contents .saiyasuneArea .saiyasuneBox h2{
	font-size:14px;
	text-align:left;
	margin-bottom:10px;
	padding-left:10px;
	padding-top: 5px;
}

.contents .saiyasuneArea .saiyasuneBox .linkout{
margin-left:10px;
}

/* SAIYASUNE gadget
------------------------------------------ */
.gadgetPivot ul:after, .gadgetPivot ul.list li a:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

body div#priceArea{
	margin-bottom:5px!important;
	padding-bottom:0!important;
	background:none!important;
	border:none!important;
	margin-top: 5px;
}

body div#priceArea ul.tab li {width: 84px;}
body div#priceArea ul.list span.value { font-size:110%;}
.gadgetPivot{font-size:12px;}
body div#priceArea ul.list {
margin: 0 13px;
width: 250px!important;
}
#priceArea .gadgetPivot ul.list li{margin:0;padding:0 !important; width:100%;}
#priceArea .gadgetPivot ul.list li a{line-height:120%;}
#priceArea .gadgetPivot ul.list li a span.title { margin: 0 5px;}
#priceArea .gadgetPivot ul.list li a span.value { margin: 0 5px;}
#priceArea .gadgetPivot ul.list li a {
display:block;
cursor: pointer;
padding: 8px 0 7px;
}
#priceArea .gadgetPivot ul.list li a:hover {
background-color: #FFFFDD;
cursor: pointer;
}
#priceArea .gadgetPivot ul.list li a span {
cursor: pointer;
padding: 0;
}
#priceArea .gadgetPivot ul.list li a span.left {
float: left;
padding-left: 5px;
text-align: left;
text-decoration: underline;
}
#priceArea .gadgetPivot .dropdown {
margin-bottom:10px;
margin-left:10px;
}
#priceArea .gadgetPivot .dropdown select { width:200px; background:#FFD; padding:3px; }

* html body div#priceArea ul.list {
overflow:hidden;
}
* html body .contents .saiyasuneArea .saiyasuneBox li {
float: left;
margin-right: 8px;

}


/* tourDetails_asi_450
------------------------------------------ */
.tourDetails_asi_450{
width:450px;
background-image: url(../img/gadgetPivot450_bg.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom:10px;
}
.tourDetails_asi_450 .gadge_tit{
margin:0px;
}

.tourDetails_asi_450 .gadgetPivot{
width:400px;
}

.tourDetails_asi_450 .tourDetailsBox{
border:none!important;
}

/* tourDetails_asi_710
------------------------------------------ */
.tourDetails_asi_710{
width:710px;
background-image: url(../img/gadgetPivot710_bg.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom:10px;
margin-left:115px;
}
.tourDetails_asi_710 .gadge_tit{
margin:0px;
}

.tourDetails_asi_710 .gadgetPivot{
width:660px;
}

.tourDetails_asi_710 .tourDetailsBox{
border:none;
}

/* tourDetails_asi_940
------------------------------------------ */
.tourDetails_asi_940{
width:940px;
background-image: url(../img/gadgetPivot940_bg.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom:10px;
margin-top:15px;
}
.tourDetails_asi_940 .tourDetailsBox{
padding-left:20px!important;
}
.tourDetails_asi_940 .gadge_tit{
margin:0px;
}

.tourDetails_asi_940 .gadgetPivot{
}

.tourDetails_asi_940 .tourDetailsBox{
border:none;
}

.tourDetails_asi_940 .gadgetTitle{
	margin-top:15px!important;
	background-position: 0px 5px!important;
}

/* DtDstSrch
------------------------------------------ */

#DtDstSrch {
	width: 890px;
	margin: 0 auto;
}
.contents #searchDateArea .gadget_search{
background:#ffffff;
border:1px solid #b1b1b1;
}

.gadget_search_Box{
	width:884px;
	padding:3px;
	background:#EEE;
	margin-bottom:15px;
}
.gadget_search{overflow:hidden;zoom:100%;width:871px; border:1px solid #AAA; padding-left:10px; padding-bottom:15px;background:#FFF;}
.gadget_search:after{content:""; display:block; clear:both; height:0.01px; overflow:hidden; visibility:hidden;}
/*\*/ *html .g_box{ height:0.01em; overflow:visible;} /**/

.gadget_search .formBox{float:left; width:262px; border-right:1px #999999 dotted; padding:0 10px; margin-top:20px;}
.gadget_search .formBox_end{
	float:left;
	width:292px;
	padding:0 0px 0 10px;
	margin-top:20px;
}
.gadget_search dl{float:left; width:262px; overflow:hidden; zoom:1;}
.gadget_search dl:after{content:""; display:block; clear:both; height:0.01px; overflow:hidden; visibility:hidden;}
.gadget_search dl dt{float:left; width:70px;}
.gadget_search dl dd{float:right; width:170px;}
.gadget_search select{width:170px;}

.gadget_search p{text-align:right;}
.gadget_search p img#JAL_goSearch{cursor:pointer;}


/*popularhotel
------------------------------------------ */

.contents .popularhotel{
background-image:url(../img/pricearea_bk01_l.gif);
background-repeat: no-repeat;
background-position: left top;
width:620px;
}
.contents .popularhotel h2{
	font-size:14px;
	height:28px;
	text-align:left;
	margin-bottom:5px;
	padding-left:10px;
	padding-top: 10px;
	}
	
.contents .popularhotel ul{
	margin-left:24px;
}	
.contents .popularhotel li.hotelbox{
	width:137px;
	list-style-type: none;
	float:left;
	margin-right:8px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.contents .popularhotel li.hotelbox_last{
	width:137px;
	list-style-type: none;
	float:left;
	margin-right:0px;
	border-right:none;
}
.contents .popularhotel li.hotelbox .tit,
.contents .popularhotel li.hotelbox_last .tit{
	font-size:90%;
	height:60px;
	line-height:135%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	width:127px;
}
.contents .popularhotel li.hotelbox .tit strong,
.contents .popularhotel li.hotelbox_last .tit strong{color:#FF6600;}

.contents .popularhotel li.hotelbox .ls{letter-spacing:-0.15em;}

/*popularhotel gadgetPivot
------------------------------------------ */

.popularhotel .gadgetPivot ul{margin-left:0px!important;}

/* gadgetPivot */
.popularhotel .gadgetPivot{margin-top:0px!important;}

.popularhotel .gadgetPivot ul.list{border:none!important; width:127px!important; margin-left:0px!important;}
.popularhotel .gadgetPivot ul.list li{border:none!important; width:127px; height:25px; line-height:25px; margin-left:0px!important;}
.popularhotel .gadgetPivot ul.list li a{display:block;line-height:1.2!important;font-size:14px;text-decoration:none;padding:0px!important;}
.popularhotel .gadgetPivot ul.list li a:hover{cursor:pointer; background:#ffffdd;}
.popularhotel .gadgetPivot ul.list li a span.title{display:block; width:127px; float:left!important; height:2em; display:none;}
.popularhotel .gadgetPivot ul.list li a span{padding:4px 0;cursor:pointer; clear:both!important; width:127px; }
.popularhotel .gadgetPivot ul.list li a span.value{padding:4px 5px;float:left;text-align:left;text-decoration:none;color:#cc0000;font-weight:bold;display:inline; font-size:85%; letter-spacing:-1px;}
.popularhotel .gadgetPivot ul.list li a span.value span.unavail{color:#000000;font-weight:normal;}
.popularhotel .gadgetPivot ul.list li a:hover span.value{text-decoration:none;}