@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%;
}

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

abbr,acronym {
	border: 0;
}

/* ul,liの縦並び時スペース回避 */

li {
	line-height: 0;
	font-size: 1px;
	text-decoration: none;
}


/* 全体・共通部分 */

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

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #CC0000;
	text-decoration: none;
}

#wrap {
	margin: 0 auto;
	width: 730px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	background: #FFFFFF url(../img/body_bg.gif) left repeat-y;
}

#head {
	width: 730px;
	height: 340px;
	background-color: #FFFFFF;
}

.logo {
	width: 70px;
	height: 50px;
	line-height: 50px;
	background-color: #FFFFFF;
	float: left;
	text-align: center;
}

.logo2 {
	width: 320px;
	height: 50px;
	line-height: 50px;
	background-color: #FFFFFF;
	float: left;
	text-align: left;
}

.logo_link {
	width: 230px;
	height: 50px;
	line-height: 50px;
	background: #FFFFFF url(../img/logo2.gif) left top no-repeat;
	display: block;
	text-decoration: none;
}

.hidden {
	display: none;
	font-size: 0px;
}

.sitemap {
	width: 330px;
	height: 50px;
	line-height: 50px;
	padding-right: 10px;
	float: left;
	background: #FFFFFF url(../img/header1.gif) right no-repeat;
	text-align: right;
}

.sitemap a{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.sitemap a:hover {
	background-color: #990000;
}

#navi {
	width: 180px;
	padding: 10px;
	float: left;
	background: #FFFFFF url(../img/body_bg.gif) repeat-y;
	text-align: center;
}

.navigation {
	width: 180px;
	margin: 0 0 10px 0;
	border: solid 1px #666666;
}

.category {
	width: 160px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	background: #FFFFFF url(../img/border10.gif) repeat;
}

.menu {
	width: 180px;
	height: 25px;
	line-height: 25px;
	color: #333333;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	border-top: solid 1px #666666;
	background: #FFFFFF url(../img/list_bg.gif) right bottom no-repeat;
}

.menu a {
	display: block;
	width: 180px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}


.menu a:hover {
	background: #FFFF99 url(../img/list_bg2.gif) right bottom no-repeat;
}

.menu img {
	margin: 0 10px 0 10px;
	vertical-align: middle;
}

#contents {
	width: 510px;
	padding: 10px 10px 10px 0;
	float: right;
	background-color: #FFFFFF;
}

#contents a:hover {
	position: relative; top: 1px; left: 1px;
}

#contents ul {
	margin: 0 10px 20px 20px;
}

#contents li {
	line-height: 150%;
}

.history li {
	font-size: 13px;
}

.pdf li {
	margin: 0 10px 0 20px;
	list-style-image: url(../img/icon_pdf.gif);
	font-size: 13px;
}

.mp3 li {
	margin: 0 10px 0 20px;
	list-style-image: url(../img/icon_mp3.gif);
	font-size: 13px;
}

.adobe {
	margin: 0 10px 0 10px;
	text-align: left;
}

.adobe li {
	margin: 0 5px 0 0;
	text-align: left;
	vertical-align: top;
}

.adobe li.adobe_l {
	width: 112px;
	float: left;
}

.adobe li.adobe_r {
	width: 348px;
	float: left;
	font-size: 11px;
}

.lyric {
	margin: 0 0 10px 0;
	padding: 0;
	width: 220px;
	list-style-type: decimal;
	float: left;
}

.lyric li {
	margin: 0 0 0 50px;
	padding: 0;
	font-size: 13px;
}

.mp3player {
	margin: 0;
	padding: 0;
	width: 200px;
	float: right;
}

.mp3player_txt {
	margin: 0;
	padding: 0;
	width: 200px;
	font-size: 80%;
	color: #333333;
	text-align: left;
	vertical-align: top;
}

.mp3player_swf {
	margin: 0;
	padding: 0;
	width: 200px;
	font-size: 80%;
	color: #333333;
	text-align: left;
	vertical-align: top;
}

.env {
	list-style-type: disc;
}

.env li {
	margin: 0 10px 0 20px;
	font-size: 13px;
}

.env li a {
	font-weight: bold;
}

.address li {
	font-size: 13px;
}

.breadcrumb {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 11px;
	text-align: right;
}

.song_writer {
	margin: 0 10px 20px 10px;
	padding: 0;
	border-bottom: solid 1px #CCCCCC;
	text-align: right;
}

h2 {
	margin: 0 0 20px 0;
	padding: 3px 10px 2px 10px;
	font-size: 15px;
	background: #FFFFFF url(../img/h2_bg.gif) repeat;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #990000;
	border-left: solid 10px #990000;
}

h3 {
	margin: 0 0 20px 10px;
	padding: 2px 10px 1px 10px;
	font-size: 13px;
	background-color: #FFFFFF;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #990000;
	border-left: solid 5px #990000;
	clear: both;
}

h3.square {
	margin: 0 0 20px 10px;
	padding: 2px 10px 1px 0;
	font-size: 13px;
	background-color: #FFFFFF;
	border: none;
	vertical-align: middle;
}

h3.square img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

p {
	padding: 0 10px 20px 10px;
}

.map {
	margin: 0 0 20px 10px;
}

.arw {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

#footer {
	width: 730px;
	clear: both;
	background: #FFFFFF url(../img/border10_2.gif) repeat;
}

.footer1 {
	width: 725px;
	height: 20px;
	line-height: 20px;
	padding: 0 5px 0 0;
	color: #333333;
	font-size: 11px;
	text-align: right;
	vertical-align: middle;
	background: #FFFFFF url(../img/border10_2.gif) repeat;
}

.footer2 {
	width: 725px;
	height: 25px;
	line-height: 25px;
	padding: 0 5px 0 0;
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
	vertical-align: middle;
	background: #FFFFFF url(../img/border10.gif) repeat;
}