@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{	
	font-size:12px;
	height:22px;
	line-height:22px;
	text-indent:10px;
	font-weight:bold;
	color:#FFF;
	border-bottomt:1px solid #CCC;
	background:url("../images/hotel_detail/bg_ttl_find.jpg") repeat-x;
}

#mainLeft h2.bg-red{
	background:url("../images/hotel_detail/bg_ttl_location_red.jpg") no-repeat 0 0;
	margin:10px 0 10px 0;
}

/* notice
---------------------*/
div.notice {
	margin-bottom:20px;
	border:1px solid #CCC;
	border-top:none;
}

div.notice p {
	padding:0 10px 10px 10px;
}

div.notice ul {
	padding:0 10px 10px 10px;
}

div.notice ul li {
	list-style:disc !important;
	margin-left:20px;
}

/* main-area
---------------------*/
div.main-area{
	position:relative;
	border-bottom:1px solid #CCC;
}
div.main-area p{
	color:#243B7A;
	font-size:117%;
	font-weight:bold;
	padding:0 0 5px 0;
	margin:0 0 13px 0;
	border-bottom:1px solid #CCC;
}
div.main-area ul.icon{
	position:absolute;
	height:24px;
	right:0;
	margin:-32px 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.img{
	width:120px;
	float:left;
	padding:13px 0 0 10px;
	color:#A47406;
}
div.main-area ul.img li{
	margin:0 0 7px 0;
}
div.main-area dl.explanation{
	width:300px;
	float:left;
	display:inline;
	margin:13px 0 11px 17px;
	padding:0 0 5px 0;
}
div.main-area dl.Noimg{
	width:410px;
	float:left;
	display:inline;
	margin:0 0 11px 0;
	padding:13px 0 5px 10px;
}
div.main-area dl.explanation dd.ttl,
div.main-area dl.Noimg dd.ttl {
	font-weight:bold;
	margin:0 0 8px 0;
}
div.main-area dl.explanation dd,
div.main-area dl.Noimg dd {
	margin:0 0 8px 0;
}
div.main-area dl.selection-rate{
	width:180px;
	float:right;
	padding:13px 13px 0 0;
}
div.main-area dl.selection-rate dt{
	padding:20px 0 20px 0;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	color:#CC0000;
	background:#F9F4BC;
	border:1px solid #F5DD87;
}
div.main-area dl.selection-rate dd{
	margin:0 auto 0 auto;
	text-align:center;
	padding:5px 0 5px 0;
	margin:5px 0;
	background:#EEE;
	border:1px solid #CCC;
}

/* caption
---------------------*/
div.caption ul.img{
	width:250px;
	float:left;
	padding:13px 0 0 10px;
	color:#A47406;
}
div.caption ul.img li{
	margin:0 0 7px 0;
}
div.caption dl.explanation{
	width:411px;
	float:right;
	display:inline;
	margin:13px 0 11px 0;
	padding:0 0 5px 0;
}
div.caption dl.Noimg{
	width:661px;
	margin:13px 0 11px 10px;
	padding:0 0 5px 0;
}
div.caption dl.explanation dt,
div.caption dl.Noimg dt{
	color:#243B7A;
	font-weight:bold;
	margin:0 0 12px 0;
}
div.caption dl.explanation dt strong,
div.caption dl.Noimg dt strong{
	padding:0 5px 0 5px;
	font-size:134%;
	color:#CC0000;
}
div.caption dl.explanation dd.ttl,
div.caption dl.Noimg dd.ttl{
	font-weight:bold;
	margin:0 0 12px 0;
}
div.caption p.btn{
	float:right;
	
}
div.caption #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.caption #thum-wrap .thum{
	width:682px;
	height:105px;
	overflow-x:scroll;
	overflow-y:hidden;
}
div.caption #thum-wrap .thum ul{
	width:auto;
	height:80px;
}
div.caption #thum-wrap .thum ul li {
	float:left;
	margin:0 3px 0 3px;
}

div.caption #thum-wrap .thum ul li img {
	cursor : pointer;
	padding:3px;
}
div.caption #thum-wrap .thum ul li img.on,
div.caption #thum-wrap .thum ul li img.active {
    padding:0;
    border:3px solid #0A5CA8;
}
/* information
---------------------*/
div.information{
	clear:both;
	border:1px solid #CCC;
}
div.information table{
	width:100%;
	
}
div.information table th{
	text-align: left;
	width:130px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	color:#243B7A;
	border-top:1px solid #CCC;
	background:#D8E1F2;
}
div.information table td{
	text-align: left;
	padding:5px 10px 5px 10px;
	border-top:1px solid #CCC;
}
div.information table td.check{
	width:214px;
}
/* amenities & services
---------------------*/
div.amenities,
div.services{
	border:1px solid #CCC;
}
div.amenities ul,
div.services ul{
	padding:10px 0 10px 14px;
}
div.amenities ul li,
div.services ul li{
	float:left;
	display:inline;
	margin:0 37px 0 0;
}

