@charset "utf-8";

/* 初期化 */
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd
{ margin:0; padding:0; }

html, body { height:100%; } /* 背景を下まで伸ばす */
body {
	font-size: 90%;
	font-family: sans-serif;
	background-color: #000;
	color: #fff;
}
a img { border: none; }

/* リンク */
a { text-decoration:none; color:#e9e857; }
/*a:visited { text-decoration:none; color:#e9d457; }*/
a:hover { text-decoration:underline; }

/* 左右のブロック */
#top, #history, #about { height: 100%; min-height: 100%; /* 背景を下まで伸ばす */ }
#left {
	width: 400px;
	float: left;
	height: 100%; /* 背景を下まで伸ばす */
	min-height: 100%; /* 背景を下まで伸ばす */
	background: url(./flugelhorn400.jpg) no-repeat #000;
	color: #fff;
	line-height: 1.2;
/*	position: fixed;*/
}
#right {
	line-height: 1.3;
	margin-left: 412px;
	max-width: 520px;
}
#foot {
	width:100%;
	clear:left;
}
#top > #left,
#history > #left,
#about > #left
 { height:auto; } /* 背景を下まで伸ばす */

/* #left */
.lcontainer { /* コンテナ */
	padding-top: 20px;
}
h1 {
	font-weight:normal;
	font-size:180%;
	margin: 0 12px;
	line-height:1.0;
	text-align: right;
	height:50px;
}
h1, h1 a, h1 a:visited, h1 a:hover { text-decoration:none; color:#fff; }
.ars { font-family:Georgia; font-weight:bold; text-shadow:2px 2px 6px #999; }
.ars2 { font-size:50%; }

#left h2 {
	margin: 10px 18px 11em;
	text-align: right;
	font-size: 100%;
	font-weight: bold;
}
.lsection {
	text-align: right;
	font-size: 86%;
	margin: 1em 12px; 1em 12px;
}
.lsection ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
.lsection ul li {
}
.lsectiontitle {
	font-weight: bold;
}

span.part {
	font-weight: bold;
}

/* #right */
#top .rcontainer { /* トップページのコンテナ */
	padding-top: 20px;
}
#history .rcontainer,
#about .rcontainer { /* 下位ページのコンテナ */
	padding-top:80px;
}
#history .rcontainer ul,
#about .rcontainer ul
 {
	list-style-type: none;
	margin: 0 0 0.3em 0;
	padding: 0;
}
#history .rcontainer dd ul
#about .rcontainer dd ul {
	list-style-type: disc;
}
#history .rcontainer ul ul,
#about .rcontainer ul ul,
#history .rcontainer dd ul ul,
#about .rcontainer dd ul ul {
	list-style-type: none;
	margin: 0 0 0 1em;
	padding: 0;
}
#history .rcontainer .rsection,
#about .rcontainer .rsection {
	margin-bottom: 1em;
}

#right h2 { font-size:92%; font-weight:normal; margin: 6px 0 1em;}
h3 { font-size:120%; font-weight:bold; margin: 1em 0; }
#right dt { margin:0 0 0.5em; font-weight:bold; }
#right dd { margin:0 0 0.5em 2.5em; }
#right p { margin:0.5em 0; }