@charset "Shift_JIS";
/* CSS Document */

.small { font-size:88%; }
.msmall { font-size:75%; }
.large { font-size:112%; }
.mlarge { font-size:125%; }

.dgreen { color:#08351b; }
.lgreen { color:#138d44; }

.mt35 { margin-top:35px; }
.mt20 { margin-top:20px; }
.mt10 { margin-top:10px; }


#Contents { color:#666666; }

#Contents #ContentsArea {
	width:900px;
	background:url("../img/bg_side_banar.gif") top left repeat-y;
	}
	#LeftColumn {
		width:200px;
		float:left;
		padding-top:30px;
		background:url("../img/bg_white.gif") top left no-repeat;
		}
	#RightColumn {
		width:700px;
		float:right;
		text-align:left;
		padding-top:30px;
		background:url("../img/mens/bg_top.jpg") top right no-repeat;
		}
	#RightColumnN {
		width:700px;
		float:right;
		text-align:left;
		padding-top:30px;
		}
		#RightColumn h3 {
			display:block;
			position:absolute;
			margin:-5px 0 0 3px;
			}
		.ColumnBox {
			width:690px;
			margin-left:10px;
			}
			.ColumnBox .catch {
				width:400px;
				margin-top:85px;
				}
			.ColumnBox .catch2 {
				width:630px;
				margin-top:1.5em;
				}



