@charset "utf-8";

/*
======== table of content. =================================

-CONTENT
  	- AREA EXPLAIN
  - HOTEL SEARCH AREA
  - MAIN

  		- SORT AREA
  		- SEARCH RESULT
	
============================================================
*/
/* 上書き */
.pagetop{
	padding:0;
}

/* AREA EXPLAIN
---------------------*/
div#contentAreaExp {
	width:895px;
	margin:10px 0 0 0;
	padding:10px 15px 10px 10px;
	background:#E5DFD2;
	overflow:hidden;
}

div#contentAreaExp p#areaName {
	width:692px;
	height:23px;
	padding:7px 10px 0 28px;
	background:
		url(../images/hotel_list/bg_ttl_area.jpg) 
		no-repeat left top;
	color:#FFF;
	font-weight:bold;
	font-size:127%;
}

div#contentAreaExp p.txt-area-exp {
	width:710px;
	margin:10px 20px 0 0;
}



/*-----------------------------------------------------
HOTEL SEARCH AREA
-------------------------------------------------------*/
div#contentHotelSearch {
	width:900px;
	margin:10px 0 0 0;	
	padding:10px;
	background:#C6D3EB;
}

div#contentHotelSearch div.Type {
	width:900px;
	background:
		url(../images/hotel_list/bg_ttl_hotelarea.jpg) 
		no-repeat left top #FFF;
}

div#contentHotelSearch div.Type h1 {
	float:left;
	height:30px;
	padding:8px 10px 0 12px;
	color:#FFF;
	font-weight:bold;
	font-size:147%;
}
div#contentHotelSearch div.Type div.Change{
	position:relative;
	float:left;
	margin:12px 0 0 0;
	font-size:91%;
}

div#contentHotelSearch div.Type div.Change a.search-detail {
	padding:0 0 0 22px;
	background:
		url(../images/common/icon_cursor_white_sq1b.gif) 
		no-repeat 10px 2px;
	font-weight:normal;
	color:#FFF;
}
div#contentHotelSearch div.Type div.Change div.Destination{
	position:relative;
	top:0;
	left:0;
	width:172px;
	border:3px solid #4A6EB6;
	background:#FFF;
	margin:0 0 0 0;
	display:none;
}
div#contentHotelSearch div.Type div.Change .Destination p.input{
	padding:5px;
	border-bottom:1px solid #CCC;
}
div#contentHotelSearch div.Type div.Change .Destination p.input input.text{
	width:150px;
}
div#contentHotelSearch div.Type div.Change .Destination p.right{
	text-align:right;
	padding:5px;
	margin:0;
}

div#contentHotelSearch div#searchBody {
	clear:both;
	width:880px;
	padding:10px 10px 10px 10px;
	background:#FFF
		url(../images/hotel_list/bg_search_item_btm.gif) 
		no-repeat left bottom;
}

ul.search-hotel-input01 {
	width:880px;
	overflow:hidden;
}

ul.search-hotel-input01 li{
	float:left;
	display:inline;
	margin:0;
}

ul.search-hotel-input01 li#Check-in, ul.search-hotel-input01 li#Check-out {
	margin:0 12px 0 0;
}

ul.search-hotel-input01 li.room{
	width:330px;
	margin:0;
	padding:0;
	float:right;
}
html* ul.search-hotel-input01 li.room{
	margin:0;
}

ul.search-hotel-input01 li.room select{
	margin:0 10px 0 0;
}
ul.search-hotel-input01 li.room dl{
	clear:left;
	width:auto;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #CCC;
}

ul.search-hotel-input01 li.room dl dt{
	float:none;
	display:inline;
	clear:both;
	margin:0;
}
ul.search-hotel-input01 li.room dl dt label.ttl{
	float:left;
	width:5em;
	display:block;
	padding:3px 5px 0 0;
}
ul.search-hotel-input01 li.room dl dd{
	width:auto;
	text-align:right;
	margin:5px 0 0 0;
	padding:0 0 4px 0;
	background:url("../images/hotel_list/bg_children_bottom.jpg") no-repeat 0 bottom #DFE4F0;
}

