@charset "utf-8";

/* -----------------------------------------------
 * 望楼NOGUCHI登別
 * リラクゼーションページ CSS
 *
 * Author     : sue/waka
 * LastUpdate : 09/04/14
----------------------------------------------- */

/* ----------------------------------------------
 * リラクゼーションページ専用基本枠
---------------------------------------------- */
#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;
}

/* --------------------------
 * リラクゼーション一覧
-------------------------- */

/* リラクゼーション一覧写真 */
#relaxation.relaxationTop #relaxationList {
	margin: 25px 0 15px;
}
	#relaxationList div {
		float: left;
		margin-bottom: 10px;
	}
		#relaxationList div.first {
			margin-right: 10px;
		}

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

				/* 大浴場GENSEN */
				#relaxationList div p#thum_spa {
					background: url("../img/thum_spa_o.jpg") no-repeat;
				}
				/* 客室展望風呂 */
				#relaxationList div p#thum_roomSpa {
					background: url("../img/thum_roomSpa_o.jpg") no-repeat;
				}
				/* 貸し切りエステ */
				#relaxationList div p#thum_aestheticSalon {
					background: url("../img/thum_aestheticSalon_o.jpg") no-repeat;
				}
				/* 貸し切り岩盤風呂 */
				#relaxationList div p#thum_bedrockBath {
					background: url("../img/thum_bedrockBath_o.jpg") no-repeat;
				}

/* --------------------------
 * リラクゼーション詳細
-------------------------- */
#relaxationDetailHeadline {
	margin: 0 0 18px;
}

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

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


.recital h4 {
	float: left;
	font-size: 12px;
	font-weight: normal;
}

/* エステメニュー */
.recital p.btMenu,
.recital p.btMenu a,
.recital p.btMenu a:hover {
	display: block;
}
.recital p.btMenu {
	float: right;
	line-height: 2;
	background: url("../img/bt_menu_o.gif") no-repeat;
}
	.recital p.btMenu a:hover {
		background: transparent;
	}
		.recital p.btMenu a:hover img {
			visibility: hidden;
		}


/* リラクゼーション写真 */
#change_image {
	margin: 22px 0 0;
}

ul.subNav {
	margin: 10px 0 0;
}
	ul.subNav li {
		float: left;
		margin-right: 10px;
	}
		ul.subNav li.end {
			margin-right: 0;
		}


/* --------------------------
 * 貸しきりエステ
--------------------------- */
#aestheticMenu h5 {
	margin: 35px 0 0;
}


#aestheticMenu table {
	width: 100%;
	margin: 1em 0 0;
	border: 2px solid #3E3E3E;
}
	#aestheticMenu table th,
	#aestheticMenu table td {
		padding: 6px;
		border: 1px solid #3E3E3E;
	}
	#aestheticMenu table th {
		width: 160px;
		font-weight: normal;
		white-space: nowrap;
		background: #7E605B;
	}
	#aestheticMenu table td {
		background: #111111;
	}
		#aestheticMenu table td.price {
			text-align: right;
		}
		#aestheticMenu table td.detail {
			width: 150px;
		}