@charset "UTF-8";

/*
=====================================
=
=	サイト共通
=
=	(c)seraku.co.jp
=
=	作成日：2007/10/11
=
=====================================
*/
@import url(./adjust.css);

body {
	margin: 0;
	padding: 20px 0;
	background: #000;
	font-size: 80%;
	text-align: center;
}

	h1, h2, h3, h4, h5, h6 {
		margin: 0;
	}

	a{
		color:#06579e;
	}
	a:hover {
		text-decoration: none;
	}
	a:visited{
		color: #6b069f;
	}

	p img {
		display: inline;
	}

	.container {
		margin: 0 auto;
		width: 840px;
		height: auto;
		background: #fff;
	}

		/*
		=====================================
		=
		=	ヘッダー
		=
		=====================================
		*/
		.header {
			position: relative;
			width: 100%;
			height: auto;
			background: url(../img/bg_headding_side.gif) repeat-y left top;
			text-align: left;
			/* clearfix */
		}

			.headding {
				float: left;
				width: 671px;
				height: auto;
				background: url(../img/bg_headding_top.gif) no-repeat left top;
				text-align: right;
			}

				.headding h1 {
					position: absolute;
					left: 28px;
					top: 26px;
				}

				.headding p {
					margin: 28px 0 0 300px;
				}

					.headding p a {
						margin: 0 17px 0 0;
						padding: 0 0 0 14px;
						display: inline-block;
						background: url(../img/ico_gt_block.gif) no-repeat left center;
					}

			.header form p {
				margin: 0;
			}

				#retrievalInSite {
					margin: 0;
					padding: 10px 10px 6px 10px;
					float: right;
					min-height: 60px;
					line-height: 1;
					background: #e2e2e2;
					font-size: 80%;
				}

					#retrievalInSite dt {
						padding: 0 0 4px 0;
						float: left;
					}

					#retrievalInSite dd {
						margin: 0;
						text-align: right;
					}

						#use {
							padding: 0 0 6px 0;
						}

						#textbox {
							clear: both;
							width: 149px;
							height: auto;
						}

							#keyword {
								margin: 0 0 5px 0;
								width: 141px;
								height: auto;
								display: block;
							}

		.column {
			padding: 19px 0 0 0;
			position: relative;
			width: 100%;
			height: auto;
			background: url(../img/bg_column.gif) repeat-x left top;
			/* clearfix */
		}

			/*
			=====================================
			=
			=	コンテンツ
			=
			=====================================
			*/
			.contents {
				margin: 0;
				padding: 100px 25px 41px 0;
				float: center;
				width: 591px;
				_width: 616px;
				height: auto;
				text-align: left;
			}

				#billboard {
					margin: 0;
					position: absolute;
					left: 99px;
					top: 19px;
				}

				/*
				=====================================
				=
				=	パンくずリスト
				=
				=====================================
				*/
				#topicsPath {
					margin: 0;
				}

				.contents h2 {
					margin: 10px 0 20px 0;
				}

				.section {
					margin: 20px 0 0 0;
				}

					.table {
						margin: 0;
						line-height: 1.6;
						/* clearfix */
					}

						.table dt {
							float: left;
						}

				/*
				=====================================
				=
				=	目次
				=
				=====================================
				*/
				#chapter {
					margin: 20px 0 0 0;
					padding: 0;
				}

					#chapter dt {
						margin: 0 0 10px 0;
						padding: 0 0 5px 0;
						border-bottom: 1px solid #999;
						font-size: 110%;
						font-weight: bold;
					}

					#chapter dd {
						margin: 0 0 0 12px;
						line-height: 1.6;
					}

				/*
				=====================================
				=
				=	概要
				=
				=====================================
				*/
				.outline {
					margin: 20px 0;
				}

					.outline dt {
						margin: 0 0 5px 0;
						color: #cc8200;
						font-size: 110%;
						font-weight: bold;
					}

					.outline dd {
						margin: 0;
					}

				/*
				=====================================
				=
				=	並列ボックス
				=
				=====================================
				*/
				.leftbox {
					float: left;
				}

				.rightbox {
					float: right;
				}

				/*
				=====================================
				=
				=	トピックス / 新着情報
				=
				=====================================
				*/
				.news {
					margin: 0;
					width: 590px;
					height: auto;
				}

					.news dt {
						padding: 15px 0 0 0;
						float: left;
						width: 7.5em;
						height: auto;
						color: #777;
					}

					.news dd {
						margin: 0;
						padding: 0;
					}

						dd.category {
							margin: 0 0 0 7.5em;
							padding: 17px 0 0 0;
							/* clearfix */
						}

						dd.outline {
							border-bottom: 1px solid #d3def0;
							padding: 2px 0 13px 0;
							clear: both;
						}

				/*
				=====================================
				=
				=	お問い合わせ先
				=
				=====================================
				*/
				#contact {
					padding: 12px 15px 10px 15px;
					border: 1px solid #ccc;
				}

					#contact dt {
						margin: 0 0 8px 0;
						font-size: 110%;
						font-weight: bold;
					}

						#contact * dt {
							margin: 0;
							font-size: 100%;
							font-weight: normal;
						}

					#contact dd {
						margin: 0;
					}

					#contact dl {
						line-height: 1.6;
					}

						#contact dl dt {
							float: left;
							width: 5em;
						}

						#contact dl dd {
							margin: 0 0 0 5em;
						}

				/*
				=====================================
				=
				=	準備中
				=
				=====================================
				*/
				#preparing {
					margin-top: 0;
					font-size: 110%;
				}

				/*
				=====================================
				=
				=	ページング
				=
				=====================================
				*/
				.paging {
					margin: 20px 0 40px 0;
					color: #f00;
					text-align: center;
				}

					.prev, .next {
						font-size: 120%;
						font-weight: bold;
					}

				/*
				=====================================
				=
				=	このページのトップへ
				=
				=====================================
				*/
				.gotop {
					margin: 20px 0 0 0;
					text-align: right;
				}

					.gotop a {
						padding: 0 0 0 13px;
						display: inline-block;
						background: url(../img/ico_lt_top.gif) no-repeat left center;
					}

			/*
			=====================================
			=
			=	メニュー
			=
			=====================================
			*/
			.menu {
				padding: 0 0 58px 0px;
				float: left;
				width: 199px;
				height: auto;
				text-align: left;
			}

				.menu a,
				#home span {
					line-height: 1.2;
					text-decoration: none;
				}

				.menu ul {
					margin: 0 0 11px 5px;
					padding: 4px 0 0 0;
					border-bottom: 1px solid #dcdcdc;
					width: 189px;
					height: auto;
					list-style: none;
					background: url(../img/bg_menu_header.gif) repeat-x left top;
					text-align: left;
				}

					#home a,
					#home span {
						margin: 0;
						padding: 13px 18px;
						display: block;
						color: #000;
						background: #f5f7c8 url(../img/ico_gt_green.gif) no-repeat left center;
					}

						#home strong {
							background: none;
						}

						#home a:hover,
						.menu ul ul li a:hover {
							background-color: #e9ee86;
						}

					.menu ul li {
						display: inline;
					}

						.menu ul strong {
							border-bottom: 1px solid #3c6034;
							display: block;
							background: #629a41 url(../img/bg_category.jpg	) repeat-x left top;
						}

							.menu ul strong a,
							.menu ul strong span {
								padding: 3px 18px;
								display: block;
								color: #fff;
								background: url(../img/ico_gt_white.gif) no-repeat left center;
								font-weight: bold;
							}

						.menu ul ul {
							margin: 0;
							padding: 0;
							border-bottom: none;
							background: #f5f7c8;
						}

							.menu ul ul li a,
							.menu ul ul li span {
								padding: 6px 18px;
								border-bottom: 1px solid #c7ca89;
								display: block;
								line-height: 1.4;
								width: 153px;
								_width: 189px;
								height: auto;
								color: #000;
								background: url(../img/ico_gt_green.gif) no-repeat left center;
								font-size: 85%;
							}

									background-color: #e9ee86;
								}

					.menu ul li#mailmagazine {
						margin: 0;
					}

						.menu ul li#mailmagazine img {
							margin: 10px 0;
						}

				.bannerList {
					margin: 0 5px;
					padding: 0 0 5px 0;
					background: #ebebeb;
					width: 189px;
					height: auto;
					text-align: center;
				}

					.bannerList p {
						margin: 0 auto;
						padding: 5px 0 0 0;
						width: 179px;
						height: 46px;
					}

		/*
		=====================================
		=
		=	フッター
		=
		=====================================
		*/
		.footer {
			margin: 0 5px;
			padding: 26px 20px 29px 20px;
			border-bottom: 7px solid #fff;
			clear: both;
			color: #fff;
			background: #9fa0a0 url(../img/bg_footer.gif) repeat-x left top;
			text-align: left;
		}

			.footer p {
				margin: 0 0 19px 0;
			}

			.footer a {
				color: #fff;
			}

			address {
				font-size: 80%;
			}

/*
=====================================
=
=	CSS適用時非表示
=
=====================================
*/
hr,
.headding p span,
#textbox label,
.menu h2,
.theme h2 {
	display: none;
}

/*
=====================================
=
=	clearfix
=
=====================================
*/
.header,
.column,
.section,
.table,
#greeting,
.theme,
.category,
#option ul,
#option ol,
.briefhistory,
.map,
#explanation,
#about .section ul {
	zoom: 100%;
}

	.header:after,
	.column:after,
	.section:after,
	.table:after,
	#greeting:after,
	.theme:after,
	.category:after,
	#option ul:after,
	#option ol:after,
	.briefhistory:after,
	.map:after,
	#explanation:after,
	#about .section ul:after {
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		content: ".";
	}