@charset "utf-8";

/*
======== table of content. =================================

-CONTENT
  	- AREA EXPLAIN
  - HOTEL SEARCH AREA
  - MAIN

  		- SORT AREA
  		- SEARCH RESULT
	
============================================================
*/
#mainLeft h1{
	width:690px;
	height:38px;
	line-height:38px;
	text-indent:10px;
	font-size:150%;
	font-weight:bold;
	color:#243C7A;
	background:url("../images/hotel_detail/bg_ttl_hotel.jpg") no-repeat 0 0;
}

/* main-area
---------------------*/
div.main-area{
	margin:0 0 20px 0;
}
div.main-area ul.icon{
	position:relative;
	height:24px;
	float:right;
	display:inline;
	margin:-31px 0 0 0;
	padding:0 2px 0 2px;
}
div.main-area ul.icon li{
	float:left;
	display:inline;
	margin:0 5px 0 0;
}
div.main-area ul.caption{
	width:120px;
	float:left;
	padding:13px 0 0 10px;
	color:#A47406;
}
div.main-area ul.caption li{
	margin:0 0 7px 0;
}
div.main-area dl{
	width:540px;
	float:left;
	display:inline;
	margin:13px 0 11px 17px;
	padding:0 0 5px 0;
}
div.main-area dl dd.ttl{
	font-weight:bold;
	margin:0 0 8px 0;
}
div.main-area dl dd{
	margin:0 0 8px 0;
}

/* results
---------------------*/
div.results{
	padding:5px 5px 5px 5px;
	background:#C6D3EB;
}

/* search
---------------------*/
div.results .search{
	clear:both;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
	background:url("../images/hotel_list/bg_search_fff_bottom.gif") no-repeat 0 bottom #FFF;
}
div.results .search h2{
	font-size:117%;
	text-indent:10px;
	font-weight:bold;
	color:#203674;
	margin:0 0 0 0;
	padding:8px 0 10px 0;
	background:url("../images/hotel_list/bg_search_fff_top.gif") no-repeat 0 top;
}
div.results .search .search-form{
	width:662px;
	margin:0 auto 0 auto;
	background:url("../images/hotel_list/bg_search_contenst.jpg") no-repeat 0 top;
}
div.results .search .search-form ul.form{
	padding:15px 0 10px 12px;
	border-bottom:1px solid #D3DBEA;
}
div.results .search .search-form ul.form li{
	height:36px;
	float:left;
	display:inline;
	margin:0 20px 0 0;
}
div.results .search .search-form ul.form li.Rooms {
	width:155px;
	margin:0 0 0 0;
}
div.results .search .search-form ul.form li.room{
	marign:0 0 10px 0;
	width:315px;
	height:auto;
}
/* ff2 */
.win.ff2 div.results .search .search-form ul.form li.room{
	width:330px;
}

/* ///////////////////////////////////////////// */

div.results .search .search-form ul.form li.room dl{
	clear:left;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	font-size:91%;
	border-bottom:1px solid #CCC;
}
div.results .search .search-form ul.form li.room dl dt label{
	padding:0 5px 0 0;
}
div.results .search .search-form ul.form li.room dl dt label.ttl{
	float:left;
	width:5em;
	display:block;
	margin:0;
	padding:3px 5px 0 0;
	_padding:5px 5px 0 0;
}
div.results .search .search-form ul.form li.room dl dt select{
	margin:0 5px 0 0;
}
div.results .search .search-form ul.form li.room dl dd{
	width:auto;
	text-align:right;
	margin:5px 0 0 0;
	padding:0 4px 4px 0;
	background:url("../images/hotel_list/bg_children_bottom.jpg") no-repeat 0 bottom #DFE4F0;
}

div.results .search .search-form ul.form li.room dl dd p{
	padding:4px 0 0 0;
	background:url("../images/hotel_list/bg_children_top.jpg") no-repeat  0 top;
}
div.results .search .search-form ul.form li.room dl dd strong{
}
div.results .search .search-form ul.form li.room dl dd label{
	padding:1px 0 0 10px;
}
/* IE6 ----------------------------------------- */
* html div.results .search .search-form ul.form li.room dl dd label{
	padding:1px 0 0 8px;
	border:1px solid #DFE4F0;
}
/* ///////////////////////////////////////////// */

