@charset "UTF-8";

/* contentMain
----------------------------------------------- */
#contentMain {
	float: left;
	width: 560px;
	margin: 00;
	text-align: center;
}
	#contentArea {
		width: 545px;
		margin: 0 auto;
		text-align: left;
	}
		#contentMain  h3 {
			width: 545px;
			height: 36px;
			padding: 0;
			color: #ffffff;
			font-size: 16px;
			font-weight: bold;
			text-indent: 1em;
			line-height: 36px;
			background: url("../images/bg_headline.gif") no-repeat;
		}

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


/* img
----------------------------------------------- */
#img{
	width: 545px;
	margin: 0 auto;
	text-align: left;
}
	#img p {
		margin: 10px 0 15px 20px;
		line-height: 2;
	}

/* contentSide
----------------------------------------------- */
#contentSide {
	float: left;
	width: 190px;
	text-align: center;
	background: url("../images/bg_side.gif") no-repeat;
}

#contentSide #sideMenu {
	width: 178px;
	margin: 0 auto;
	text-align: center;
}

	#contentSide ul {
		width: 178px;
		margin: 0;
	}
		#contentSide ul li,
		#contentSide ul li a,
		#contentSide ul li a:hover {
			display: block;
			width: 178px;
		}
			#contentSide ul li a:hover {
				background-color: transparent;
			}
			#contentSide ul li a:hover img {
				visibility: hidden;
			}

			#contentSide ul .sideNavi01 {
				background: url("../images/sidenavi01hover.gif") no-repeat;
			}
			#contentSide ul .sideNavi02 {
				background: url("../images/sidenavi02hover.gif") no-repeat;
			}
			#contentSide ul .sideNavi03 {
				background: url("../images/sidenavi03hover.gif") no-repeat;
			}
			#contentSide ul .sideNavi04 {
				background: url("../images/sidenavi04hover.gif") no-repeat;
			}
			#contentSide ul li.sideNavi05 {
				height: 55px;
				padding: 40px 0 0;
				text-align: left;
				background: url("../images/sidenavi05.gif") no-repeat;
			}
				/* 【IE】#contentSide ul liのwidth継承を切断する為 */
				#contentSide ul li.sideNavi05 a,
				#contentSide ul li.sideNavi05 a:hover {
					width: 156px;
				}
				#contentSide ul li.sideNavi05_1 {
					width: 156px;
					margin-left: 20px;
					background: url("../images/sidenavi05_1hover.gif") no-repeat;
				}
				#contentSide ul .sideNavi05_2 {
					width: 156px;
					margin-left: 20px;
					background: url("../images/sidenavi05_2hover.gif") no-repeat;
				}
			#contentSide ul .sideNavi06 {
				background: url("../images/sidenavi06hover.gif") no-repeat;
			}
			#contentSide ul .sideNavi07 {
				background: url("../images/sidenavi07hover.gif") no-repeat;
			}
			#contentSide ul .sideNavi08 {
				background: url("../images/sidenavi08hover.gif") no-repeat;
			}

	#sideArea {
		width: 160px;
		margin: 0 auto;
		text-align: center;
	}

	/* プラン一覧・ご予約 */
	#contentSide .reservation {
		margin: 10px 0 1px;
	}

	/* 日付検索 */
	#hotelLink option.muro {
		color: #FFFFFF;
		background: #1F94E4;
	}

	/* お問い合せ・観光情報関連。リンク */
	#contentSide ol {
		width: 160px;
		margin: 0 auto;
	}
		#contentSide ol li {
			margin: 0 0 1px 0;
		}

	/* QRコード */
	#contentSide .mobile {
		margin: 10px 0;
	}

	/* エリアリンク */
	#contentSide #areaLink {
		width: 190px;
		margin: 10px auto 0;
		text-align: left;
		background: url("../images/bg_contentside.gif") no-repeat bottom #ffffff;
	}
	#contentSide dl {
		padding: 0 0 20px;
	}
		#contentSide dl dt {
			margin: 0 0 5px 15px;
		}
		#contentSide dl dd {
			margin: 0 0 3px 25px;
		}
			#contentSide dd,
			#contentSide .link01 {
				width: 138px;
				margin-bottom: 2px;
				padding: 0;
				text-align: left;
			}
			#contentSide dd a {
				padding-left: 15px;
				color: #016EB9;
				background: url("../images/icon_arrow03.gif") no-repeat left;
			}
				#contentSide .link01 a {
					padding-left: 15px;
					color: #80B6DC;
					background: url("../images/icon_arrow04.gif") no-repeat left;
				}
				#contentSide dd a:hover,
				#contentSide .link01 a:hover {
					color: #80B6DC;
					text-decoration: none;
					background: url("../images/icon_arrow04.gif") no-repeat left;
				}


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

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

th,td {
	padding: 3px;
}

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 {
		vertical-align: top;
		text-align: center;
		color: #746144;
		font-weight: normal;
		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;
}