@charset "utf-8";

/* /hotel/index.html
---------------------------------------------------------- */
#WrdMap{
	background-color:#eee;/*dammy*/
}
	#WrdMap p{
		width:725px;
		height:388px;
		position:relative;
		background:url(../images/hotels/WrdMap_bk.png) no-repeat;
	}
		#WrdMap p a{
			display:block;
			position:absolute;
		}
		#WrdMap p a.Eur{width:96px; height:27px; top:120px;left:105px;}
		#WrdMap p a.Asi{width:86px; height:28px; top:143px;left:245px;}
		#WrdMap p a.Nor{width:116px; height:27px; top:133px;left:466px;}
		#WrdMap p a.Oce{width:164px; height:27px; top:265px;left:321px;}
		#WrdMap p a.Afr{width:86px; height:28px; top:209px;left:42px;}

		#WrdMap p a:hover img{
		/*モダンブラウザ用*/
		opacity:0.8;
		/*IE7以下用*/
		filter:alpha(opacity=80);
		/*IE8用*/
		-ms-filter:"alpha(opacity=80)";
		}

	
	#CitySeach h3{
		display:block;
		margin-top:20px;
		font-size:120%;
		font-weight:bold;
		color:#fff;
		padding:5px 10px;
		background: #23538a; /* Old browsers */
		background: -moz-linear-gradient(top, #23538a 0%, #111549 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23538a), color-stop(100%,#111549)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #23538a 0%,#111549 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #23538a 0%,#111549 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #23538a 0%,#111549 100%); /* IE10+ */
		background: linear-gradient(to bottom, #23538a 0%,#111549 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#111549',GradientType=0 ); /* IE6-9 */
	}
	#CitySeach .box{
		width:723px;
		border:1px solid #D9D9D9;
		border-top:none;
	}
		#CitySeach .box h4{
			display:block;
			padding:0 10px;
			height:20px;
			line-height:20px;
			color:#fff;
			font-size:15px;
			background-color:#3A73CF;
		}
		#CitySeach .box p{
			width:703px;
			padding:10px;
			line-height:2em;
		}
			#CitySeach .box p span{padding:0 1em;}
			#CitySeach .box p a{white-space:nowrap;}



/* /hotel/list.html
---------------------------------------------------------- */
.leftHotelSec02 {
}
	.dlHotel01 {
		font-size: 92%;
		color: #0d2d61;
	}
		.dlHotel01 dt {
			background-color: #d8e8e8;
			margin-bottom: 1px;
			padding: 7px 9px;
			font-weight: bold;
			color: #0d2d61;
		}
		.dlHotel01 dd {
			background-color: #fff;
			margin-bottom: 1px;
			padding: 7px 9px;
		}
		.dlHotel01 dd.last {
			margin-bottom: 0;
		}
			.dlHotel01 dd select {
				width: 180px;
				/*font-size: 92%;*/
				padding: 4px 0;
			}
			.dlHotel01 dd select.select01 {
				width: 90px;
			}
			.dlHotel01 dd ul {
			}
				.dlHotel01 dd ul li {
					margin-bottom: 4px;
				}
				.dlHotel01 dd ul li.last {
					margin-bottom: 0;
				}
				.dlHotel01 dd ul li input {
					vertical-align: 0;
					/vertical-align: -0.15em;
					vertical-align: -0.15em\9;
					margin-right: 5px;
				}
				@media screen and (-webkit-min-device-pixel-ratio:0) {
					.dlHotel01 dd ul li input { vertical-align: -0.15em; }
				}
			.dlHotel01 dd .ulHotel01 {
			overflow:hidden;
			}
				.dlHotel01 dd .ulHotel01 li {
					float: left;
					width: 39%;
					margin-bottom: 0;
					text-indent: -20px;
					padding-left: 20px;
					line-height:1.2em;
					height:2.5em;
				}
				.dlHotel01 dd .ulHotel01 li label {

				}


