@charset "utf-8";

/* -----------------------------------------------
 * 望楼NOGUCHI登別
 * お部屋ページ CSS
 *
 * Author     : sue
 * LastUpdate : 09/03/24
----------------------------------------------- */

/* ----------------------------------------------
 * お部屋ページ専用基本枠
---------------------------------------------- */
#container {
	background: url("../img/mainBack.jpg") no-repeat;
}

/* 左側ローカルナビゲーション */
#gNav #gNavList ul li#localNav ol li#localNav01 {
	background: url("../img/localNav01_o.gif") no-repeat;
}
#gNav #gNavList ul li#localNav ol li#localNav02 {
	background: url("../img/localNav02_o.gif") no-repeat;
}
#gNav #gNavList ul li#localNav ol li#localNav03 {
	background: url("../img/localNav03_o.gif") no-repeat;
}
#gNav #gNavList ul li#localNav ol li#localNav04 {
	background: url("../img/localNav04_o.gif") no-repeat;
}
#gNav #gNavList ul li#localNav ol li#localNav05 {
	background: url("../img/localNav05_o.gif") no-repeat;
}
#gNav #gNavList ul li#localNav ol li#localNav06 {
	background: url("../img/localNav06_o.gif") no-repeat;
}

/* ----------------------------------------------
 * お部屋
---------------------------------------------- */
ul.subNav {
	margin: 10px 0 0;
}
	ul.subNav li {
		float: left;
		margin-right: 10px;
	}
		ul.subNav li.end {
			margin-right: 0;
		}

/* --------------------------
 * お部屋一覧
-------------------------- */

/* お部屋一覧写真 */
#room.roomTop #roomList {
	margin: 25px 0 15px;
}
	#roomList div {
		float: left;
		margin-bottom: 10px;
	}
		#roomList div.first {
			margin-right: 10px;
		}

		#roomList div p {
			width: 230px;
			margin: 0;
			padding: 0;
			line-height: 1.1;
		}
			#roomList div p,
			#roomList div p a,
			#roomList div p a:hover {
				display: block;
			}
			#roomList div p a:hover {
				background: transparent;
			}
				#roomList div p a:hover img {
					visibility: hidden;
				}

				/* エグゼクティブスイート */
				#roomList div p#thum_executiveSuite {
					background: url("../img/thum_executiveSuite_o.jpg") no-repeat;
				}
				/* ラグジュアリースイート */
				#roomList div p#thum_luxurySuite {
					background: url("../img/thum_luxurySuite_o.jpg") no-repeat;
				}
				/* スイート */
				#roomList div p#thum_suite {
					background: url("../img/thum_suite_o.jpg") no-repeat;
				}
				/* ジュニアスイート */
				#roomList div p#thum_juniorSuite {
					background: url("../img/thum_juniorSuite_o.jpg") no-repeat;
				}

/* アメニティとか */
#roomOption {
	padding: 25px 0 0;
	background: url("../../common/img/line02.gif") no-repeat top left;
}
	#roomOption li,
	#roomOption li a,
	#roomOption li a:hover {
		display: block;
	}
	#roomOption li a:hover {
		background: transparent;
	}
		#roomOption li a:hover img {
			visibility: hidden;
		}
	#roomOption #bt_amenities {
		background: url("../img/bt_amenity_o.gif");
	}
	#roomOption #bt_roomSpa {
		background: url("../img/bt_roomSpa_o.gif");
	}

/* --------------------------
 * 部屋詳細
-------------------------- */
#roomDetailHeadline {
	margin: 0 0 18px;
}

#roomDetailHeadline #roomName {
	margin: 45px 0 35px;
/*	padding-bottom: 25px;
	background: url("../../common/img/line03.gif") no-repeat bottom;
*/
}
	#roomDetailHeadline #roomName h2 {
		float: left;
		margin: 0;
		padding: 0;
		line-height: 1.1;
	}
	#roomDetailHeadline #roomName p.btReserveM {
		float: right;
		margin: 0;
		padding: 0;
		line-height: 1.1;
	}


.roomDetail h3 {
	margin-bottom: 15px;
}

.roomDetail h4 {
	margin: 5px 0 10px;
	font-size: 14px;
	font-weight: normal;
}

/* 部屋写真 */
#change_image {
	margin: 22px 0 0;
}