﻿@charset "UTF-8";

/* content
---------------------------------------------- */
#content {
	float: left;
	width: 565px;
	padding: 0 0 20px;
}
	#content #contentArea {
		float: right;
		width: 551px;
	}

/* contentMain
---------------------------------------------- */
#contentMain {
	padding: 0;
	text-align: left;
}
	#contentMain h2 {
		width: 529px;
		height: 39px;
		margin: 20px auto 10px;
		color: #fff;
		font-size: 120%;
		font-weight: bold;
		text-align: left;
		text-indent: 12px;
		line-height: 39px;
		background: url("../images/bg_headline.gif") no-repeat;
	}
	#contentMain h3 {
		margin: 15px 0 2px;
		padding: 0;
		color: #87A57E;
		font-size: 120%;
		font-weight: bold;
	}

/* contentSide
---------------------------------------------- */
#contentSide {
	float: left;
	width: 180px;
/*	margin-bottom: 50px;*/
}
	#contentSide .blog {
		margin: 5px 0;
	}

	#contentSide .sidenavi {
		width: 158px;
		margin: 5px auto;
	}
		#contentSide .sidenavi ul li,
		#contentSide .sidenavi ul li a,
		#contentSide .sidenavi ul li a:hover {
			width: 158px;
			display: block;
		}
			#contentSide .sidenavi ul li a:hover {
				background-color: transparent;
			}
				#contentSide .sidenavi ul li a:hover img {
					visibility: hidden;
				}
			#contentSide .sidenavi ul li.sideNavi01 {
				background: url("../images/sidenavi01hover.gif") no-repeat;
			}
			#contentSide .sidenavi ul li.sideNavi02 {
				background: url("../images/sidenavi02hover.gif") no-repeat;
			}
			#contentSide .sidenavi ul li.sideNavi03 {
				background: url("../images/sidenavi03hover.gif") no-repeat;
			}
			#contentSide .sidenavi ul li.sideNavi04 {
				background: url("../images/sidenavi04hover.gif") no-repeat;
			}
			#contentSide .sidenavi ul li.sideNavi05 {
				background: url("../images/sidenavi05hover.gif") no-repeat;
			}
			#contentSide .sidenavi ul li.sideNavi06 {
				background: url("../images/sidenavi06hover.gif") no-repeat;
			}
			#contentSide .sidenavi ul li.sideNavi07 {
				background: url("../images/sidenavi07hover.gif") no-repeat;
			}

	#contentSide ol {
		margin: 0 0 5px 0;
	}

	#contentSide .qr {
		margin: 5px 0 0;
	}

	/* ホテル情報 */
	#contentSide .inquiry {
		width: 160px;
		margin: 10px auto 17px;
	}
		#contentSide .inquiry .form {
			margin: 5px 0 5px 10px;
		}
		#contentSide .inquiry p {
			font-size: 10px;
			line-height: 1.3;
			text-align: left;
		}

		/* ホテルリンク */
		form#hotelLink {
			/*margin: 0 0 10px 0;*/
			margin: 0;
		}
			#hotelLink option.horo {
				color: #FFFFFF;
				background-color: #87A57E;
			}

		/* エリアリンク */
		#contentSide .sidelink {
			width: 180px;
			padding-top: 10px;
			padding-left: 10px;
			text-align: left;
			background: url("../images/bg_side_link.gif") no-repeat left bottom;
		}
			#contentSide .sidelink ul {
				width: 160px;
				margin: 0;
				padding: 10px 0 25px;
			}
				#contentSide .sidelink ul li {
					display: block;
					width: 160px;
					padding: 0 0 1px;
					line-height: 1.1;
				}
					#contentSide .link,
					#contentSide .linkFocus {
						width: 160px;
						margin: 4px 0 0 5px;
					}
						#contentSide .link a {
							margin: 0 0 0 5px;
							padding-left: 15px;
							color: #77510F;
							background: url("../images/icon_arrow01.gif") no-repeat left;
						}
						#contentSide .linkFocus a {
							margin: 0 0 0 5px;
							padding-left: 15px;
							color: #B4873A;
							background: url("../images/icon_arrow02.gif") no-repeat left;
						}
							#contentSide .link a:hover,
							#contentSide .linkFocus a:hover {
								margin: 0 0 0 5px;
								color: #B4873A;
								text-decoration: none;
								background: url("../images/icon_arrow02.gif") no-repeat left;
							}

/* table
---------------------------------------------- */
table {
	border-collapse: collapse;
}
	th,td {
		padding: 2px;
	}

#contentMain .table01 {
	margin: 5px 0px;
	border-right: 1px solid #746144;
	border-bottom: 1px solid #746144; 
	background-color: #fff;
}
#contentMain .table02 {
	float: left;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #746144;
	border-bottom: 1px solid #746144; 
	background-color: #fff;
}

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

	#contentMain th {
		color: #fff;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		border-top: 1px solid #746144;
		border-left: 1px solid #746144;
		background-color: #87A57E;
	}
		#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 {
		padding-left: 5px;
		vertical-align: top;
		border-top: 1px solid #746144;
	}
		#contentMain .td01 img {
			margin: 2px 0px;
		}
	#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;
	}