@charset "UTF-8";

/* ヘッダー以下の
 * メインコンテンツ・サイドコンテンツを囲む
---------------------------------------------- */
#mainArea {
	width: 744px;
	margin: 0 auto;
}

/* content
----------------------------------------------- */
#content {
	float: left;
	width: 547px;
	min-height: 930px;
}

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

/* ----------------------------------------------
 * もしコンテンツのメイン画像が
 * #contentMain にフルだったら
---------------------------------------------- */
#fullImg h2 {
	float: left;
}
#fullImg #content {
	float: left;
	width: 565px;
	margin-right: 0;
}
	#fullImg #mainContents {
		width: 545px;
		margin: 0 auto;
	}

#fullImg #contentSide {
	float: left;
	width: 180px;
	margin-left: 0;
}

/* contentSide
----------------------------------------------- */
#contentSide {
	float: left;
	width: 180px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding-left: 0;
	text-align: left;
}

	#contentSide .blog {
		margin: 12px 0 10px;
		text-align: center;
	}

	#contentSide .sidenavi {
		width: 156px;
		margin: 8px auto;
	}
		#contentSide .sidenavi ul li,
		#contentSide .sidenavi ul li a,
		#contentSide .sidenavi ul li a:hover {
			width: 156px;
			display: block;
		}

		#contentSide .sidenavi ul li {
			width: 156px;
			margin: 0;
			padding: 0;
			text-align: center;
		}
				#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;
					}

	/* 5％OFFバナー */
	#contentSide #reserveBt {
		width: 154px;
		margin: 0 auto;
		text-align: center;
		background: url("../images/off5Banner_o.gif") no-repeat;
	}
		#contentSide #reserveBt,
		#contentSide #reserveBt a,
		#contentSide #reserveBt a:hover {
			display: block;
		}
		#contentSide #reserveBt a:hover {
			background-color: transparent;
		}
			#contentSide #reserveBt a:hover img {
				visibility: hidden;
			}
		

	#contentSide .reservation {
		width: 154px;
		padding: 0;
		margin-bottom:0px;	
	}

	#contentSide ol {
		width: 154px;
		height: 136px;
		margin: 0 auto 10px;
	}

	#contentSide .qr {
		margin: 0 0 10px;
		text-align: center;
	}

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

	#contentSide .sidelink {
		width: 180px;
		padding: 0 0 40px;
		background: url("../images/bg_contentside.gif") no-repeat left bottom;
	}
		#contentSide .sidelink ul {
			width: 154px;
			margin: 0 auto;
		}
			#contentSide .sidelink ul li{
				display: block;
				width: 154px;
				padding-bottom: 1px;
				line-height: 1.1;
			}
				#contentSide .sidelink ul li.head {
					margin-bottom: 5px;
				}
				#contentSide .link,
				#contentSide .linkFocus {
					width: 160px;
					margin: 4px 0 0 5px;
				}
				#contentSide .link a {
					margin: 0 0 0 5px;
					padding-left: 15px;
					color: #50396D;
					background: url("../images/icon_arrow01.gif") no-repeat left;
				}
				#contentSide .linkFocus a {
					margin: 0 0 0 5px;
					padding-left: 15px;
					color: #8C79A3;
					background: url("../images/icon_arrow02.gif") no-repeat left;
				}
					#contentSide .link a:hover,
					#contentSide .linkFocus a:hover {
						margin: 0 0 0 5px;
						color: #8C79A3;
						text-decoration: none;
						background: url("../images/icon_arrow02.gif") no-repeat left;
					}


/* banner02
----------------------------------------------- */
#banner02 {
	width: 170px;
	margin: 0 auto;
}
	#banner02 img {
		margin-bottom: 5px;
		text-align: center;
	}

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

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

#contentMain .table02{
	float: left;
	margin: 0;
	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: #746144;
		font-weight:normal;
		text-align:center;
		vertical-align:middle;
		border-top:1px solid #746144;
		border-left:1px solid #746144;
		background-color:#DFD6C7;
	}
		#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 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;
	}