.ulsideHotel01 {
}
	.ulsideHotel01 li {
		overflow: hidden;
		*zoom:1;
		border-bottom: 1px dotted #3a73cf;
		margin-bottom: 6px;
		padding-bottom: 6px;
	}
	.ulsideHotel01 li.bdNone {
		border-bottom: none;
	}
	.ulsideHotel01 li.last {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.ulsideHotel01 li.li01 {
	}
		.ulsideHotel01 li.li01 p {
			float: left;
		}
		.ulsideHotel01 li.li01 p.clear {
			float: none;
		}
		.ulsideHotel01 li.li01 select {
			float: right;
			width: 148px;
			padding: 4px 0;
			/*font-size: 100%;*/
			*font-size: 100%;
			color: #333;
		}
		
		.calenderSec01 {
			float: right;
			margin-top: 2px;
			overflow: hidden;
			*zoom: 1;
		}
			.calenderSec01 li {
				float: left;
				border-bottom: none;
				margin-bottom: 0;
				padding-bottom: 0;
				margin-left: 8px;
			}
				.calenderSec01 li input {
					width: 110px;
					text-align: center;
					color: #333;
				}
	.ulsideHotel01 li.li02 {
	}
		.ulsideHotel01 li.li02 input {
			width: 30px;
			margin: 0 5px;
			padding: 2px 2px 3px;
			vertical-align: middle;
			color: #333;
			text-align: center;
		}
		.ulsideHotel01 li.li02 select {
			width: 70px;
			margin: 0 1px;
			/*font-size: 92%;*/
			color: #333;
			text-align: center;
		}
		.ulsideHotel01 li.li03 select {
			width: 37px;
			margin: 0 1px;
			/*font-size: 92%;*/
			color: #333;
			text-align: center;
		}


.mainSearchSec02 .mainSearchSec01In {
	float: left;
	width: 308px;
}
.mainSearchSec02 .mainSearchHotelSec01 {
	float: right;
	font-size: 92%;
}
	.mainSearchSec02 .mainSearchHotelSec01 li {
		border: 1px solid #b8c2c2;
		background: #fff;
		float: left;
		width: 100px;
		margin-left: 1px;
		padding: 8px 2px 7px;
		text-align: center;
	}
				@media screen and (-webkit-min-device-pixel-ratio:0) {
					.mainSearchSec02 .mainSearchHotelSec01 li { padding: 8px 2px; }
				}
		.mainSearchSec02 .mainSearchHotelSec01 li a {
			background: url(../images/common/ico_arrowb01.gif) no-repeat left 4px;
			padding: 0 0 0 10px;
			color: #3a73cf;
		}
	.mainSearchSec02 .mainSearchHotelSec01 li.current {
		border: 1px solid #3a73cf;
		background-color: #3a73cf;
	}
		.mainSearchSec02 .mainSearchHotelSec01 li.current a {
			color: #fff;
		}
		.mainSearchSec02 .mainSearchHotelSec01 li.current a {
			background: url(../images/common/ico_arrowb02.gif) no-repeat left 4px;
		}


.divHotelSec01 {
	border: 1px solid #c8c8c8;
	margin: 0 0 10px;
	padding: 10px 8px;
}
	.dlHotel02 {
	}
		.dlHotel02 dt {
			font-size: 115%;
			font-weight: bold;
			line-height: 1.2;
			margin-bottom: 7px;
		}
		.dlHotel02 dd {
			overflow: hidden;
			*zoom: 1;
		}
			.dlHotel02 dd .divHotelSec01L {
				float: left;
				width: 320px;
			}
			.dlHotel02 dd .divHotelSec01L .divHotelSec01LIn  {
				margin-bottom: 9px;
			}
				.dlHotel02 dd .divHotelSec01L .divHotelSec01LIn .flImgL  {
					margin-right: 7px;
				}
				.dlHotel02 dd .divHotelSec01L .divHotelSec01LIn .ftBox .price  {
					background-color: #ced9ec;
					margin-bottom: 4px;
					padding: 7px 0;
					font-weight: bold;
					text-align: center;
					color: #0e3067;
				}
				.dlHotel02 dd .divHotelSec01L .divHotelSec01LIn .ftBox .price span {
					font-size: 85%;
				}
	.divHotelSec01R {
		float: right;
		width: 140px;
	}
		.divHotelSec01R p {
			padding-top: 100px;
		}

				.dlHotel02 dd .divHotelSec01L .divHotelSec01LIn .ftBox .waribiki{
					font-weight:bold;
					font-size:120%;
					font-weight:bold;
					margin-top:10px;
				}

/*googlemap*/
.divHotelSec-googlemap{
	border: 1px solid #c8c8c8;
	margin: 0 0 10px;
}
	.divHotelSec-googlemap a{
		display:block;
	}



/* /hotel/detail.html
---------------------------------------------------------- */
.h3Hotel01 span {
	font-size: 69%;
	font-weight: normal;
	color: #333;
}
.divHotelSec04 {
}
	.divHotelSec04 .price {
		margin-bottom: 7px;
	}
	.divHotelSec04 .txt {
		width: 200px;
		margin-bottom: 16px;
		float: left;
		padding-right:40px;
	}
	.divHotelSec04 .map {
		width: 160px;
		float: right;
	}


.ulmainDetailNaviSec01 {
	clear: both;
}
	.ulmainDetailNaviSec01 li a {
		display: block;
		background-repeat: no-repeat;
		background-position: left top;
		float: left;
		width: 141px;
		height: 43px;
		margin-right: 5px;
	}
	.ulmainDetailNaviSec01 li.current a {
		background-position: left bottom;
	}
	.ulmainDetailNaviSec01 li.last a {
		margin-right: 0;
	}
	.ulmainDetailNaviSec01 li.tab01 a {
		background-image: url(../images/hotels/nav_tab01.gif);
	}
	.ulmainDetailNaviSec01 li.tab02 a {
		background-image: url(../images/hotels/nav_tab02.gif);
	}
	.ulmainDetailNaviSec01 li.tab03 a {
		background-image: url(../images/hotels/nav_tab03.gif);
	}
	.ulmainDetailNaviSec01 li.tab04 a {
		background-image: url(../images/hotels/nav_tab04.gif);
	}
	.ulmainDetailNaviSec01 li.tab05 a {
		background-image: url(../images/hotels/nav_tab05.gif);
	}
		.ulmainDetailNaviSec01 li a span {
			text-indent: -9999px;
			display: block;
		}
	
.pHotel01 {
	margin-bottom: 13px;
	font-weight: bold;
	color: #bc0c16;
}
.divHotelSec02 {
	border: 1px solid #c3d6d6;
	background-color: #fff;
	margin-bottom: 15px;
	padding: 13px 19px;
}
	.ulHotel02 {
	}
		.ulHotel02 li {
			float: left;
			margin-right: 1em;
		}
		.ulHotel02 li select {
			width: 40px;
			margin: 0 5px;
		}
		.ulHotel02 li.checkin input {
			width: 88px;
			margin: 0 5px;
			color: #333;
		}
		.ulHotel02 li.night input {
			width: 25px;
			margin: 0 5px;
			text-align: right;
		}
		.ulHotel02 li.number {
			width: 210px;
			margin: 0;
		}
			.ulHotel02 li.number ul {
			}
				.ulHotel02 li.number ul li {
					float: none;
					margin: 0 0 5px 0;
				}
.tableHotel01 {
}
	.tableHotel01 th,
	.tableHotel01 td {
		font-size: 85%;
	}
	.tableHotel01 td {
		text-align: center;
	}
	.tableHotel01 tr.tr01 th {
		font-size: 115%;
	}
		.tableHotel01 td div {
			padding: 8px 0px;
		}
		.tableHotel01 tr.tr03 td div {
			padding: 8px 20px;
		}
			.tableHotel01 td div span.blue {
				font-weight: bold;
				color: #09099c;
			}
			.tableHotel01 td div span.red {
				font-weight: bold;
				color: #ff0808;
			}
			.tableHotel01 td div span.yellow {
                font-weight: bold;
                color: #ffff33;
            }
            .tableHotel01 td div span.black {
                font-weight: bold;
                color: #343434;
            }
			.tableHotel01 td div span.white {
				font-weight: bold;
				color: #ffffff;
			}
.tableHotel02 {
}
	.tableHotel02 th div {
		text-align: center;
	}
	.tableHotel02 td div {
		padding: 8px 10px;
	}
.divHotelSec03Wrap {
	border: 1px solid #c8c8c8;
	margin: 0 0 5px;
	padding: 11px 13px;
	position: relative;
}
	.divHotelSec03 {
	}
		.divHotelSec03 .flImgL {
			margin-right: 13px;
		}
			.divHotelSec03 .ftBox .name {
				margin-bottom: 4px;
				font-size: 14px;
				font-weight: bold;
			}
	.divHotelSec03In {
		position: absolute;
		right: 13px;
		bottom: 9px;
	}
		.divHotelSec03In ul {
			overflow: hidden;
			*zoom: 1;
		}
			.divHotelSec03In ul li {
				float: left;
				margin-left: 7px;
			}
			.divHotelSec03In ul li.price {
				background-color: #ced9ec;
				padding: 7px;
				text-align: center;
				font-weight: bold;
				color: #0e3067;
			}
				.divHotelSec03In ul li.price span {
					display: block;
				}