@import "thickbox.css";

* {
	font-family: "メイリオ", meiryo, Tahoma, Verdana, Arial, sans-serif;
	}
body {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,address {
	margin: 0px;
	padding: 0px;
	}
img {
	border: 0px;
	}
a {
	color: #09c;
	text-decoration: underline;
	}
a:hover {
	color: #036;
	text-decoration: none;
	}
.clr {
	clear: both;
	}

/* g_header * ========================= */
#body_index #g_header {
	text-align: center;
	margin: 0px auto;
	width: 100%;
	height: 50px;
	background: url(/img/bg_g_header.jpg) no-repeat center bottom;
	}

#body_page #g_header {
	text-align: center;
	margin: 0px auto;
	width: 100%;
	height: 50px;
	background: url(/img/bg_g_header.gif) repeat-x bottom;
	}

	#g_header .inner {
		text-align: left;
		margin: 0px auto;
		width: 910px;
		}

	#g_header ul {
		list-style: none;
		padding: 10px 0px;
		}

		#g_header ul li {
			display: inline;
			font-size: 80%;
			line-height: 160%;
			margin: 0px 10px 0px 0px;
			}


/* contain * ========================= */
#contain {
	width: 100%;
	padding: 0px 0px 20px 0px;
	background: url(/img/bg_contain.jpg) repeat-x top;
	}

	/* header * ========================= */
	#body_index #header {
		text-align: left;
		margin: 0px auto;
		width: 100%;
		height: 360px;
		background: url(/img/bg_contents.jpg) no-repeat center top;
		}

	#body_page #header {
		text-align: left;
		margin: 0px auto;
		width: 100%;
		height: 150px;
		background: url(/img/bg_contents2.jpg) no-repeat center top;
		}

		#header .inner {
			text-align: left;
			margin: 0px auto;
			width: 930px;
			}

		/* logo * ========================= */
		#body_index #logo {
			width: 270px;
			float: left;
			}

			#body_index #logo h1 {
				}

				#body_index #logo h1 a {
					text-indent: -9999px;
					overflow: hidden;
					display: block;
					width: 270px;
					height: 200px;
					position: relative;
					top: 20px;
					left: 10px;
					background: url(/img/logo.gif) no-repeat left;
					}
			#body_index #logo p {
				text-indent: -9999px;
				overflow: hidden;
				display: block;
				width: 220px;
				height: 90px;
				position: relative;
				top: 20px;
				left: 10px;
				background: url(/img/logo_copy.gif) no-repeat left;
				}

		#body_page #logo {
			width: 250px;
			float: left;
			}

			#body_page #logo h1 {
				}

				#body_page #logo h1 a {
					text-indent: -9999px;
					overflow: hidden;
					display: block;
					width: 240px;
					height: 150px;
					position: relative;
					top: 0px;
					left: 15px;
					background: url(/img/logo_small.gif) no-repeat left;
					}
			#body_page #logo p {
				display: none;
				}

		/* areamap * ========================= */
		#area_map {
			dispaly: block;
			width: 370px;
			height: 270px;
			float: left;
			position: relative;
			top: 70px;
			left: 10px;
			}

			#area_map img.filter {
				position: absolute;
				z-index: 4;
				top: 0px;
				left: 0px;
				}
			#area_map img.basemap {
				position: absolute;
				z-index: 2;
				top: 0px;
				left: 0px;
				}

			#area_map p {
				display: none;
				position: absolute;
				z-index: 3;
				text-indent: -9999px;
				overflow: hidden;
				}

				#area_map #map_1 {
					width: 190px;
					height: 95px;
					top: 55px;
					right: 0px;
					background: url(/img/am_1.gif) no-repeat;
					}
				#area_map #map_2 {
					width: 150px;
					height: 90px;
					top: 45px;
					left: 90px;
					background: url(/img/am_2.gif) no-repeat;
					}
				#area_map #map_3 {
					width: 165px;
					height: 75px;
					top: 110px;
					left: 55px;
					background: url(/img/am_3.gif) no-repeat;
					}
				#area_map #map_4 {
					width: 195px;
					height: 80px;
					top: 120px;
					right: 35px;
					background: url(/img/am_4.gif) no-repeat;
					}
				#area_map #map_5 {
					width: 155px;
					height: 75px;
					top: 165px;
					left: 0px;
					background: url(/img/am_5.gif) no-repeat;
					}
				#area_map #map_6 {
					width: 165px;
					height: 65px;
					top: 185px;
					left: 120px;
					background: url(/img/am_6.gif) no-repeat;
					}

		/* gmenu * ========================= */
		#body_index #gmenu {
			width: 910px;
			height: 40px;
			text-align: left;
			margin: 0px auto;
			}

		#body_page #gmenu {
			width: 330px;
			height: 40px;
			text-align: left;
			margin: 0px auto;
			float: right;
			position: relative;
			top: 70px;
			right: 20px;
			}

			#gmenu ul {
				list-style: none;
				}

				#gmenu ul li {
					display: inline;
					}

					#gmenu ul a {
						text-indent: -9999px;
						overflow: hidden;
						float: left;
						display: block;
						width: 110px;
						height: 40px;
						position: relative;
						}

						#body_index #gmenu .gm_1 a {
							left: 10px;
							background: url(/img/gm_1.gif) no-repeat left top;
							}
						#body_page #gmenu .gm_1 a {
							left: 10px;
							background: url(/img/gm_1_2.gif) no-repeat left top;
							}
						#body_index #gmenu .gm_2 a {
							left: 10px;
							background: url(/img/gm_2.gif) no-repeat left top;
							}
						#body_page #gmenu .gm_2 a {
							left: 10px;
							background: url(/img/gm_2_2.gif) no-repeat left top;
							}
						#body_index #gmenu .gm_3 a {
							left: 10px;
							background: url(/img/gm_3.gif) no-repeat left top;
							}
						#body_page #gmenu .gm_3 a {
							left: 10px;
							background: url(/img/gm_3_2.gif) no-repeat left top;
							}


							#body_index #gmenu ul li a:hover {
								background-position: right top;
								}
							#body_page #gmenu ul li a:hover {
								background-position: right top;
								}


	/* contents * ========================= */
	#body_index #contents {
		text-align: center;
		margin: 0px auto;
		width: 100%;
		padding: 0px 0px 0px 0px;
		background: url(/img/bg_contents.jpg) no-repeat 50% -360px;
		}

	#body_page #contents {
		text-align: center;
		margin: 0px auto;
		width: 100%;
		padding: 0px 0px 0px 0px;
		background: url(/img/bg_contents2.jpg) no-repeat 50% -150px;
		}




		#contents .inner {
			text-align: left;
			margin: 0px auto;
			padding: 30px  0px;
			width: 870px;
			}

			/* breadcrumb * ========================= */
			.breadcrumb {
				margin: 0px 0px 15px 0px;
				font-size: 80%;
				line-height: 160%;
				}

				.breadcrumb span {
					margin: 0px 10px;
					}

			/* prev_next * ========================= */
			.prev_next {
				text-align: center;
				margin: 0px 0px 15px 0px;
				font-size: 80%;
				line-height: 160%;
				}

			/* entry * ========================= */
			.entry {
				margin: 0px 0px 0px 0px;
				}

				.entry .spotname {
					font-size: 80%;
					line-height: 160%;
					font-weight: bold;
					padding: 5px 5px;
					margin: 0px 0px 10px 0px;
					background: #f6f6f6;
					float: left;
					}
				.entry .date {
					font-size: 80%;
					line-height: 160%;
					padding: 5px 5px;
					margin: 0px 0px 10px 0px;
					background: #f6f6f6;
					float: right;
					}
				.entry h1 {
					font-size: 120%;
					line-height: 200%;
					padding: 0px 0px 5px 0px;
					margin: 0px 0px 15px 0px;
					border-bottom: 2px solid #000;
					}
				.entry h2 {
					font-size: 85%;
					line-height: 170%;
					width: 100%;
					padding: 4px 0px;
					text-indent: 10px;
					background: #09c;
					color: #fff;
					margin: 20px 0px 10px 0px;
					}
				.entry h4 {
					font-size: 75%;
					line-height: 160%;
					margin: 0px 0px 5px 0px;
					}
				.entry p {
					font-size: 85%;
					line-height: 180%;
					margin: 0px 0px 1em 0px;
					}

					.entry p img {
						vertical-align: middle;
						}

				.entry .right {
					float: right;
					margin: 0px 0px 10px 10px;
					border: 2px solid #ccc;
					}
				.entry .right0 {
					float: right;
					margin: 0px 0px 10px 10px;
					}
				.entry .left {
					float: left;
					margin: 0px 10px 10px 0px;
					border: 2px solid #ccc;
					}

				.entry .access {
					float: left;
					margin: 0px 0px 10px 0px;
					width: 360px;
					}

					.entry .access ul {
						list-style: none;
						margin: 0px 0px 0px 0px;
						}

						.entry .access ul li {
							font-size: 85%;
							line-height: 180%;
							margin: 0px 0px 5px 0px;
							padding: 0px 0px 5px 0px;
							border-bottom: 1px dotted #ccc;
							}

					.entry .access ol {
						list-style: none;
						margin: 0px 0px 0px 0px;
						}

						.entry .access ol li {
							font-size: 85%;
							line-height: 180%;
							margin: 5px 0px 0px 0px;
							padding: 5px 0px 0px 0px;
							border-top: 1px dotted #ccc;
							}

				.entry #map {
					float: right;
					margin: 0px 0px 10px 0px;
					width: 500px;
					height: 300px;
					background: #fff;
					}


				.entry .tbl_profile {
					width: 100%;
					background: #eee;
					}

					.entry .tbl_profile th {
						width: 200px;
						font-size: 85%;
						line-height: 170%;
						background: #f6f6f6;
						}
					.entry .tbl_profile td {
						font-size: 85%;
						line-height: 170%;
						background: #fff;
						}


			/* trackbacks * ========================= */
			#trackbacks {
				margin: 0px 0px 20px 0px;
				}

				#trackbacks h2 {
					font-size: 85%;
					line-height: 170%;
					width: 100%;
					padding: 4px 0px;
					text-indent: 10px;
					background: #09c;
					color: #fff;
					margin: 20px 0px 10px 0px;
					}
				#trackbacks h3 {
					font-size: 85%;
					line-height: 160%;
					margin: 0px 0px 5px 0px;
					}
				#trackbacks p {
					font-size: 85%;
					line-height: 180%;
					margin: 0px 0px 1em 0px;
					}

				#trackbacks .tb_info {
					font-size: 85%;
					line-height: 180%;
					margin: 0px 0px 1em 0px;
					}

			/* comments * ========================= */
			#comments {
				margin: 0px 0px 20px 0px;
				}

				#comments h2 {
					font-size: 85%;
					line-height: 170%;
					width: 100%;
					padding: 4px 0px;
					text-indent: 10px;
					background: #09c;
					color: #fff;
					margin: 20px 0px 10px 0px;
					}
				#comments h3 {
					font-size: 85%;
					line-height: 160%;
					margin: 0px 0px 5px 0px;
					}
				#comments p {
					font-size: 85%;
					line-height: 180%;
					margin: 0px 0px 10px 0px;
					}

				#comments dl {
					margin: 0px 0px 20px 0px;
					}

					#comments dl dt {
						font-size: 85%;
						line-height: 180%;
						margin: 0px 0px 5px 0px;
						}
					#comments dl dd {
						font-size: 85%;
						line-height: 180%;
						margin: 0px 0px 10px 0px;
						}

				#comments .comment {
					border: 1px solid #eee;
					padding: 10px 10px 0px 10px;
					margin: 0px 0px 10px 0px;
					}
				#comments .comment-reply {
					border: 1px solid #eee;
					padding: 10px 10px 0px 10px;
					margin: 0px 0px 20px 15px;
					}


		/* index * ========================= */
		#index {
			float: left;
			text-align: left;
			width: 470px;
			}

			#index h2 {
				font-size: 85%;
				line-height: 180%;
				padding: 0px 0px 5px 0px;
				margin: 0px 0px 15px 0px;
				border-bottom: 2px solid #000;
				}

		/* archive * ========================= */
		.archive {
			float: left;
			text-align: left;
			width: 650px;
			}

			.archive h1 {
				font-size: 120%;
				line-height: 200%;
				padding: 0px 0px 5px 0px;
				margin: 0px 0px 15px 0px;
				border-bottom: 2px solid #000;
				}

			/* summary * ========================= */
			.summary {
				margin: 0px 0px 0px 0px;
				}

				.summary .date {
					font-size: 70%;
					line-height: 150%;
					margin: 0px 0px 3px 0px;
					}
				.summary .thumb {
					float: left;
					margin: 0px 10px 10px 0px;
					background: #eee;
					}
				.summary h3 {
					font-size: 85%;
					line-height: 160%;
					margin: 0px 0px 5px 0px;
					}
				.summary h4 {
					font-size: 75%;
					line-height: 160%;
					margin: 0px 0px 5px 0px;
					}
				.summary p {
					font-size: 80%;
					line-height: 160%;
					margin: 0px 0px 10px 0px;
					}


		/* side * ========================= */
		#side {
			float: left;
			text-align: left;
			width: 180px;
			position: relative;
			left: 10px;
			}

			#side h2 {
				font-size: 85%;
				line-height: 180%;
				padding: 0px 0px 5px 0px;
				margin: 0px 0px 15px 0px;
				border-bottom: 2px solid #000;
				}
			#side ul {
				list-style: none;
				margin: 0px 0px 20px 0px;
				}

				#side ul li {
					font-size: 80%;
					line-height: 160%;
					margin: 0px 0px 8px 0px;
					}

			.bn_profile {
				}

				.bn_profile a {
					display: block;
					text-indent: -9999px;
					overflow: hidden;
					width: 200px;
					height: 150px;
					background: url(/img/bn_profile.gif) no-repeat left top;
					border-bottom: 1px solid #666;
					}

					.bn_profile a:hover {
						background-position: left bottom;
						border-bottom: 1px solid #09c;
						}

		/* side2 * ========================= */
		#side2 {
			float: right;
			text-align: left;
			width: 200px;
			position: relative;
			margin: 50px 0px 0px 0px;
			right: 0px;
			}

			#side2 ul {
				list-style: none;
				margin: 0px 0px 20px 0px;
				}

				#side2 ul li {
					font-size: 80%;
					line-height: 160%;
					margin: 0px 0px 8px 0px;
					}
			#side2 h2 {
				font-size: 85%;
				line-height: 180%;
				padding: 0px 0px 5px 0px;
				margin: 0px 0px 15px 0px;
				border-bottom: 2px solid #000;
				}
			#side2 dl {
				list-style: none;
				margin: 0px 0px 20px 0px;
				}

				#side2 dl dt {
					font-size: 80%;
					line-height: 160%;
					margin: 0px 0px 2px 0px;
					}
				#side2 dl dd.date {
					font-size: 75%;
					line-height: 150%;
					margin: 0px 0px 2px 0px;
					}
				#side2 dl dd.comment {
					font-size: 75%;
					line-height: 150%;
					margin: 0px 0px 10px 0px;
					}

/* foot * ========================= */
#foot {
	clear: both;
	text-align: left;
	width: 870px;
	margin: 0px auto 0px auto;
	padding: 10px 0px;
	background: #f6f6f6;
	}

	#foot .logo {
		float: left;
		position: relative;
		left: 10px;
		}

	#foot address {
		display: block;
		float: left;
		position: relative;
		font-size: 80%;
		font-style: normal;
		line-height: 150%;
		margin: 0px 0px 5px 0px;
		}

		#foot address.ci {
			left: 20px;
			}
		#foot address.co {
			left: 60px;
			}

		#foot address a {
			color: #000;
			}

	#foot p {
		font-size: 80%;
		line-height: 150%;
		margin: 0px 0px 5px 10px;
		}