@charset "EUC-JP";

/* reset */
html{color:#000;background:#E6EBF0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/**/

/* common */
body {
margin:0;
background:url(../img/bg.jpg) 0 30px repeat-x;
padding: 0;
text-align: left;
font-size:100%;
line-height:1em;
}
strong {
font-weight:bold;
}
a:link		{ color: #93ABBF; text-decoration: none; }
a:visited	{ color: #93ABBF; text-decoration: none; }
a:active	{ color: #FF0066; text-decoration: underline; }
a:hover		{ color: #FF0066; text-decoration: underline; }

#footer a:link		{ color: #E6EBF0; text-decoration: none; }
#footer a:visited	{ color: #E6EBF0; text-decoration: none; }
#footer a:active	{ color: #83B3E5; text-decoration: underline; }
#footer a:hover		{ color: #83B3E5; text-decoration: underline; }

.title a:link {color: #FF0066;text-decoration: none;}
.title a:visited {color: #FF6666;text-decoration: none;}
.title a:active {color: #FF0066;text-decoration: underline;}
.title a:hover {color: #FF0066;text-decoration: underline;}
/**/

#header {
margin:0 auto;
width:803px;
text-align:center;
}
#container {
background:url(../img/contents_bg.gif) 0 0 repeat-y #FAF0D7;
margin:0 auto 20px auto;
width:763px;
text-align:center;
}
#contents {
background:#FAF0D7;
margin:10px 13px 10px 10px;
}
#contents:after {
display: block;
clear: both;
visibility: hidden;
height: 0.1px;
line-height: 0;
font-size: 0.1em;
content: ".";
}
#contents {display: inline-block;}
#contents {zoom: 100%;}

#main {
float:right;
width:524px;
text-align:left;
}
#side {
float:left;
width:206px;
text-align:left;
margin-right:10px;
}

#footer {
background:#330000;
padding:10px;
text-align:center;
line-height:1.5em;
color:#FFFFFF;
font-size:0.8em;
}
.boxBottom {
margin-bottom:10px;
}

/* ツールバー */
iframe {
background:#000;
}

/* ヘッダー */
h1 a {
background:url(../img/header.jpg) 0 0 no-repeat;
width:800px;
height:147px;
font-size: 14px;
text-indent:-9999em;
display:block;
overflow:hidden;
}
.line {
background:url(../img/message_bg.gif) 0 0 repeat-y;
padding:5px 0 5px 15px;
}

/* 番組紹介 */
#intro {
padding:10px 10px 30px 10px;
line-height:1.3em;
color:#000000;
font-size:0.8em;
}
h2 {
font-size: 1em;
}

/* 前回の選曲リスト */
#list {
padding:10px 10px 30px 10px;
line-height:1.3em;
color:#000000;
background:#FFF;
font-size:0.8em;
}
h3 {
font-size: 1em;
margin-bottom:5px;
}
#list th,#list td {
padding:2px 5px;
border:1px solid #330000;
}
#list th {
background:#330000;
color:#FFF;
}
#table {
border-collapse: collapse;
}

.must {
color:#FF0000;
}
#message {
padding:10px 10px 30px 10px;
line-height:1.3em;
color:#000000;
font-size:0.8em;
}
#message th,#message td {
padding:2px 0;
}
#message input.txtBox {
width:350px;
}
#message input.txtBoxS {
width:50px;
}
#message input.txtBoxM {
width:150px;
}
#message textarea.txtBox {
width:350px;
height:8em;
}
#sendBtn {
background:#330000;
width:100px;
padding:3px;
margin-top:15px;
color:#FFF;
border:solid 1px #330000;
}
#resetBtn {
background:#FFF;
width:100px;
padding:3px;
margin-top:15px;
color:#330000;
border:solid 1px #330000;
}


/* サイドバー */
#prof {
padding:10px 10px 30px 10px;
line-height:1.3em;
color:#330000;
font-size:0.8em;
}

/* カレンダー */
#calender {
font-size:0.8em;
margin:10px 10px 25px 10px;
}
#calender table {
border-collapse: collapse;
}
#calender th,#calender tr,#calender caption {
text-align:center;
}
#calender caption {
padding:5px;
font-weight:bold;
color:#330000;
}
#calender th {
border:1px solid #330000;
background:#330000;
color:#FFF;
padding:3px;
}
#calender td {
border:1px solid #330000;
color:#999999;
padding:3px;
}
#calender td a {
background-color:#FFFFFF;
display:block;
font-weight:bold;
}
#calender td a:link { color: #330000; text-decoration: none; }
#calender td a:visited { color: #330000; text-decoration: none; }
#calender td a:active { color: #83B3E5; text-decoration: none; }
#calender td a:hover { color: #83B3E5; text-decoration: none; }