@charset "utf-8";

/*****************************  GENERAL STYLE  *****************************/

body {
	font-size:62.5%;
	font-family: verdana,"trebuchet ms",sans-serif;
	margin: 0;
	padding: 0;
	line-height:1.5;
	background:url(../images/bg.gif) repeat-x #EDF2F6;
	color:#64aaff;
}

a img { border: 0; }

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
	}
	
h1, h2, h3, h4, h5, h6, p, pre, blockquote{
	margin: 0;padding: 0;
	}

ul,ol {
	list-style: none;
}

ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}


.Clear {
	clear: both;font: 0pt/0pt sans-serif;
	}

.clearfloat {
	clear:both;
	height:0px;
}

img {
	border: 0px;
	}

a:link, a:visited{
	color:#0a7e8f;
	text-decoration: none;
}
a:hover{
	color: #0f94a8;
	text-decoration: underline;
}

* {
	zoom: 1;
}


#wrap{
	background:url(../images/bg_shadow.gif) repeat-y center bottom;
	width:870px;
	text-align:center;
	margin:0 auto;
	height:100%;
	}

dl.playInfo{
	font-size:1.2em;
	font-weight:bold;
	width:296px;
	height:60px;
	}

dl.playInfo dt{
	color:#9c0000;
	}

dl.playInfo dd{
	color:#00439e;
	}


dl.playInfo dd .date{
	font-weight:normal;
	}

.hand{
	cursor: pointer;}

.txtL{
	font-size:1.2em;
	}

.txtS{
	font-size:0.8em;
	}

.txtLL{
	font-size:1.6em;
	font-weight:bold;
	}

/* TOP */


body#top #wrap #content{
	background:url(../images/top.jpg) no-repeat;
	width:870px;
	text-align:left;
	}

body#top #wrap #content h1{
	padding:0 0 0 5px;
	float:left;
	}

body#top #wrap #content #news{
	width:300px;
	height:80px;
	float:right;
	padding:25px 15px 0 0;
	}

body#top #wrap #content #news dl{
	width:280px;
	height:70px;
	padding:5px 10px;
	overflow:auto;
	}

body#top #wrap #content #topCd{
	width:640px;
	margin:8px 0 0 15px;
	float:left;
	}
	 
*html body#top #wrap #content #topCd{
	padding:8px 0 0 15px;
	margin:0;
	}
	
body#top #wrap #content h2{
	margin:0 0 5px 0;
	}

*:first-child+html body#top #wrap #content #topRadio h2{
	margin-bottom:-5px;
	}
	
*html body#top #wrap #content #topRadio h2{
	margin-bottom:-10px;
	margin-top:8px;
	}
	
body#top #wrap #content #topCd ul li{
	display:inline;
	}
	
body#top #wrap #content #topCd ul li img{
	margin:0 10px 10px 0;
	}
			
body#top #wrap #content #topCd ul li.cdRight img{
	margin:0 0 10px 0;
	}

body#top #wrap #content #topRadio{
	width:190px;
	margin:8px 0 0 665px;
	}
	
*html body#top #wrap #content #topRadio{
	padding:3px 0 0 7px;
	margin:0;
	}

body#top #wrap #content #topRadio ul{
	margin:0;
	}

*html body#top #wrap #content #topRadio ul{
	margin-top:15px;
	}
*:first-child+html body#top #wrap #content #topRadio ul{
	margin-top:10px;
	}
	
body#top #wrap #content #topRadio ul li img{
	margin:0 0 4px 0;
	}


/* radio */

body#radio #content{
	background:url(../webradio/images/radio.jpg) no-repeat;
	width:870px;
	height:578px;
	text-align:left;
	position:relative;
	}
body#radio #content100105{
	background:url(../webradio/images/radio100105.jpg) no-repeat;
	width:870px;
	height:578px;
	text-align:left;
	position:relative;
	}

body#radio h1{
	margin-left:5px;
	}
body#radio h2{
	margin:11px 0 0 12px;
	}

body#radio h3{
	position:absolute;
	left:542px;
	top:82px;
	}

body#radio p.nextInfo{
	position:absolute;
	color:#FF0000;
	font-weight:bold;
	left:572px;
	top:112px;
	font-size:1.2em;
	}

#backTop{
	position:absolute;
	left:705px;
	top:0;
	}