div.amenities ul li.last,
div.services ul li.last{
	float:none;
	margin:0;
}
p.services{
	margin:0 0 10px 0;
	padding:10px 0 5px 5px;
	color:#243B7A;
	border-bottom:1px solid #CCC;
}
p.services strong{
	font-size:114%;
	font-weight:bold;
}

/* facilities
---------------------*/
div.facilities{
	margin:0 0 20px 0;
}
div.facilities ul{
	margin:0 0 4px 14px;
}
div.facilities ul li{
	float:left;
	display:inline;
	margin:0 37px 9px 0;
}
div.facilities ul li.last{
	float:none;
}

/* additional */
div.facilities .additional{
	border:1px solid #CCC;
}
div.facilities .additional p{
	margin:11px 0 7px 6px;
}

/* 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;
}


/* calendar
---------------------*/
div.calendar{
	margin:0 0 10px 0;
}
div.calendar h3{
	text-indent:0;
	text-align:center;
	font-size:12px;
	height:22px;
	line-height:22px;
	font-weight:bold;
	color:#FFF;
	border-bottomt:1px solid #CCC;
	background:url("../images/hotel_detail/bg_ttl_find.jpg") repeat-x;
}
div.calendar p.prev a{
	color:#FFF;
	float:left;
	position:relative;
	margin:-19px 0 0 10px;
}
div.calendar p.next a{
	color:#FFF;
	float:right;
	position:relative;
	margin:-19px 10px 0 0;
}
div.calendar div.left{
	width:336px;
	float:left;
}
div.calendar div.right{
	width:336px;
	float:right;
}