ul.search-hotel-input01 li.room dl dd p{
	padding:4px 0 0 0;
	background:url("../images/hotel_list/bg_children_top.jpg") no-repeat  0 top;
}
ul.search-hotel-input01 li.room dl dd strong{
}
ul.search-hotel-input01 li.room dl dd label{
	padding:1px 0 0 10px;
}


/* IE6 ----------------------------------------- */
* html ul.search-hotel-input01 li.room dl dd label{
	padding:1px 0 0 8px;
	border:1px solid #DFE4F0;
}
/* ///////////////////////////////////////////// */

/* IE7 */
*:first-child+html ul.search-hotel-input01 li.room dl dd label{
	padding:1px 0 0 0;
	border:1px solid #DFE4F0;
}
/* ///////////////////////////////////////////// */

/* safari */
html*ul.search-hotel-input01 li #Room{
	width:39px;
}
html*ul.search-hotel-input01 li.room dl dd p{
	padding:4px 5px 0 0;
}
html*ul.search-hotel-input01 li.room dl dd select{
	width:39px;
	margin:0 15px 0 0;
}
html*ul.search-hotel-input01 li.room dl dd label{
	padding:1px 0 0 0;
	margin:0 0 0 0;
}
/* ///////////////////////////////////////////// */

/* MAC */
.mac.safari ul.search-hotel-input01 li #Room{
	width:38px;
}
.mac.safari ul.search-hotel-input01 li.room dl dd p{
	padding:4px 5px 0 0;
}
.mac.safari ul.search-hotel-input01 li.room dl dd select{
	width:38px;
	margin:0 18px 0 0;
}
.mac.safari ul.search-hotel-input01 li.room dl dd label{
	padding:1px 0 0 0;
	margin:0 0 0 0;
}
.mac.ff3 ul.search-hotel-input01 li #Room{
	width:38px;
}
.mac.ff3 ul.search-hotel-input01 li.room dl dd p{
	padding:4px 5px 0 0;
}
.mac.ff3 ul.search-hotel-input01 li.room dl dd select{
	width:38px;
	margin:0 16px 0 0;
}
.mac.ff3 ul.search-hotel-input01 li.room dl dd label{
	padding:1px 0 0 0;
	margin:0 0 0 0;
}
/* ///////////////////////////////////////////// */

ul.search-hotel-input01 li.room dl dd select{
	margin:0 0 3px 0;
	padding:0;
	vertical-align:middle;
}

ul.search-hotel-input01 li label{
	margin:0 3px 0 0;
	color:#203674;
	font-weight:bold;
	font-size:107%;
}

ul.search-hotel-input01 li label.font-light {
	margin:0 6px 0 0;
	font-weight:normal;
	color:#666;
	font-size:92%;
}

input.input-form01 {
	width:90px;
}



ul.search-hotel-input02 {
	width:880px;
	margin:10px 0 0 0;
	overflow:hidden;
}

ul.search-hotel-input02 li {
	float:left;
	min-height:140px;
	_height:140px;
	margin:0 7px 0 0;
	padding:5px 5px 0 5px;
}


ul.search-hotel-input02 li dl dt {
	color:#203674;
	font-size:117%;
	font-weight:bold;
}
ul.search-hotel-input02 li dl dd {
	padding:7px 0 0 0;
}

ul.search-hotel-input02 .period-line {
	margin:5px 0 0 0;
	padding:7px 0 0 0;
	border-top:1px solid #D3DBEA;
}


ul.search-hotel-input02 li.search-adjust-price {
	width:190px;
	background:
		url(../images/hotel_list/bg_search_item_w200.jpg) 
		no-repeat left top;
}


ul.search-hotel-input02 li.search-adjust-price p.price-txt-jp,
ul.search-hotel-input02 li.search-adjust-price p.price-txt-en {
	text-align:center;
	font-weight:bold;
}
ul.search-hotel-input02 li.search-adjust-price p.price-txt-jp {
	color:#CC0000;
	font-size:117%;
}
ul.search-hotel-input02 li.search-adjust-price p.price-txt-en {
	color:#666;
	font-size:107%;
}