#playMenu{
	position:absolute;
	left:13px;
	top:336px;
	}

#playMenu ul li{
	padding-bottom:11px;
	}

#playMenu ul li #play{
	background:url(../webradio/images/play.gif) no-repeat;
	width:314px;
	height:115px;
	}

#playMenu ul li p{
	padding:10px 0 0 5px;
	margin:0;
	}

	
#playMenu ul li dl{
	margin:4px 0 0 17px;
	width:287px;
	height:59px;
	display:block;
	overflow:auto
	}


	
#playMenu ul li.backnumberLi{
	padding-bottom:0;
	}

#playMenu ul li #backnumber{
	background:url(../webradio/images/backnumber.gif) no-repeat;
	width:314px;
	height:115px;
	}
#otherMenu{
	position:absolute;
	left:331px;
	top:496px;
	}

#otherMenu ul li{
	display:inline;
	padding-right:7px;
	}

#otherMenu ul li.otayoriLi{
	padding-right:0;
	}

body#radio #corner{
	background:url(../webradio/images/corner_bg.gif) repeat-y top;
	}

body#radio #corner dl{
	padding:21px 0 0 13px;
	}
body#radio #corner dt{
	margin-right:10px;
	display:inline;
	float:left;
	}
	
body#radio #corner dd{
	display:inline;
	}

/* blog */
body#blog #content{
	background:url(../blog/images/blog.jpg) no-repeat;
	width:870px;
	text-align:left;
	}
	
#header{
	width:860px;
	text-align:left;
	}
	
body#blog #header h1{
	margin-left:5px;
	float:left;
	display:inline;
	}

body#blog #header p{
	margin-left:701px;
	}

*html body#blog #header p{
	float:right;
	margin:0;
	}
	
body#blog #blogBox{
	width:509px;
	padding:23px 13px 0 12px;
	float:left;
	}
	
	
body#blog #blogBox dl.month{
	margin:10px 0;
	font-size:1.0em;
	text-align:left;
	clear:both;
	}

body#blog #blogBox dl.month dt{
	margin:0 0 0 10px;
	color:#00439e;
	float:left;
	width:50px;
	clear:both;
	padding:0;
	}

body#blog #blogBox dl.month dd{
	padding:0;
	border-bottom:none;
	margin:0 0 0 70px;
	}
	
body#blog #blogBox dl{
	margin:6px 0 40px 8px;
	font-size:1.2em;
	}

body#blog #blogBox dt{
	font-weight:bold;
	color:#ff5298;
	margin-bottom:10px;
	}
	
body#blog #blogBox dd{
	color:#00439e;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #64aaff;
	}
	
body#blog #radioBox{
	width:316px;
	margin:23px 20px 0 534px;
	}

*html body#blog #radioBox{
	margin:23px 10px 0 0;
	float:right;
	}

body#blog #radioBox #play{
	background:url(../blog/images/play.gif) no-repeat;
	width:316px;
	height:223px;
	margin-bottom:11px;
	}

body#blog #radioBox #play p.playBtn{
	padding:44px 0 0 5px;
	}


body#blog #radioBox #play dl{
	margin:4px 0 0 16px;
	width:289px;
	height:41px;
	display:block;
	overflow:auto
	}
	

body#blog #radioBox #play p.backnumberBtn{
	padding:7px 0 0 5px;
	}

body#blog #radioBox #otayori{
	background:url(../blog/images/otayori.gif) no-repeat;
	width:316px;
	height:122px;
	}

#radioBox #otayori p.otayoriBtn{
	padding:42px 0 0 5px;
	}

#radioBox #otayori p.otayoriTxt{
	margin:6px 0 0 8px;
	text-align:left;
	}

/* footer */


#footer{
	clear:both;
	text-align:center;
	padding:20px 0 10px 0;
	width:860px;
	margin:0 5px 0 5px;
	border-bottom:#000 solid 15px;
	}
	
#footer ul{
	text-align:center;
	}
	
#footer ul li{
	display:inline;
	
	}

#footer ul li img{
	border-right:1px solid #000;
	padding:0 17px;
	}

#footer ul li.footerRight img{
	border-right:none;
	}

#copy{
	clear:both;
	margin-top:20px;
	}

.txtRed{
color:#9c0000;
}

/* clearfix */
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

*:first-child+html .clearfix{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}