@charset "Shift_JIS";
/* CSS Document */

.small { font-size:88%; }
.msmall { font-size:75%; }
.large { font-size:112%; }
.mlarge { font-size:125%; }

.mt15 { margin-top:15px; }

#Contents { color:#666666; }

#Contents #ContentsArea {
	width:900px;
	background:url("../img/bg_side_banar.gif") top left repeat-y;
	}
	#ContentsArea #LeftColumn {
		width:200px;
		float:left;
		padding-top:30px;
		background:url("../img/bg_white.gif") top left no-repeat;
		}
	#ContentsArea #RightColumn {
		width:700px;
		float:right;
		text-align:left;
		padding-top:30px;
		}
		#RightColumn .ColumnBox {
			width:690px;
			margin-left:10px;
			}
			.ColumnBox h3 { margin:5px 0 25px; }
			.ColumnBox .catch { width:500px; }



/* トップページ top */
		.InformationBox {
			width:700px;
			margin-top:35px;
			}
			.InformationBox .abs {
				position:absolute;
				margin:-282px 0 0 440px;
				}
			.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 table td dl {
					margin:0;
					padding:0.3em 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;
					}



/* ニュースページ news */
		.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 40px;
				}
				.InformationBox2 .update {
					width:120px;
					float:left;
					}
					.InformationBox2 .update span {
						display:block;
						border-left:solid 3px #7a082a;
						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 .news img { margin:5px 0; }
				.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:#7a082a; text-decoration:none;	}
						.InformationBox2 ul.ltype li.title a:hover { color:#7a082a;	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;
					color:#666666;
					font-weight:normal;
					}
					.InformationBox2 ul.stype li { margin:0 0 1.0em; }
				.InformationBox2 .attention {
/*					margin-left:1.1em;*/
					font-size:75%;
					line-height:1.25;
					color:#666666;
					}
				.InformationBox2 a {
					color:#7a082a;
					text-decoration:underline;
					}
				.InformationBox2 a:hover {
					color:#7a082a;
					text-decoration:none;
					}





/* 施設紹介ページ facilities */
		.InformationBox3 { width:700px; }
			.InformationBox3 h3 {
				margin-bottom:10px;
				border-bottom:dotted 1px #d6d6d6;
				}
			.InformationBox3 h4 { border-bottom:dotted 1px #d6d6d6; }
			.InformationBox3 .map {
				margin:10px 0 35px;
				text-align:right;
				}
			.InformationBox3 .fitness {
				width:676px;
				margin:0 12px 35px;
				font-size:75%;
				line-height:1.5;
				}
				.InformationBox3 .fitness .left {
					width:300px;
					margin-top:10px;
					float:left;
					}
				.InformationBox3 .fitness .right {
					width:376px;
					margin-top:10px;
					float:left;
					}


