@charset "utf-8";
/* CSS Document */

/* YUI reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
	vertical-align: bottom;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	clear: both;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* 全体 */

body {
	width: 100%;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #EEEEEE;
	font-size: 10px;
	color: #333333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
}

.hidden {
	display: none;
}

#wrap {
	width: 900px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
}

#head {
	width: 900px;
	head: 300px;
	margin: 0;
	padding: 0;
}

	#head h1 {
		width: auto;
		height: 60px;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	.logo {
		width: 50px;
		height: 50px;
		position: relative; top: 5px; left: 5px;
	}
	
	.logo2 {
		width: 300px;
		height: 50px;
		position: relative; top: 5px; left: 5px;
	}
	
	.sitemap {
		width: auto;
		height: 60px;
		line-height: 60px;
		position: relative; right: 5px;
		float: right;
	}
	
	.sitemap a {
		font-size: 120%;
		color: #3366FF;
		text-decoration: none;
	}
	
	.sitemap a:hover {
		color: #FFFFFF;
		background-color: #9999FF;
	}
	
	.key_v {
		width: 900px;
		height: 250px;
		clear: both;
	}

#contents {
	width: 690px;
	height: auto;
	float: right;
	margin: 10px 0;
	position: relative; right: 10px;
}

	#contents a {
		color: #3366FF;
		text-decoration: none;
	}
	
	#contents a:hover {
		position: relative; top: 1px; left: 1px;
	}
	
	h2 {
		width: 685px;
		height: 180%;
		line-height: 180%;
		margin-bottom: 10px;
		font-size: 150%;
		text-indent: 10px;
		border-left: double 5px #6666FF;
		border-bottom: solid 1px #6666FF;
	}

	h3 {
		width: 675px;
		height: auto;
		line-height: 150%;
		position: relative; left: 10px;
		margin-bottom: 10px;
		font-size: 130%;
		text-indent: 10px;
		border-left: double 5px #6666FF;
		border-bottom: solid 1px #6666FF;
	}
	
	h3.square {
		width: 680px;
		height: auto;
		font-size: 140%;
		text-indent: 0;
		border: none;
	}
	
	h4 {
		width: 665px;
		height: auto;
		line-height: 150%;
		position: relative; left: 20px;
		margin-bottom: 10px;
		font-size: 130%;
		text-indent: 10px;
		border-left: solid 5px #6666FF;
		border-bottom: solid 1px #6666FF;
	}
	
	h5 {
		width: 655px;
		height: auto;
		line-height: 150%;
		position: relative; left: 30px;
		margin-bottom: 10px;
		font-size: 130%;
		text-indent: 10px;
		border-left: solid 5px #6666FF;
		border-bottom: solid 1px #6666FF;
	}

	#contents li {
		line-height: 120%;
	}
	
	ul.news {
		width: 600px;
		height: auto;
		font-size: 130%;
		margin-bottom: 10px;
		position: relative; left: 10px;
	}
	
	ul.pdf {
		width: 550px;
		height: auto;
		font-size: 130%;
		margin-bottom: 10px;
		padding-left: 50px;
		list-style-image: url(../img/icon_pdf.gif);
	}

	ul.mp3 {
		width: 550px;
		height: auto;
		font-size: 130%;
		margin-bottom: 10px;
		padding-left: 50px;
		list-style-image: url(../img/icon_mp3.gif);
	}
	
	ul.history {
		width: 600px;
		height: auto;
		font-size: 130%;
		margin-bottom: 10px;
		position: relative; left: 10px;
	}
	
	iframe.g_map {
		position: relative; left: 30px;
		margin-bottom: 10px;
		border: solid 1px #666666;
	}
	
	ul.map {
		width: 550px;
		height: auto;
		font-size: 130%;
		margin-bottom: 10px;
		padding-left: 50px;
		list-style-image: url(../img/icon_yajirushi.gif);
	}
	
	ul.env {
		width: 550px;
		height: auto;
		font-size: 130%;
		margin-bottom: 10px;
		padding-left: 50px;
		list-style-type: square;
	}
	
	ol.song {
		width: 360px;
		height: auto;
		font-size: 130%;
		list-style-type: decimal;
		padding-left: 30px;
		margin-bottom: 20px;
		float: left;
	}
	
	ol.song li {
		margin-bottom: 10px;
	}
	
	object.mp3player {
		width: 200px;
		height: 80px;
		margin-right: 30px;
		float: right;
	}

	object.movie {
		margin-left: 20px;
		margin-bottom: 20px;
	}
	
	dl.adobe {
		width: 600px;
		height: auto;
		margin-bottom: 10px;
		font-size: 110%;
		position: relative; left: 10px;
	}
	
	dl.access dt {
		width: 600px;
		height: auto;
		font-size: 130%;
		position: relative; left: 10px;
	}
	
	dl.access dd {
		width: 590px;
		height: auto;
		margin-bottom: 10px;
		font-size: 130%;
		position: relative; left: 20px;
	}
	
	img.photo {
		width: 160px;
		height: 120px;
		margin-left: 10px;
		margin-bottom: 10px;
		border: solid 1px #666666;
	}
	
	img.icon_square {
		margin: 0 5px 0 0;
		vertical-align: middle;
		position: relative; top: -1px;
	}
	
	#contents p {
		width: 640px;
		height: auto;
		font-size: 130%;
		position: relative; left: 10px;
		margin-bottom: 10px;
		line-height: 120%;
	}

	p.song_credit {
		text-align: right;
	}

	dl.photo {
		width: 240px;
		height: auto;
		display: block;
		float: left;
		margin-left: 10px;
		margin-bottom: 20px;
	}

	dt.text {
		width: 640px;
		height: auto;
		display: block;
		}

	dt.text .box {
		width: 640px;
		height: 30px;
		margin: 0;
		padding-left: 10px;
		display: block;
		border: solid 1px #666666;
		vertical-align: middle;
		line-height: 30px;
	}

	dd.photo_frame {
		width: 240px;
		height: 180px;
		display: block;
		border: solid 1px #666666;
		margin-top: 10px;
	}

	dl.gallery {
		width: 400px;
		height: auto;
		display: block;
		font-size: 130%;
		float: right;
		margin-top: 40px;
		margin-right: 10px;
		margin-bottom: 20px;
	}