ul.search-hotel-input02 li.search-adjust-price div.select-currency label {
	margin:0 10px 0 0;
}

ul.search-hotel-input02 li.search-adjust-price div.select-currency select {
	width:4em;
}

/* 4 lines were added to this file on 09/08/17. ---------- */
ul.search-hotel-input02 li.search-adjust-price div.select-currency p.select-currency-note {
	padding:6px 0 0 0;
	font-size:92%;
}
/* - END 4 lines were added to this file on 09/08/17.-------------- */


ul.search-hotel-input02 li.search-hotel-type {
	width:130px;
	background:
		url(../images/hotel_list/bg_search_item_w140.jpg) 
		no-repeat left top;
}

ul.search-hotel-input02 li.search-searchBy {
	width:180px;
	background:
		url(../images/hotel_list/bg_search_item_w190.jpg) 
		no-repeat left top;
}

ul.search-hotel-input02 li.search-searchBy label {
	display:block;
	margin:7px 0 3px 0
}

ul.search-hotel-input02 li.search-searchBy input {
	width:120px;
}

ul.search-hotel-input02 li.search-searchBy select {
	width:124px;
}

ul.search-hotel-input02 li.search-amenities {
	width:130px;
	background:
		url(../images/hotel_list/bg_search_item_w140.jpg) 
		no-repeat left top;
}

ul.search-hotel-input02 li.search-amenities .Advanced{
	width:214px;
	position:absolute;
	margin:0 0 0 -85px;
	border:3px solid #4A6EB6;
	background:#FFF;
	z-index:50;
	display:none;
}
ul.search-hotel-input02 li.search-amenities .Advanced p{
	margin:5px;
}
ul.search-hotel-input02 li.search-amenities .Advanced p input{
	margin:0 5px 0 0;
}
ul.search-hotel-input02 li.search-amenities .Advanced p.right{
	border-top:1px solid #CCC;
	text-align:right;
	margin:0;
	padding:5px;
}




ul.search-hotel-input02 li.hotelMatchingNum {
	width:170px;
	margin:0;
	background:
		url(../images/hotel_list/bg_search_hitnum.jpg) 
		no-repeat left top;
}

p.matching-num {
	width:135px;
	height:74px;
	margin:5px 0 0 5px;
	padding:5px 15px;
	background:
		url(../images/hotel_list/bg_search_hitnum_main.jpg) 
		no-repeat left top;
	text-align:center;
	color:#CC0000;
	font-size:320%;
	font-weight:bold;
	line-height:1.1;
}
p.matching-num span {
	display:block;
	font-size:32%;
	font-weight:normal;
}


/* SORT AREA
---------------------*/

div.sort-area {
	width:690px;
	height:24px;
	overflow:hidden;
	background:
		url(../images/hotel_list/bg_sortby.gif) 
		repeat-x left top;
}
div.sort-area p,
ul.list-sort {
	float:left;
}
ul.list-sort {
	position:relative;
	width:600px;
	height:24px;
	padding:0 0 0 9px;
	overflow:hidden;
}
ul.list-sort li {
	float:left;
	height:20px;
	padding:4px 15px 0 6px;
	background:
		url(../images/hotel_list/line_sortby.gif) 
		no-repeat right top;
	color:#C44300;
	font-weight:bold;
}
ul.list-sort li a:link,
ul.list-sort li a:visited {
	color:#666666;
	font-weight:normal;
}

ul.list-sort li a:hover {
	color:#A47406;
}

ul.list-sort li.pagenation {
	position:absolute;
	top:0;
	right:0;
	background:
		url(../images/hotel_list/line_sortby_end.gif) 
		no-repeat right top;
	color:#666;
}

