@charset "utf-8";
/* ===================================================================
CSS information

 file name  : rooms.css
 author     : Ability Consultant
style info  : ページ名
=================================================================== */

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */



/* -----------------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------------- */
#rooms .con_intro {
	clear: both;
	overflow: hidden;
	background: url(../rooms/images/bg_intro.jpg) no-repeat left top;
	min-height: 481px;
	margin-top: 30px;
}
	/*	st	タイトル
	----------------------------------------------------------- */
	#rooms .con_intro .st {
		clear: both;
		overflow: hidden;
		width: 490px;
		margin: 10px auto 0 auto;
	}
	/*	dl	コンテンツ
	----------------------------------------------------------- */
	#rooms .con_intro dl {
		overflow: hidden;
	}
		#rooms .con_intro dl dd {
			font-size: 12px;
			margin-top: 10px;
			line-height: 22px;
		}
	#rooms .con_intro dl.box_point1 {
		margin-top: 115px;
		margin-left: 30px;
		width: 280px;
		float: left;
	}
		#rooms .con_intro dl.box_point1 dd {
			width: 275px;
		}
	#rooms .con_intro dl.box_point2 {
		margin-top: 20px;
		margin-left: 30px;
		width: 278px;
		float: left;
	}
	#rooms .con_intro dl.box_point3 {
		margin-top: 105px;
		margin-left: 35px;
		width: 285px;
		float: left;
	}
		#rooms .con_intro dl.box_point3 dd {
			width: 280px;
		}

/* -----------------------------------------------------------
	.con_types		客室タイプ
----------------------------------------------------------- */
#rooms .con_types {
	clear: both;
	overflow: hidden;
	background: url(../rooms/images/bg_rooms.png) no-repeat left top;
	margin-top: 50px;
	position: relative;
}
	#rooms .con_types .box_copy {
		width: 622px;
		margin: 30px auto 0 auto;
	}
	#rooms .con_types .box_bt {
		clear: both;
		overflow: hidden;
		width: 910px;
		margin: 30px auto 0 auto;
	}
		#rooms .con_types .box_bt li {
			width: 303px;
			float: left;
		}
		#rooms .con_types .box_bt li.triple {
			float: right;
		}
	#rooms .con_types .box_comfam {
		position: absolute;
		width: 145px;
		height: 96px;
		top: 40px;left: 5px;
	}
	#rooms .con_types .box_comtrip {
		position: absolute;
		width: 145px;
		height: 96px;
		top: 40px;right: 5px;
	}
	/*	dl	ファミリーツイン
	----------------------------------------------------------- */
	#rooms .con_types .box_twin {
		clear: both;
		overflow: hidden;
		background: url(../rooms/images/bg_fam.png) no-repeat left top;
		height: 453px;
		width: 908px;
		margin: 30px auto 0 auto;
	}
		#rooms .con_types .box_twin h4 {
			clear: both;
			overflow: hidden;
			width: 232px;
			margin: 57px auto 0 267px;
		}
		#rooms .con_types .box_twin .wrp_img {
			float: left;
			width: 418px;
			margin-top: 35px;
			margin-left: 40px;
		}
		#rooms .con_types .box_twin .wrp_text {
			float: right;
			width: 380px;
			margin-right: 40px;
			font-size: 12px;
			line-height: 22px;
			margin-top: 40px;
		}
			#rooms .con_types .box_twin .wrp_text .map_area {
				clear: both;
				overflow: hidden;
				border: 1px solid #a1cc51;
				width: 85%;
				margin: 20px auto 0 auto;
				padding: 5%;
				height: 130px;
			}
				#rooms .con_types .box_twin .wrp_text .map_area ul {
					float: left;
					position: absolute;
				}
				#rooms .con_types .box_twin .wrp_text .map_area .map {
					float: right;
				}
	/*	dl	ファミリー5
	----------------------------------------------------------- */
	#rooms .con_types .box_family5 {
		clear: both;
		overflow: hidden;
		background: url(../rooms/images/bg_fam5.png) no-repeat left top;
		height: 465px;
		width: 908px;
		margin: 30px auto 0 auto;
	}
		#rooms .con_types .box_family5 h4 {
			clear: both;
			overflow: hidden;
			width: 232px;
			margin: 70px auto 0 267px;
		}
		#rooms .con_types .box_family5 .wrp_img {
			float: left;
			width: 418px;
			margin-top: 35px;
			margin-left: 40px;
		}
		#rooms .con_types .box_family5 .wrp_text {
			float: right;
			width: 380px;
			margin-right: 40px;
			font-size: 12px;
			line-height: 22px;
			margin-top: 40px;
		}
			#rooms .con_types .box_family5 .wrp_text .map_area {
				clear: both;
				overflow: hidden;
				border: 1px solid #2ab9b5;
				width: 85%;
				margin: 20px auto 0 auto;
				padding: 5%;
				height: 130px;
			}
				#rooms .con_types .box_family5 .wrp_text .map_area ul {
					float: left;
					position: absolute;
				}
				#rooms .con_types .box_family5 .wrp_text .map_area .map {
					float: right;
				}
	/*	dl	クイーン3
	----------------------------------------------------------- */
	#rooms .con_types .box_queen {
		clear: both;
		overflow: hidden;
		background: url(../rooms/images/bg_queen.png) no-repeat left top;
		height: 465px;
		width: 908px;
		margin: 30px auto 0 auto;
	}
		#rooms .con_types .box_queen h4 {
			clear: both;
			overflow: hidden;
			width: 232px;
			margin: 70px auto 0 267px;
		}
		#rooms .con_types .box_queen .wrp_img {
			float: left;
			width: 418px;
			margin-top: 35px;
			margin-left: 40px;
		}
		#rooms .con_types .box_queen .wrp_text {
			float: right;
			width: 380px;
			margin-right: 40px;
			font-size: 12px;
			line-height: 22px;
			margin-top: 40px;
		}
			#rooms .con_types .box_queen .wrp_text .map_area {
				clear: both;
				overflow: hidden;
				border: 1px solid #f5a523;
				width: 85%;
				margin: 20px auto 0 auto;
				padding: 5%;
				height: 130px;
			}
				#rooms .con_types .box_queen .wrp_text .map_area ul {
					float: left;
					position: absolute;
				}
				#rooms .con_types .box_queen .wrp_text .map_area .map {
					float: right;
				}

/* -----------------------------------------------------------
	.con_item		備品・設備
----------------------------------------------------------- */
#rooms .con_item {
	clear: both;
	overflow: hidden;
	width: 910px;
	margin: 50px auto 0 auto;
}
	#rooms .con_item .box_item {
		clear: both;
		overflow: hidden;
		width: 790px;
		margin: 30px auto 0 auto;
	}
		#rooms .con_item .box_item li .name {
			margin-top: 15px;
		}
		#rooms .con_item .box_item li .text {
			margin-top: 15px;
			width: 355px;
		}
		#rooms .con_item .box_item li .img {
			width: 355px;
		}
		#rooms .con_item .box_item .wrp_bath {
			float: left;
			width: 355px;
		}
		#rooms .con_item .box_item .wrp_tel {
			float: right;
			width: 355px;
		}
	#rooms .con_item .text {
		margin: 20px auto 0 auto;
		width: 790px;
	}
	#rooms .con_item .img {
		margin: 20px auto 0 auto;
		width: 790px;
	}
	#rooms .con_item table {
		margin: 30px auto 0 auto;
		width: 790px;
	}