@charset "UTF-8";

/*
 * header以下、footer以上の部分
*/
#mainArea {
	width: 740px;
	margin: 0 auto;
}

/* contentSide
----------------------------------------------- */
#contentSide {
	float: left;
	width: 160px;
	text-align: center;
}
	/* 緑色背景の部分 */
	#contentSide .menuBar {
		height: 465px;
	}

		#contentSide .blog {
			margin: 4px 0;
			text-align: center;
		}
		/* サイドナビゲーション */
		#contentSide .sideNavi li,
		#contentSide .sideNavi li a,
		#contentSide .sideNavi li a:hover {
			display: block;
			width: 160px;
		}
		#contentSide .sideNavi li a:hover {
			background-color: transparent;
		}
			#contentSide .sideNavi li a:hover img {
				visibility: hidden;
			}
		#contentSide .sideNavi01 {
			background: url("../images/sidenavi01hover.gif");
		}
		#contentSide .sideNavi02 {
			background: url("../images/sidenavi02hover.gif");
		}
		#contentSide .sideNavi03 {
			background: url("../images/sidenavi03hover.gif");
		}
		#contentSide .sideNavi04 {
			background: url("../images/sidenavi04hover.gif");
		}
		#contentSide .sideNavi05 {
			background: url("../images/sidenavi05hover.gif");
		}
		#contentSide .sideNavi06 {
			background: url(../images/sidenavi06hover.gif);
		}

		/* 予約ボタン */
		#contentSide .reservation {
			padding: 5px 0;
		}

		#contentSide ol {
/*			height: 140px;*/
			margin: 0;
			padding-bottom: 20px;
		}

		/* 色がついてないところ */
		#contentSide .article {
			width: 160px;
			margin: 0 auto;
			text-align: center;
		}
			#contentSide .article .mobile {
				margin: 8px 0;
				text-align: center;
			}
			/* お問い合わせ */
			#contentSide .article dl {
				width: 160px;
				height: 177px;
				margin: 0 0 8px 0;
				text-align: left;
				background: url("../images/side_info02.gif") no-repeat bottom left;
			}
				#contentSide .article dl dt {
					width: 160px;
				}
				#contentSide .article dl dd {
					width: 150px;
					padding: 5px 0 3px 10px;
					color: #FFF;
					font-size: 10px;
					line-height: 1.4;
				}

			/* ----------------------
			 * ホテルリンク
			---------------------- */
			form#hotelLink {
				margin: 0 0 10px;
				text-align: center;
			}
				#hotelLink option.koha {
					color: #FFFFFF;
					background-color: #54866E;
				}

			/* ----------------------
			 * エリアリンク
			---------------------- */
			#contentSide .article ul {
				width: 160px;
/*				margin: 0 0 0 8px;*/
				padding: 0;
			}

				#contentSide .article ul li {
					display: block;
					float: left;
					width: 160px;
					line-height: 1.1;
					text-align: left;
				}
					#contentSide .article .link,
					#contentSide .linkFocus {
						width: 145px;
						margin: 7px 0 0 0;
					}
					#contentSide .article .link a {
						padding-left: 15px;
						color: #2D120E;
						background: url("../images/icon_arrow03.gif") no-repeat left;
					}
						#contentSide .article .link a:hover,
						#contentSide .linkFocus a:hover {
							color: #92837E;
							text-decoration: none;
							background: url("../images/icon_arrow04.gif") no-repeat left;
						}
						#contentSide .article .linkFocus a {
							padding-left: 15px;
							color: #92837e;
							background: url("../images/icon_arrow04.gif") no-repeat left;
						}


/* contentMain
----------------------------------------------- */
#contentMain {
	float: left;
	width: 580px;
	margin: 0;
}
	#contentMain .article {
		width: 560px;
		margin: 0 auto;
		text-align: left;
	}

/* img
----------------------------------------------- */
#img {
	width: 580px;
}
	#img p {
		text-align: left;
	}


/* 見出し
----------------------------------------------- */
#contentMain h2 {
	width: 560px;
	height: 35px;
	margin-bottom: 1em;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	line-height: 35px;
	text-indent: 10px;
	background: url("../images/bg_headline.gif") no-repeat;
}


/* table
--------------------------- */
table {
	border-collapse: collapse;
}

#contentMain .table01 {
	margin: 5px 0;
	border-right: 1px solid #746144;
	border-bottom: 1px solid #746144; 
	background-color: #fff;
}
	#contentMain .table01 th,
	#contentMain .table01 td {
		padding: 2px;
	}

#contentMain .table02 {
/*	float: left;*/
	margin: 0;
	border-right: 1px solid #746144;
	border-bottom: 1px solid #746144;
	background-color:#fff;
}
	#contentMain .table02 th,
	#contentMain .table02 td {
		padding: 2px;
	}

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

	#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;
		}