@charset "UTF-8";

/* ----------------------------------------------
 * contentSide
----------------------------------------------- */
#contentSide {
	float: left;
	width: 186px;
	padding-bottom: 19px;
	background: url("../images/bg_side02.gif") no-repeat bottom left;
}
	#contentSide #contentSideBox {
		width: 186px;
		text-align: left;
		background: url("../images/sideBoxBK.gif") repeat-y;
	}

	/* プラン一覧・ご予約 */
	#contentSide .resevation {
		padding: 7px 0;
		text-align: center;
	}
	/* お問い合せ・観光情報・関連リンク */
	#contentSide .sideNavi li {
		display: block;
		margin: 0;
		text-align: center;
	}
	/* QRコード */
	#contentSide .mobile {
		width: 185px;
		margin: 10px 0 0 0;
		text-align: center;
	}

	/* ------------------------
	 * ホテルリンク
	------------------------ */
	form#hotelLink {
		width: 160px;
		margin: 10px auto;
		text-align: center;
	}
		#hotelLink option.toma {
			color: #ffffff;
			background-color: #E75F95;
		}

	/* ------------------------
	 * エリアリンク
	------------------------ */
	#contentSide dl {
		padding: 10px 0;
	}
		#contentSide dl dt {
			margin: 0 0 3px 0;
		}
		#contentSide dd {
			margin: 0 0 0 13px;
			padding: 1px 0;
			text-align: left;
		}
			#contentSide dd a {
				padding-left: 15px;
				color: #AA2559;
				background: url("../images/icon_arrow07.gif") no-repeat left;
			}
	
				#contentSide dd a:hover,
				#contentSide .focus a {
					color: #ffffff;
					background: url("../images/icon_arrow08.gif") no-repeat left;
				}

	/* ------------------------
 	 * バナー
	------------------------ */
	#contentSide .banner {
		margin: 0;
		padding: 10px 0 0;
		text-align: center;
	}
		#contentSide .banner img {
			margin: 0 0 5px 0;
		}

/* ----------------------------------------------
 * contentMain
----------------------------------------------- */
#contentMain {
	float: left;
	width: 574px;
	padding: 7px 0 0;
	text-align: left;
}
	#contentArea {
		width: 546px;
		margin: 0 auto;
	}

	/* ------------------------
 	 * img
 	------------------------ */
	#img {
		float: left;
		width: 570px;
	}
		#contentMain .copy {
			margin: 10px 0 20px 10px;
			text-align: left;
			line-height: 1.7em;
		}

	#contentMain .box {
		width: 510px;
		margin: 10px auto 20px;
	}

	#contentMain h3 {
		width: 545px;
		height: 36px;
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
		text-indent: 1em;
		line-height: 36px;
		background: url("../images/bg_headline.gif") no-repeat ;
	}

	#contentMain h4 {
		margin: 5px 0;
		color: #AE608D;
		font-size: 16px;
		font-weight: bold;
	}


/* ----------------------------------------------
 * table
---------------------------------------------- */
#contentMain table {
	margin: 0 0 5px 0;
	border-right: 1px solid #746144;
	border-bottom: 1px solid #746144;
	border-collapse: collapse;
	background-color: #fff;
}

	#contentMain .tr01 {
		text-align: left;
		vertical-align: top;
		background-color: #fff;
	}

	#contentMain th,
	#contentMain td {
		padding: 3px;
	}

	#contentMain th {
		color: #746144;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
		border-top: 1px solid #746144;
		border-left: 1px solid #746144;
		background-color: #DFD6C6;
	}
		#contentMain .th01 {
			color: #746144;
			font-weight: normal;
			text-align: center;
			vertical-align: top;
			border-top: 1px solid #746144;
			border-left: 1px solid #746144;
			background-color: #DFD6C6;
		}

		#contentMain .td01 {
			vertical-align: top;
			border-top: 1px solid #746144;
		}
			#contentMain .td01 img {
				margin: 2px 0;
			}
		#contentMain .td02 {
			vertical-align: top;
			border-top: 1px solid #746144;
			border-left: 1px solid #746144;
		}
		#contentMain .td03 {
			padding-left: 10px;
			border-top: 1px solid #746144;
		}