@import url(common.css);

#wrap{background: url(../images/bg_blue.jpg) repeat;}
#cont{background: url(../images/main_bg_btm.jpg) repeat-x bottom;}
h1 a,#mainCont h2 a,p#btnDiary a,
p#btnTop a{
height:0;
overflow:hidden;
display:block;
font-size:1.0em;
}
.fwb{font-weight:bold;}
.fzb{font-size:1.4em;}
.tdu{text-decoration:underline;}
.bd{border:1px solid #000;}

/* main */

#wrap #main{
width:980px;
margin:0 auto;
overflow:hidden;
background: url(../images/menu_bg.gif) no-repeat left bottom;
}


/* menu */

#main #menu{
width:250px;
float:left;
}
#menu h1{
width:250px;
height:257px;
}
#menu h1 a{
width:250px;
padding-top:257px;
background: url(../images/oalogo.jpg) no-repeat left top;
}
#menu p#date{
width:250px;
padding-top:141px;
background: url(../images/oadate.jpg) no-repeat left top;
}
#menu #archive{
width:240px;
margin-left:10px;
background: url(../images/shelf_bg.gif) repeat-y left top;
}
#archive ul{
width:212px;
padding:18px 0 0 28px;
overflow:hidden;
margin:0;
}
#archive ul li{
float:left;
width:97px;
margin:0;
height:124px;
}
#archive ul li p{
width:89px;
height:16px;
padding:0 0 10px 8px;
margin:0;
display:block;
}
#archive ul li a img{
vertical-align:bottom;
}

#archive p.line{
width:240px;
height:15px;
background: url(../images/shelf_line.gif) no-repeat left top;
font-size:0.1em;
line-height:0.1em;
margin:0;
}


/* onair */

#main #onairWrap{
width:730px;
background: url(../images/onair_bg.jpg) repeat-y 26px top;
float:right;
}
#onairWrap #onairCont{
width:730px;
background: url(../images/onair_bg_btm.gif) no-repeat left bottom;
}
#onairCont #onair{
width:580px;
background: url(../images/onair_bg_top.gif) no-repeat left top;
padding:0 75px 0 75px;
position:relative;
}
#onair #bc{
width:346px;
height:200px;
background: url(../images/bc_bg.png) no-repeat left top;
position:absolute;
top:54px;
right:30px;
padding:17px 0 0 20px;
}
#onair #onairTxt{padding:70px 0;}
p#mWaku{
width:325px;
height:220px;
font-size:0.1em;
line-height:0.1em;
float:right;
}
#onair p#onairDate{
width:150px;
padding:2px 15px;
font-weight:bold;
background-color:#f3e35e;
margin-bottom:5px;
}
.fwbp{
font-weight:bold;
color:#ea0978;
}
p.photo{
padding:10px 0;
text-align:center;
}
ul#pn{
background: url(../images/onair_line_btm.gif) no-repeat left top;
width:560px;
height:50px;
margin:10px auto;
padding-top:17px;
}
ul#pn li{
font-weight:bold;
color:#ccc;
}
ul#pn li.prev{float:left;}
ul#pn li.next{float:right;}
ul#pn li a{
text-decoration:none;
font-weight:bold;
color:#ea0978;
}
ul#pn li a:hover{text-decoration:underline;}
p#btnTop{
width:248px;
height:80px;
bottom:0;
right:38px;
position:absolute;
background: url(../images/btn_top_bg.png) no-repeat left top;
}
p#btnTop a{
width:248px;
padding-top:80px;
background: url(../images/btn_top.gif) no-repeat left top;
margin:0;
}
p#btnTop a:hover{background: url(../images/btn_top_on.gif) no-repeat left top;}


/* btm */

p#btm{
clear:both;
width:980px;
height:50px;
background: url(../images/inmain_btm.gif) no-repeat left top;
margin:0 auto;
font-size:0.1em;
line-height:0.1em;
}