div.calendar table{
	width:100%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
div.calendar table th{
	width:14%;
	padding:3px 0 3px 0;
	color:#243B7A;
	background:#D8E1F2;
	text-align:center;
	font-weight:bold;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
div.calendar table td{
	height:60px;
	padding:5px 5px 5px 5px;
	vertical-align:top;
	text-align:right;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

div.calendar table td.bg-ava-y{
	background:url("../images/common/ico_calendar_available_y.jpg") no-repeat 30% 70% #F9F4BC;
}
div.calendar table td.bg-ava{
	background:url("../images/common/ico_calendar_available.jpg") no-repeat 30% 70%;
}
div.calendar table td.bg-y{
	background:#F9F4BC;
}
div.calendar table td.bg-full{
	background:url("../images/common/ico_calendar_full.jpg") no-repeat 30% 70%;
}
div.calendar table td.bg-full-y{
	background:url("../images/common/ico_calendar_full_y.jpg") no-repeat 30% 70% #F9F4BC;
}
div.calendar table td.bg-today-pink{
/*	2010/04/23 色を変更　犬飼 
	background:50% 75% #FFF0F5; */
	background: #ffd4cc;

	border-left:2px solid #4169E1;
	border-top:2px solid #4169E1;
	border-right:2px solid #4169E1;
	border-bottom:2px solid #4169E1;
}
div.calendar table td.bg-today-full{
	background:url("../images/common/ico_calendar_full.jpg") no-repeat 30% 70%;
	border-left:2px solid #4169E1;
	border-top:2px solid #4169E1;
	border-right:2px solid #4169E1;
	border-bottom:2px solid #4169E1;
}
div.calendar table td.bg-today-ava{
	background:url("../images/common/ico_calendar_available.jpg") no-repeat 30% 70%;
	border-left:2px solid #4169E1;
	border-top:2px solid #4169E1;
	border-right:2px solid #4169E1;
	border-bottom:2px solid #4169E1;
}
div.calendar table td.bg-today{
	border-left:2px solid #4169E1;
	border-top:2px solid #4169E1;
	border-right:2px solid #4169E1;
	border-bottom:2px solid #4169E1;
}
div.calendar table td.bg-pink{
/*	2010/04/23 色を変更　犬飼 
	background:#FFF0F5; */
 	background: #ffd4cc;

}
div.calendar table td.bg-oldday{
	background:#EEEEEE;
}
div.calendar table td.no{
	background:none;
}
div.calendar p.Num 
{
	/*padding:15px 0px ;*/
	font-size:16px;
	text-align:center;
/*	2010/04/23　新規追加　 */
	font-weight:bolder;


}
div.calendar ul{
	clear:both;
}
div.calendar ul li{
	float:left;
	display:inline;
	margin:10px 20px 0 0;
}
div.calendar ul li.ava{
	padding:0 0 0 18px;
	background:url("../images/common/ico_calendar_available.jpg") no-repeat 0 0;
}
div.calendar ul li.full{
	padding:0 0 0 18px;
	background:url("../images/common/ico_calendar_full.jpg") no-repeat 0 0;
}
div.calendar ul li.set{
	padding:0 0 0 18px;
	background:url("../images/common/ico_calendar_set.jpg") no-repeat 0 0;
}

/* results
---------------------*/
div.results{
	clear:both;
	padding:5px;
	margin:0 0 30px 0;
	background:#C6D3EB;
}

/* search
---------------------*/
div.results .search{
	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 p.ttl{
	font-size:117%;
	text-indent:10px;
	font-weight:bold;
	color:#203674;
	padding:8px 0 10px 0;
	background:url("../images/hotel_list/bg_search_fff_top.gif") no-repeat 0 top;
}
ul.list-announce {
	width:632px;
	margin:0 10px 10px 10px;
	padding:10px;
	border:4px solid #CC0000;
}
ul.list-announce li {
	padding:0 0 2px 18px;
	background:
		url(../images/common/icon_caution.gif) 
		no-repeat left top;
	font-size:107%;
	font-weight:bold;
	color:#CC0000;
}
div.results .search .search-form{
	width:662px;
	margin:0 auto 0 auto;
	padding:15px 0 10px 0;
	background:url("../images/hotel_list/bg_search_contenst.jpg") no-repeat 0 top;
}
div.results .search .search-form ul.form{
	padding:0 0 0 12px;
}
div.results .search .search-form ul.form li{
	height:34px;
	float:left;
	display:inline;
	margin:0 20px 0 0;
}
div.results .search .search-form ul.form li.Rooms {
	width:165px;
	margin:0 0 0 0;
}

div.results .search .search-form ul.form li.room{
	width:315px;
	height:auto;
	margin:0 0 10px 0;
}
div.results .search .search-form ul.form li.room dl {
	clear:left;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #CCC;
}

div.results .search .search-form ul.form li.room dl dt label.ttl{
	float:left;
	width:5em;
	display:block;
	padding:3px 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 0;
	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 .input-form01{
	width:85px;
}
div.results .search .search-form ul.form li.submit{
	float:right;
	position:relative;
	margin:0 15px 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 .room2{
	width:634px;
	margin:0 auto 0 auto;
	border-top:1px solid #D3DBEA;
}
div.results .search .room2 p{
	padding:5px 0 3px 0;
	font-size:117%;
	font-weight:bold;
	color:#203674;
}
div.results .search .room2 table{
	width:100%;
	margin:0 0 25px 0;
}
div.results .search .room2 table thead th{
	height:24px;
	line-height:24px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background:url("../images/hotel_list/bg_room_ttl.gif") repeat-x 0 0;
}
div.results .search .room2 table thead th.adult{
	width:258px;
	border-left:1px solid #243C7B;
}
div.results .search .room2 table thead th.child{
	width:258px;
	border-left:1px solid #243C7B;
}
div.results .search .room2 table tbody th{
	width:114px;
	padding:5px 0 5px 0;
	text-align:center;
	color:#A47406;
	font-weight:bold;
	background:#F2EDD8;
	border:1px solid #CCC;
	border-top:none;
}
div.results .search .room2 table tbody td{
	text-align:center;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}


/* review
---------------------*/

/* 4 lines were changed to this file on 09/08/19. ---------- */
div.review{
	background:#FFF;
	padding:0 0 5px 0;
}
/*  - END 4 lines were added to this file on 09/08/19.------------ */

div.review h3{
	height:39px;
	line-height:39px;
	margin:0 0 15px 0;
	text-indent:10px;
	color:#FFF;
	font-weight:bold;
	font-size:117%;
	background:url("../images/hotel_list/bg_review.jpg") no-repeat 0 0;
}

/* 6 lines were changed to this file on 09/08/19. ---------- */
div.review table{
	width:670px;
	margin:0 auto auto auto;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
/*  - END 6 lines were added to this file on 09/08/19.------------- */

div.review table th{
	width:90px;
	text-align:center;
	font-weight:bold;
	color:#A47406;
	background:#F2EDD8;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
div.review table td{
	padding:5px 0 5px 0;
	text-align:center;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
div.review table td strong{
	font-weight:bold;
}
div.review table td strong.red{
	color:#CC0000;
}
div.review table td.month{
	width:67px;
	padding:10px 0 10px 0;
	font-weight:bold;
	color:#243B7A;
	background:#D8E1F2;
}
div.review table td.subtotal{
	width:100px;
	background:#D0A441;
	color:#FFF;
	font-weight:bold;
}

/* 13 lines were added to this file on 09/08/19. ---------- */
div.review table td.tax{
	width:auto;
	color:#A47406;
	font-weight:bold;
	background:#F5F1E0;
	text-align:right;
}
div.review table td.tax span{
	padding:10px;
	padding:0 10px 0 10px;
	font-weight:normal;
	color:#666;
}
/* - END 13 lines were added to this file on 09/08/19.-------------- */

div.review table td.total{
	padding:10px;
	color:#FFF;
	text-align:right;
	font-weight:bold;
	background:#D0A441;
}
div.review table td.size{
	font-size:117%;
}