/* トップページ top */
		.InformationBox {
			width:700px;
/*			margin-top:35px;*/
			}
			.InformationBox .only {
				position:absolute;
				margin:10px 0 0 350px;
				/margin:0;
				/margin:13px 0 0 350px;
				font-size:75%;
				line-height:1.0;
				/line-height:1.5;
				color:#000000;
				}
			.InformationBox h4 { border-bottom:dotted 1px #d6d6d6; }
			.InformationBox table td {
				padding:0.5em 0em 0.5em 2.5em;
				border-bottom:dotted 1px #d6d6d6;
				}
				.InformationBox table td.none { border-bottom:0px; }
				.InformationBox table .end { margin-bottom:40px; }
					.InformationBox table td b { color:#333333; }
			.InformationBox .caution {
/*				width:640px;
				margin:20px 30px 40px;*/
				margin:20px 0 10px;
				}
				.InformationBox .caution b { color:#333333; }
				.InformationBox ul.ltype {
					list-style:none;
					font-size:75%;
					line-height:1.5;
					color:#333333;
					font-weight:bold;
					margin:0 0 20px;
					}
					.InformationBox ul.ltype li { margin-bottom:1.5em; }
				.InformationBox ul.stype {
					list-style:none;
					line-height:1.5;
					margin:0.5em 0 0 1em;
					color:#666666;
					font-weight:normal;
					}
					.InformationBox ul.stype li { margin-right:0.5em; }
				.InformationBox table td dl {
					margin:0;
					padding:0;
					}
					.InformationBox table td dl dt {
						display:block;
						float:left;
						margin-right:0.5em;
						}
					.InformationBox table td dl dd {
						display:block;
						float:left;
						}
				.InformationBox table td a {
					color:#333333;
					text-decoration:none;
					}
				.InformationBox table td a:hover {
					color:#333333;
					text-decoration:underline;
					}
				.InformationBox .abs {
					position:absolute;
					margin:-50px 0 0 580px;
					}
		.AttentionBox {
			width:696px;
			border:solid 2px #a2a2a2;
/*			margin:40px 0;*/
			background:#fffdf4;
			}
			.AttentionBox .Attention {
				width:646px;
				padding:15px 25px;
				}
				.AttentionBox .Attention table {
					margin:0;
					padding:0;
					}
					.AttentionBox .Attention table td {
						margin:0;
						padding:0;
						border:0;
						}
				.AttentionBox .Attention ul { list-style:none; }
					.AttentionBox .Attention ul li { color:#08351b; }


/* イベント＆ニュースページ event */
		.InformationBox2 { width:700px; }
			.InformationBox2 h3 { border-bottom:dotted 1px #d6d6d6; }
			.InformationBox2 .caution {
				width:640px;
				margin:20px 30px 30px;
				padding-bottom:30px;
				border-bottom:dotted 1px #666666;
				}
			.InformationBox2 .cautionEnd {
				width:640px;
				margin:20px 30px 50px;
				}
				.InformationBox2 .update {
					width:120px;
					float:left;
					}
					.InformationBox2 .update span {
						display:block;
						border-left:solid 3px #776754;
						padding-left:0.5em;
						font-size:75%;
						line-height:1.5;
						color:#333333;
						}
					.InformationBox2 .update .image {
						width:100px;
						font-size:63%;
						line-height:1.25;
						margin-bottom:15px;
						padding:0;
						}
						.InformationBox2 .update .image img { margin-bottom:2px; }
				.InformationBox2 .news {
					width:520px;
					float:left;
					}
				.InformationBox2 ul.ltype {
					list-style:none;
					font-size:88%;
					line-height:1.5;
					}
					.InformationBox2 ul.ltype li { }
						.InformationBox2 ul.ltype li.title { font-weight:bold; margin-bottom:1.0em; }
						.InformationBox2 ul.ltype li.title a { color:#6d4f5d; text-decoration:none;	}
						.InformationBox2 ul.ltype li.title a:hover { color:#6d4f5d;	text-decoration:none; }
						.InformationBox2 ul.ltype li.title2 { font-weight:bold; margin-bottom:1.0em; }
						.InformationBox2 ul.ltype li.title2 a {	color:#776754; text-decoration:none; }
						.InformationBox2 ul.ltype li.title2 a:hover { color:#776754; text-decoration:none; }
						.InformationBox2 ul.ltype li span.period {
							font-size:88%;
							line-height:1.0;
							color:#333333;
							}
				.InformationBox2 ul.stype {
					list-style:none;
					font-size:88%;
					line-height:1.5;
					margin:1.0em 0 0 0;
					color:#333333;
					font-weight:normal;
					}
					.InformationBox2 ul.stype li { margin:0 0 1.0em; }
				.InformationBox2 .attention {
/*					margin-left:1.1em;*/
					font-size:63%;
					line-height:1.25;
					color:#666666;
					}
				.InformationBox2 a {
					color:#08351b;
					text-decoration:underline;
					}
				.InformationBox2 a:hover {
					color:#08351b;
					text-decoration:none;
					}




/* 天然温泉・バスページ bath */
		.InformationBox3 { width:700px; }
			.InformationBox3 h3,
			.InformationBox3 h4 { border-bottom:dotted 1px #d6d6d6; }
			.InformationBox3 .catch {
				margin:1em 16px 1em 32px;
				font-size:75%;
				line-height:1.5;
				}
			.InformationBox3 table {
				margin-bottom:40px;
				border-top:dotted 1px #d6d6d6;
				}
				.InformationBox3 table td {
					padding:0.5em 1em 0.5em 32px;
					border-bottom:dotted 1px #d6d6d6;
					}
					.InformationBox3 table td b { color:#333333; }
			.InformationBox3 .map {
				margin:10px 0 45px;
				text-align:right;
				}

			.InformationBox3 .bath {
				width:688px;
				margin:0 0 40px 12px;
				font-size:75%;
				line-height:1.5;
				}
				.InformationBox3 .bath b { color:#333333; }
				.InformationBox3 .bath .left {
					width:300px;
					margin-top:10px;
					float:left;
					}
				.InformationBox3 .bath .right {
					width:388px;
					margin-top:10px;
					float:left;
					}




/* サウナ・スパページ sauna */
		.InformationBox4 { width:700px; }
			.InformationBox4 h3,
			.InformationBox4 h4 { border-bottom:dotted 1px #d6d6d6; }
			.InformationBox4 .catch {
				margin:1em 16px 35px 32px;
				font-size:75%;
				line-height:1.5;
				}
			.InformationBox4 .about {
				width:638px;
				margin:0 auto 35px;
				font-size:75%;
				line-height:1.5;
				}
			.InformationBox4 .about2 {
				width:638px;
				margin:20px auto 35px;
				font-size:75%;
				line-height:1.5;
				}
				.InformationBox4 .left {
					width:190px;
					margin-top:10px;
					float:left;
					}
				.InformationBox4 .right {
					width:448px;
					margin-top:10px;
					float:left;
					}
			.InformationBox4 .map {
				margin:10px 0 45px;
				text-align:right;
				}

			.InformationBox4 .sauna {
				width:688px;
				margin:0 0 40px 12px;
				font-size:75%;
				line-height:1.5;
				}
				.InformationBox4 .sauna b { color:#333333; }
				.InformationBox4 .sauna .left {
					width:300px;
					margin-top:10px;
					float:left;
					}
				.InformationBox4 .sauna .right {
					width:388px;
					margin-top:10px;
					float:left;
					}




/* レストランページ resutaurant */
		.InformationBox5 { width:700px; }
			.InformationBox5 h3 { border-bottom:dotted 1px #d6d6d6; }
			.InformationBox5 h4 {
				margin-bottom:10px;
				border-bottom:dotted 1px #d6d6d6;
				}
			.InformationBox5 h5 {
				margin:5px 0 15px;
				font-color:#333333;
				font-size:100%;
				}
			.InformationBox5 .about {
				width:676px;
				margin:10px 12px 35px;
				font-size:75%;
				line-height:1.25;
				}
			.InformationBox5 .rest {
				width:676px;
				margin:0 12px 20px;
				font-size:75%;
				line-height:1.25;
				}
				.InformationBox5 .rest table p {
					margin-top:2px;
					text-align:center;
					}
				.InformationBox5 .rest table div { width:165px; }
			.InformationBox5 .rest2 {
				width:676px;
				margin:0 12px 40px;
				font-size:75%;
				line-height:1.25;
				}