ul.list-sort li.pagenation span {
	color:#C44300;
}
ul.list-sort li.pagenation .result {
	color:#666;
	font-weight:normal;
}
ul.list-sort li.pagenation a {
	padding:0 0 0 5px;
}
ul.list-sort li.pagenation a:link,
ul.list-sort li.pagenation a:visited {
	color:#658ACD;
}


/* SEARCH RESULT
---------------------*/

div.list-searchResult {
	width:680px;
	margin:10px 0 0 0;
	padding:5px;
	background:#C6D3EB;
}

div.list-searchResult h3 {
	width:660px;
	height:31px;
	padding:8px 10px 0 10px;
	background:
		url(../images/hotel_list/bg_ttl_result.jpg) 
		no-repeat left top;
	font-size:147%;
	color:#FFF;
	font-weight:bold;
}
div.list-searchResult ul.icon{
	position:relative;
	height:24px;
	float:right;
	display:inline;
	margin:-31px 0 0 0;
	padding:0 2px 0 2px;
}
div.list-searchResult ul.icon li{
	float:left;
	display:inline;
	margin:0 5px 0 0;
}

div.list-searchResult div.hotel-detail-area {
	width:670px;
	padding:10px 5px;
	background:#FFF;
}

div.hotel-detail-area ul.hotel-detail {
	overflow:hidden;
	zoom:1;
}

div.hotel-detail-area ul.hotel-detail li {
	float:left;
}
div.hotel-detail-area ul.hotel-detail li.pic-hotel {
	width:120px;
}

div.hotel-detail-area ul.hotel-detail li.info-detail {
	float:left;
	width:350px;
	margin:0 0 0 5px;
}

div.hotel-detail-area ul.hotel-detail li.info-detail ul {
	margin: 0 0 5px 0;
}
div.hotel-detail-area ul.hotel-detail li.info-detail ul li {
	float:none;
	marign:0;
	font-weight:bold;
}
div.hotel-detail-area ul.hotel-detail li.info-detail ul li .txt-detail {
	font-weight:normal;
}



div.hotel-detail-area ul.hotel-detail li.info-price {
	float:right;
	width:169px;
	padding:6px;
	border:1px solid #F5DD87;
	background:#F9F4BC;
	text-align:center;
	font-weight:bold;
	color:#243B7A;
	line-height:1.3;
}

div.hotel-detail-area ul.hotel-detail li.info-price p.price-jp,
div.hotel-detail-area ul.hotel-detail li.info-price p.price-en {
	font-size:147%;
	color:#CC0000;
}
div.hotel-detail-area ul.hotel-detail li.info-price p.price-jp.no,
div.hotel-detail-area ul.hotel-detail li.info-price p.price-en.no {
	font-size:147%;
	color:#243B7A;
}
div.hotel-detail-area ul.hotel-detail li.info-price p.price-jp span ,
div.hotel-detail-area ul.hotel-detail li.info-price p.price-en span{
	font-size:67%;
	color:#666;
	text-decoration:line-through;
}

div.hotel-detail-area ul.hotel-detail li.info-price .txt-per {
	font-weight:normal;
	color:#666;
}


table.list-plan {
	margin:10px 0 0 0;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
table.list-plan th,
table.list-plan td {
	padding:5px 3px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;	
	text-align:center;
}
table.list-plan thead th {
	padding:3px;
	background:#D8E1F2;
	font-weight:bold;
	color:#243B7A;
}
table.list-plan thead th.rate {
	padding:3px 10px;
	background:#D0A441;
	color:#FFF;
	text-align:center;
}

table.list-plan tbody th {
	padding:5px 0 5px 7px;
	background:#F2EDD8;
	color:#A47406;
	text-align:left;
}
table.list-plan tbody th input {
	margin:0 5px 0 0;
}

table.list-plan tbody td.avg01{
	width:140px;
}
table.list-plan tbody td.avg02{
	 width:65px;
}

table.list-plan tbody td p.avg-txt-jp {
	font-size:103%;
	color:#CC0000;
	font-weight:bold;
}
.pagetop {
	clear:both;
	margin:10px 0 20px 0;
}