#emNews {
	width: 690px;
	height: auto;
	margin-bottom: 10px;
	}

	#emNews h2 {
		color: #FF0000;
	}

	#emNews #emText {
		width: 620px;
		height: auto;
		position: relative; left: 30px;
		font-size: 130%;
	}

	#emNews ul {
		width: 600px;
		height: auto;
		position: relative; left: 30px;
		margin: 10px 0;
		list-style-type: square;
	}

#menu {
	width: 180px;
	height: auto;
	float: left;
	margin-top: 10px;
	position: relative; left: 10px;
	font-size: 130%;
	line-height: 180%;
}

	#menu ul li.category {
		width: 180px;
		height: auto;
		margin-bottom: 10px;
		font-weight: bold;
	}
	
	img.icon {
		margin: 0 5px;
		vertical-align: middle;
		position: relative; top: -1px;
	}
	
	#menu ul.menu_list {
		border-left: dotted 1px #666666;
		position: relative; left: 25px;
	}
	
	#menu ul.menu_list li {
		width: 140px;
		height: auto;
		text-indent: 10px;
		font-weight: normal;
	}
	
	#menu ul.menu_list li a {
		color: #3366FF;
		text-decoration: none;
		display: block;
	}
	
	#menu ul.menu_list li a:hover {
		color: #FFFFFF;
		background-color: #9999FF;
	}
	
	img.counter {
		width: 0px;
		height: 0px;
	}

#count {
	width: auto;
	height: auto;
}

	#count li.c_total {
		color: #333333;
	}

	#count li.c_today {
		color: #3366FF;
	}

	#count li.c_yesterday {
		color: #FF3366;
	}

	#count li {
		font-size: 100%;
	}

#foot {
	width: 900px;
	height: auto;
	clear: both;
}

	h6 {
		width: 880px;
		height: auto;
		margin: 0;
		padding: 0 10px;
		line-height: 150%;
		font-size: 120%;
		text-align: right;
		color: #333333;
	}
	
	h6.address {
		background: url(../img/bg_footer1.gif) repeat;
	}
	
	h6.copyright {
		background: url(../img/bg_footer2.gif) repeat;
	}