/* IE7 */
*:first-child+html div.results .search .search-form ul.form li.room dl dd label{
	padding:1px 0 0 8px;
	border:1px solid #DFE4F0;
}

/* ///////////////////////////////////////////// */

/* win-Safari */
.win.safari div.results .search .search-form ul.form li.room dl dd label{
	padding:1px 0 0 1px;
	border:1px solid #DFE4F0;
}

/* ///////////////////////////////////////////// */

/* MAC */
.mac.safari div.results .search .search-form ul.form li #Room{
	width:38px;
}
.mac.safari div.results .search .search-form ul.form li.room dl dd p{
	padding:4px 5px 0 0;
}
.mac.safari div.results .search .search-form ul.form li.room dl dd select{
	width:38px;
	margin:0 18px 0 0;
}
.mac.safari div.results .search .search-form ul.form li.room dl dd label{
	padding:1px 0 0 0;
	margin:0 0 0 0;
}
.mac.ff3 div.results .search .search-form ul.form li #Room{
	width:38px;
}
.mac.ff3 div.results .search .search-form ul.form li.room dl dd p{
	padding:4px 5px 0 0;
}
.mac.ff3 div.results .search .search-form ul.form li.room dl dd select{
	width:38px;
	margin:0 16px 0 0;
}
.mac.ff3 div.results .search .search-form ul.form li.room dl dd label{
	padding:1px 0 0 0;
	margin:0 0 0 0;
}
/* ///////////////////////////////////////////// */


div.results .search .search-form ul.form li label.ttl{
	color:#203674;
	font-size:117%;
	font-weight:bold;
}
div.results .search .search-form ul.form li.none{
	clear:right;
	width:150px;
}
div.results .search .search-form ul.form li.submit{
	float:right;
	margin:0 10px 0 0;
}
div.results .search .search-form ul.btn{
	margin:7px;
}
div.results .search .search-form ul.btn li{
	float:left;
	display:inline;
	margin:0 40px 8px 0;
}
div.results .search .search-form ul.btn li .Advanced{
	width:214px;
	position:absolute;
	margin:0 0 0 0;
	border:3px solid #4A6EB6;
	background:#FFF;
	z-index:50;
	display:none;
}
div.results .search .search-form ul.btn li .Advanced p{
	margin:5px;
}
div.results .search .search-form ul.btn li .Advanced p input{
	margin:0 5px 0 0;
}
div.results .search .search-form ul.btn li .Advanced p.right{
	border-top:1px solid #CCC;
	text-align:right;
	margin:0;
	padding:5px;
}


/* SORT AREA
---------------------*/
div.sort-area {
	width:680px;
	height:24px;
	margin:0 0 10px 0;
	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:590px;
	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;
	right:0;
	margin: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;
}


/* list */
div.list{
	
}

div.list table 
{
	width:100%;
	margin:10px 0 0 0;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

div.list table thead th 
{
	height:24px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	border-right:1px solid #243C7B;
	background:url("../images/hotel_list/bg_room_ttl.gif") repeat-x 0 0;
}

div.list table thead th.rate
{
	border-left:1px solid #C28C08;
	border-right:1px solid #C28C08;
	background:url("../images/hotel_list/bg_rate_ttl.gif") repeat-x 0 0;
}

div.list table tbody th {
	padding:5px 0 5px 7px;
	background:#F2EDD8;
	color:#A47406;
	text-align:left;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
div.list table tbody th input {
	margin:0 5px 0 0;
}

div.list table tbody td 
{
	padding:5px 3px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:center;
	background-color:#FFF;
}

div.list table tbody td.avg01{
	width:140px;
}
div.list table tbody td.avg02{
	 width:65px;
}

div.list table tbody td.avg01 strong {
	font-size:103%;
	color:#CC0000;
	font-weight:bold;
}

div.list table tfoot tr td{
	padding:10px 0 10px 5px;
	background:#FFF;
	border:1px solid #CCC;
	border-top:none;
}
.pagetop {
	clear:both;
	margin:10px 0 20px 0;
}

