@charset "utf-8";

/* /hotel/index.html
---------------------------------------------------------- */
#hotel2Main{
}
	#hotel2Main .last{
		margin-top: 20px;
	}

#hotel2Cont1{
}
	#hotel2Cont1 .midashi{
		margin: 30px 0 10px 0;
	}
	#hotel2Cont1 .col1{
		float: left;
		position: relative;
		width: 228px;
		margin: 0 0 0 10px;
		text-align: center;
	}
	#hotel2Cont1 .col2, .col3{
		float: left;
		position: relative;
		width: 228px;
		margin: 0 0 0 6px;
		text-align: center;
	}

	#hotel2Cont1 .colTxt{
		background:url(/images/hotels2/bg_dot_middle.gif) repeat-y bottom;
		padding:5px 10px 0 10px;
		text-align:left;
		height:126px;
	}

#hotel2Cont2{
}
	#hotel2Cont2 .midashi{
		margin: 30px 0 10px 0;
	}
	#hotel2Cont2 .contry1, .contry2, .contry3, .contry4{
		float: left;
		position: relative;
		width: 171px;
		margin: 0 0 3px 4px;
		text-align: left;
	}

	#hotel2Cont2 .contryName{
		background:url(/images/hotels2/btn_country.gif) no-repeat;
		padding:16px 10px 16px 10px;
		text-align:left;
		font-size: 115%;
	}

	#hotel2Cont2 .noALine{
		text-decoration: none;
	}


#hotel2Cont3{
	border:#aaaaaa 1px solid;
	margin: 20px 0 0 10px;;
	height:250px;
	padding:4px;
	width:685px;
}
	#hotel2Cont3 .midashi{
		margin: 10px 10px 15px 10px;
	}

	#hotel2Cont3 .areaFont{
		font-size:115%;
		text-decoration: none;
	}
	#hotel2Cont3 .area{
		float: left;
		position: relative;
		width: 171px;
		margin: 0 0 3px 10px;
		text-align: left;
	}

	#hotel2Cont3 .area1, .area2, .area3, .area4{
		float: left;
		position: relative;
		width: 160px;
		margin: 0 0 3px 7px;
		text-align: left;
		background-color:#ccffff;
		font-weight:bold;
	}


	#hotel2Cont2 .noALine{
		text-decoration: none;
	}


	#hotel2Cont4{margin-bottom: 20px;}
	#hotel2Cont4 .midashi{
		margin: 30px 20px 10px 0;
	}
	#hotel2Cont4 p{
		padding: 4px 0px 0px 6px;
	}

	#hotel2Cont4 .list{
		background:url(/images/hotels2/bg_pink_middle.gif) repeat-y bottom;
		text-align:left;
		padding: 0 25px;
		margin-left: -10px;
	}

	#hotel2Cont4 .noALine{
		text-decoration: none;
	}


/*主要都市を探す*/
#SrhBox{
	width:725px;
	overflow:hidden;
	background-color:#fff;
	margin-top:0px;
}
	#SrhBox h3{
		margin-bottom:10px;
		font-weight:bolder;
		color:#fff;
		padding: 5px 26px;
		font-size:130%;
		background: #355993; /* Old browsers */
		background: -moz-linear-gradient(top, #355993 0%, #0d2d61 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#355993), color-stop(100%,#0d2d61)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #355993 0%,#0d2d61 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #355993 0%,#0d2d61 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #355993 0%,#0d2d61 100%); /* IE10+ */
		background: linear-gradient(to bottom, #355993 0%,#0d2d61 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#355993', endColorstr='#0d2d61',GradientType=0 ); /* IE6-9 */
	}

	#SrhBox #ScL,#SrhBox #ScC,#SrhBox #ScR{
		float:left;
		width:238px;
		overflow:hidden;
		background-color:#eee;
		padding-bottom:32768px;
		margin-bottom:-32768px;
	}
	#SrhBox #ScL{margin-right:3px;}
	#SrhBox #ScC{margin-left:3px;}
	#SrhBox #ScR{margin-left:5px;}
		#SrhBox .col{}
		#SrhBox .col h4{
			font-weight:bolder;
			color:#fff;
			padding:0 0.8em;
			font-size:130%;
			background-color:#3a73cf;
		}
		#SrhBox .col a{
			font-size:100%;
			display:block;
			padding:0 1em;
			height:1.8em;
			line-height:1.8em;
		}


#hotTtl02{margin-bottom: 20px;}
#hotTtl02 .inner_hotTtl02{display: flex;}
#hotTtl02 .inner_hotTtl02_left{
	width: 24%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#hotTtl02 .inner_hotTtl02_right{width: 76%;margin-left: 30px;}
#hotTtl02 .inner_hotTtl02_right img{margin-bottom: 0.7em;}
#hotTtl02 .hotTtl02_border:first-child{margin-bottom: 0.2em;}
#hotTtl02 .hotTtl02_border:last-child{margin-top: 0.2em;}
#hotTtl02::after{clear: both;}