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

 file name  : rooms.css
 author     : Ability Consultant
style info  : 客室 ページ設定
=================================================================== */

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


/*----------------------------------------------------
	.con_intro		イントロ部分
----------------------------------------------------*/
#rooms .con_intro {
	width: 950px;
	margin: 0 auto 30px;
}

#rooms .con_intro h3 {
	text-align: center;
	margin: 0 0 25px;
}

#rooms .con_intro p {
	text-align: center;
}


/*----------------------------------------------------
	.con_point		ポイント
----------------------------------------------------*/
#rooms .con_point {
	margin-bottom: 50px;
}

#rooms .con_point h3 {
	margin-bottom: 50px;
}

#rooms .con_point h4 {
	margin-bottom: 10px;
}

#rooms .con_point ul {
	margin-bottom: 20px;
	overflow: hidden;
}

#rooms .con_point ul li {
	float: left;
}


/*----------------------------------------------------
	.con_roo		客室共通（2カラム）
----------------------------------------------------*/
#rooms .con_roo {
	margin-bottom: 70px;
}

#rooms .con_roo h3 {
	margin-bottom: 40px;
}

#rooms .con_roo .inner {
	width: 920px;
	margin: 0 0 0 auto;
	overflow: hidden;
}

#rooms .con_roo .inner .photo {
	width: 590px;
	float: left;
}

#rooms .con_roo .inner .txt {
	width: 290px;
	float: right;
}

#rooms .con_roo .inner .txt p:first-child {
	margin-bottom: 20px;
}

#rooms .con_roo .inner .txt .btn {
	background: url(../images/common/ic_arrow.png) 0 5px no-repeat;
	padding-left: 12px;
	margin-bottom: 25px;
}

#rooms .con_roo .inner .txt .btn a {
	color: #53280b !important;
}

#rooms .con_roo .inner .txt ul {
	height: 53px;
	padding: 60px 0 0 7px;
	overflow: hidden;
}

#rooms .con_roo .inner .txt ul li {
	padding-left: 8px;
}

/*シングル背景*/
#rooms #lnk_sin .inner .txt ul {
	background: url(../images/rooms/bg_sin_re.png) no-repeat left top;
}

/*ツイン背景*/
#rooms #lnk_twi .inner .txt ul {
	background: url(../images/rooms/bg_twi_re.png) no-repeat left top;
}

/*ツイン背景*/
#rooms #lnk_des .inner .txt ul {
	background: url(../images/rooms/bg_des_re.png) no-repeat left top;
}

#lnk_sha ul {
	overflow: hidden;
	background: url(../images/rooms/bg_sha_re.png) no-repeat left top;
}

#lnk_sha ul li {
	float: left;
	padding-right: 15px;
}

#lnk_tri ul {
	overflow: hidden;
	background: url(../images/rooms/bg_tri_re.png) no-repeat left top;
}

#lnk_tri ul li {
	float: left;
	padding-right: 10px;
}

#rooms .con_roo .inner .txt ul li {
	float: left;
	width: 126px;
	padding: 20px 0 0 -8px;
}

.con_roo .box_roo .txt ul li.last {
	padding-left:8px;
}


/*----------------------------------------------------
	.con_roo_w		客室共通（1カラム）
----------------------------------------------------*/
#rooms .con_roo_w {
	margin-bottom: 70px;
}

#rooms .con_roo_w h3 {
	margin-bottom: 40px;
}

#rooms .con_roo_w .photo {
	width: 920px;
	margin: 0 0 30px auto;
}

#rooms .con_roo_w .inner {
	width: 920px;
	margin: 0 0 0 auto;
	overflow: hidden;
}

#rooms .con_roo_w .inner .txt {
	width: 590px;
	float: left;
}

#rooms .con_roo_w .inner .txt p {
	width: 590px;
}

#rooms .con_roo_w .inner .txt p:first-child {
	margin-bottom: 20px;
}

#rooms .con_roo_w .inner .txt .btn {
	background: url(../images/common/ic_arrow.png) 0 5px no-repeat;
	padding-left: 12px;
}

#rooms .con_roo_w ul {
	width: 290px;
	float: right;
}

#rooms .con_roo_w .inner .btn a {
	color: #53280b !important;
}

#rooms .con_roo_w .inner ul {
	height: 53px;
	padding: 60px 0 0 7px;
	overflow: hidden;
}

#rooms .con_roo_w .inner ul li {
	padding-left: 8px;
}

/*デラックスシングル背景（今回未使用）
#rooms #lnk_d_sin .inner ul {
	background: url(../images/rooms/bg_d_sin_re.png) no-repeat left top;
}

#rooms .con_roo_w .inner ul li {
	float: left;
	width: 126px;
	padding: 20px 0 0 -8px;
}
*/

/*デラックスツイン用*/
#rooms #lnk_sha .inner .txt {
/* 間取り図がある場合に使用
	float: left;
	width: 645px;
*/
/*width: 900px;*/
}

#rooms #lnk_sha .inner .txt .btn {
	margin-bottom: 20px;
}

/* 間取り図がある場合に使用
#rooms #lnk_sha .inner .pic {
	float: right;
	width: 250px;
}
*/


#rooms #lnk_sha ul {
	margin-left: 30px;
}

/*----------------------------------------------------
	.img_equ	客室設備
----------------------------------------------------*/
#rooms .img_equ {
	margin-bottom: 70px;
}


/*----------------------------------------------------
	.con_roo_info	客室概要
----------------------------------------------------*/
#rooms .con_roo_info {
	margin-bottom: 70px;
}

#rooms .con_roo_info h3 {
	margin-bottom: 25px;
}