@charset "UTF-8";

* {
 margin: 0px;
 padding: 0px;
 border: 0;
}

p,h1,h2,h3,h4,h5,h6,pre,dl,ul,li,ol,th,td, address,div {
 font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Arial, "ＭＳ Ｐゴシック", sans-serif;
}
p,h1,h2,h3,h4,h5,h6,pre,dl,ul,li,ol,input,textarea,th,td, address,div {
 font-size: 10pt;
 line-height: 150%;
 /*letter-spacing: 0.05em;*/
 color: #526657;
}

#out_frame {
 width: 765px;
 text-align: left;
 margin: 0;
 padding: 0;
 background: url(./images/header.jpg) #ffffff no-repeat;
}

#header {
 background: transparent;
 height: 240px;
 width: 100%;
}

/* ヘッダとフッタの間の領域 */
.main_container {
 margin: 5px 0px 0px 5px;
 background: transparent;
 zoom: 100%;			/* 回り込みを自動解除するための指定（for IE） */
}
.main_container:after{	/* 回り込みを自動解除するための指定（for IE以外） */
 content: " ";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

.content {
 width: 520px;
 float:right;
 background: #ffffff;
}

.article {
 border: 1px solid #A0A2A0;
 padding: 1px;
 margin: 0 0 0.5em 0;
}

.sect {
 padding: 0px 5px;
 border-style: solid;
 border-color: #defde0;
 border-width: 1px 1px 1px 3px;
 margin: 0;
}
/* セクションのメモ */
.sect_note {
 padding: 0px 5px;
 background: #defde0;
 color: #98a1b1;
 text-align: right;
 font-size: 80%;
}
/* sec_note内のリンク */
.sect_note a {
 font-size: 100%;
}

.side {
 width: 230px;
 float:left;
}

#footer {
 /*background: url(./images/footer.jpg) #7bdd49 no-repeat;*/
 background-color: #7bdd49;
 text-align: center;
 color: #f0f1f0;
 font-weight: bold;
 font-size: 10pt;
 line-height: 1.4em;
 padding: 3px;
 clear: both;
}

.align_right {
 float: right;
}
.align_left {
 float: left;
}

img.align_right {
 float: right;
 margin: 0.4em;
 border: 1px solid #7bdd49;
}
img.align_left {
 float: left;
 margin: 0.4em;
 border: 1px solid #7bdd49;
}
img.align_none {
 margin: 0.4em;
 border: 1px solid #7bdd49;
}

/* リンク */
a {
 margin: auto 1pt;
 text-decoration: underline;
}
a:link {
 color : #1138a6;
}
a:visited {
 color : #022587;
}
a:active {
 color : #c375ff;
}
a:hover {
 color : #9e54d7;
}

.noborder {
 border: 0;
}


h1 {
 visibility: hidden;
 color: transparent;
}
h2 {
 font-weight: bold;
 font-size:14pt;
 /*background: url(./images/footer.jpg) #7bdd49 no-repeat;*/
 background-color: #7bdd49;
 color: #ffffff;
 padding: 3px 6px;
}
h3 {
 font-weight: bold;
 font-size:12pt;
 background: #defde0;
 padding: 2px 6px;
 border-left: 3px solid #7bdd49;
}
h4 {
 font-weight: bold;
 padding: 2px;
}

p {
 margin: 7pt 0;
 padding: 0;
}

dl {
 margin: 0.5em 0;
}
dt {
 font-weight: bold;
}
dd {
 margin-left: 1em;
}

ul {
 margin: 0.5em 1em 0.5em 2.5em;
}
ol {
 margin: 0.5em 1em 0.5em 2.5em;
}
ul.update, ol.update {
 margin: 0 1em;
}

th, td {
 padding: 5px;
}

th.music_list, td.music_list {
 vertical-align:top;
}

th.head, td.head {
 background-color: #209050;
 color: #f8fff8;
}

input {
 line-height: 100%;
 border: 1px solid #b0e0c0;
 padding: 1px;
}

textarea {
 line-height: 100%;
 border: 1px solid #b0e0c0;
 padding: 1px;
}

code {
 margin: auto 2px;
}

em {
 font-style: normal;
 font-weight: bold;
}
strong {
 font-weight: bold;
 text-decoration: underline;
}

.small {
 font-size: 80%;
}