@charset "utf-8";

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

-CONTENT
  - main-area
  - location
  - 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;
}
#mainLeft h2{
	width:690px;
	height:25px;
	line-height:25px;
	text-indent:10px;
	margin:0 0 10px 0;
	color:#FFF;
	font-weight:bold;
	font-size:134%;
	background:url("../images/hotel_detail/bg_ttl_location.jpg") no-repeat 0 0;
}
#mainLeft h2.bg-red{
	background:url("../images/hotel_detail/bg_ttl_location_red.jpg") no-repeat 0 0;
}
#mainLeft h2 link img{
	position:absolute;
	top:10px;
	right:8px;
}
#mainLeft h3{
	height:22px;
	font-size:12px;
	line-height:22px;
	text-indent:10px;
	font-weight:bold;
	color:#FFF;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:url("../images/hotel_detail/bg_ttl_find.jpg") repeat-x;
}
#mainLeft h4{
	height:24px;
	line-height:24px;
	text-indent:10px;
	font-size:117%;
	font-weight:bold;
	color:#243B7A;
	background:#D8E1F2;
}

/* 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:250px;
	float:left;
	padding:13px 9px 0 10px;
	color:#A47406;
}
div.main-area ul.caption li{
	padding:0 0 7px 0;
}
div.main-area dl{
	width:411px;
	float:left;
	display:inline;
	margin:13px 0 0 10px;
}
div.main-area dl.NoImg{
	width:690px;
	margin:13px 0 0 0;
}
div.main-area dl dt{
	color:#243B7A;
	font-weight:bold;
	margin:0 0 12px 0;
}
div.main-area dl.NoImg dt{
	margin:0 0 12px 10px;
}
div.main-area dl dt strong{
	padding:0 5px 0 5px;
	font-size:134%;
	color:#CC0000;
}
div.main-area dl.NoImg dd{
	margin:0 0 0 10px;
}
div.main-area dl dd.ttl{
	font-weight:bold;
	margin:0 0 12px 0;
}
div.main-area dl.NoImg dd.ttl{
	margin:0 0 12px 10px;
}
div.main-area dl dd.btn{
	margin:5px 0 0 0;
	padding:11px 0 0 0;
	text-align:right;
	border-top:1px solid #CCC;
}

div.main-area #thum-wrap {
	clear:both;
	width:682px;
	height:105px;
	padding:10px 4px 10px 4px;
	background:url("../images/hotel_detail/bg_img_sum.jpg") no-repeat 0 0;
}
div.main-area #thum-wrap .thum{
	width:682px;
	height:105px;
	overflow-x:scroll;
	overflow-y:hidden;
}
div.main-area #thum-wrap .thum ul{
	width:atuo;
	height:80px;
}
div.main-area #thum-wrap .thum ul li {
	float:left;
	margin:0 3px 0 3px;
}

div.main-area #thum-wrap .thum ul li img {
	cursor : pointer;
	padding:3px;
}
div.main-area #thum-wrap .thum ul li img.on,
div.main-area #thum-wrap .thum ul li img.active {
	padding:0;
	border:3px solid #0A5CA8;
}
/* notice
---------------------*/
div.notice {
	margin-bottom:20px;
	border:1px solid #CCC;
	border-top:none;
}

div.notice p {
	padding:0 10px 10px 10px;
}

/* location
---------------------*/
div.location{
	margin:0 0 20px 0;
}

div.location div.link
{
	height:24px;
	float:right;
	padding:3px 3px 0 0;
	margin:-35px 0 0 0;
}

div.location dl{
	margin:0 0 10px 0;
	padding:7px 4px 7px 4px;
	background:#D8DFED;
}
div.location dl dt,
div.location dl dd strong{
	color:#243B7A;
	font-weight:bold;
	margin:0 5px 0 0;
}
div.location dl dd.btn{
	float:right;
	display:inline;
	margin:5px 9px 0 0;
}
div.location p{
	margin:0 0 10px 5px;
}
div.location p.img{
	margin:0;

	text-align:center;
	border:1px solid #CCC;
}

div.location table{
	width:100%;
	border:1px solid #CCC;
	border-bottom:none;
}
div.location table th{
	width:130px;
	text-indent:10px;
	text-align:left;
	padding:5px 0 5px 0;
	font-weight:bold;
	color:#243B7A;
	border-bottom:1px solid #CCC;
	background:#D8E1F2;
}
div.location table td{
	border-bottom:1px solid #CCC;
	padding: 5px 10px 5px 10px;
	text-align: left;
}

/* amenities
---------------------*/
div.amenities{
	
}
div.amenities ul{
	margin:0 0 4px 14px;
}
div.amenities ul li{
	float:left;
	display:inline;
	padding:0 37px 9px 0;
}
div.amenities ul li.last{
	float:none;
	padding:0;
}
div.amenities dl{
	margin:0 0 20px 0;
	padding:14px 0 0 11px;
	border-top:1px solid #CCC;
}
div.amenities dl dt{
	font-weight:bold;
	color:#CC0000;
}
div.amenities dl dd{
	
}
/* facilities
---------------------*/
div.facilities{
	margin:0 0 20px 0;
}
div.facilities ul{
	margin:0 0 4px 14px;
}
div.facilities ul li{
	float:left;
	display:inline;
	padding:0 37px 9px 0;
}
div.facilities ul li.last{
	float:none;
	padding:0;
}

/* additional */
div.facilities .additional{
	border:1px solid #CCC;
}
div.facilities .additional p{
	margin:11px 0 7px 6px;
}
div.facilities .additional ul{
	margin:0 0 4px 14px;
}
div.facilities .additional ul li{
	float:left;
	display:inline;
	padding:0 34px 9px 0;
}

/* btn
---------------------*/
div.btn{
	margin:0 0 20px 0;
}
div.btn p{
	float:left;
	display:inline;
	margin:0 0 0 138px;
}
div.btn p.last{
	float:left;
	display:inline;
	margin:0 0 0 34px;
}