@charset "utf-8";

body	{
	margin:0;
	padding:0;
	background:#fff;
}
*	{	padding:0;	margin:0;	}
div,p,h1,h2,h3,h4,h5,h6,img{	margin:0;	padding:0;	}
img{	border:0;	}
a{
	text-decoration:none;
	color:#11119e;
}
img.aimage {
	padding: 4px;
	float: right;
	border: 1px solid #cccccc;
	background-color:#ffffff;
}

h2.df_title{
	background:#ccc;
	width:90%;
	font-size:14px;
	color:#223;
}
h2.df_title p{
	font-weight:bold;
}

h4{
	background:#ffeac1 url(image/bg_multi_2.gif) 0 -10px repeat-x;
	color:#114;
	border:1px solid #111;
	padding:3px 0 3px 8px;
	margin:5px 16px 5px 0;
}
ul.numlist{
	list-style-type:decimal;
}

table{
	margin:2px;
	width:99%;
	border-collapse:collapse;
	border-spacing:0pt;
}
table th{
	background:#ffeac1 url(image/bg_multi_2.gif) 0 -10px repeat-x;
	border:1px solid #c63;
	padding:4px 10px;
}

table td{
	text-align:center;
	font-size:1em;
	border:1px solid #c63;
	padding:3px 10px;
}
table td.tl{	text-align:left;	}
table caption{	display:none;	}



.f:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.fl{	float:left;	}
.left{
	float:left;
	margin:0 12px 12px 0;
}
.fr{	float:right;	}
.right{
	float:right;
	margin:0 0 12px 12px;
}
.cl{	clear:both;	}
.tr{	text-align:right;	}
.tc{	text-align:center;	}
.tl{	text-align:left;	}
.tb{	font-weight:bold;	}
.horizon li,.horizon span {	float:left;	}
.sm{	font-size:10px;	}
.hidden{	display:none;	}
.nobg{	background:#fff;	}
.vam{	vertical-align:middle;	}
.loading{	text-align:center;	padding:5px;	}
.p5{	padding:5px;	}
.p10{	padding:10px;	}
.point{
	font-weight:bold;
	color:#f36;
}
.alt{	background:#eee;	}
.cantlisten{
	border:1px solid #c63;
	background:#eee;
}
.w150{	width:150px;	}

/****************************************************************/
/*************************  SUPER_WRAP  *************************/
/****************************************************************/
div#great_wrap{
	width:99%;
}
div#great_wrap ul#styleswitcher{
	display:none;
}

div#super_wrap{
	width:98%;
	padding:5px;
}

/****************/
/**  HEAD_MENU **/
/****************/
div#headmenu{
	display:none;
}


/*******************/
/**  LOGO_BANNER  **/
/*******************/
div#logoarea{
	width:97%;
	background:#fff;
	height:72px;
}
h1{
	margin:5px;
}
h1 img{	margin-left:16px;}
p#longbanner{
	display:none;
}

/*****************/
/**  MAIN_WRAP  **/
/*****************/
div#mainwrap	{
	clear:both;
	background:#fff;
	text-align:center;
	width:98%;

}

  /*****************/
  /**  SIDECOLUM  **/
  /*****************/
  div#sidecolum	{
  	width:1px;
	height:1px;
  	display:none;
	
  }

  /*****************/
  /**  MAINCOLUM  **/
  /*****************/
  div#maincolum	{
  	width:97%;
	/*float:left;*/
	text-align:left;
	font-size:12px;
	background:#fff;
  }
  div#signpost{

  }
  div#signpost ul{
  	list-style:none;
  	padding:10px 0 0 0;
	margin-left:10px;
  }
  div#signpost li{
  	margin-left:5px;
	color:#024;
	font-size:1em;
	float:left;
  }
  div#signpost li a{
	color:#024;
  	font-weight:bold;
  }
  
  
    /***************/
    /**  SPECIAL  **/
    /***************/
    div.specialwrap{
    	padding:12px;
    }
    div.specialwrap p{
    	line-height:1.6;
    }
    ul.specialnav{
    	padding:10px 0 20px 40px;
    }
    
  
    /*******************/
    /**  PROGRAMLIST  **/
    /*******************/
    div#programlist{
  	margin-bottom:12px;
  	padding-left:15px;
    }
    div#programlist h3#programlist_title{
    	padding:5px 10px;
	border:1px solid #aaa;
	margin-bottom:5px;
	margin-right:16px;
	background:transparent url(image/bg_multi_2.gif) 0 0 repeat-x;
	color:#333;
	font-size:1em;
    }
    div#programlist div.pentrywrap{
  	float:left;
  	width:310px;
	background:transparent url(image/bg_multi_long.gif) 0 0 repeat-x;
	border-top:1px solid #eee;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-left:1px solid #eee;
	margin-bottom:12px;
	margin-right:4px;
    }
    div#programlist h2{
	width:300px;
	height:30px;
	color:#223;
    }
    div#programlist h2 p{
	margin:0 5px 0 8px;
	padding-top:8px;
	font-size:12px;
	font-weight:normal;
    }
    div#programlist h2 p a{
    	display:block;
	height:20px;
	padding-left:18px;
	font-weight:normal;
	text-decoration:underline;
	background:transparent url(image/ui/listicon.gif) 0 0 no-repeat;
    }
    div#programlist h2 p a:hover{
	background:transparent url(image/ui/listicon_over.gif) 0 0 no-repeat;
    }
    div#programlist h2 p span.small{
    	font-size:10px;
	font-weight:normal;
    }
    div#programlist div.pinentrywrap{
	padding:3px 8px;
	height:164px;
	margin:0;
    }
    div#programlist div.pinentrywrap p{
    	font-size:11px;
		padding:4px 8px;
    }
    div#programlist div.pinentrywrap p.onairlink{
    	text-align:right;
	padding-top:12px;
    }
    div#programlist div.pinentrywrap p.onairlink a{
    	text-decoration:underline;
    }
	div#programlist div.pinentrywrap p.progdesc{
		background:transparent url(image/bg_multi_long_2.gif) 0 0 repeat-x;
		border:1px solid #ddd;
		padding:8px 5px;
		line-height:140%;
		height:64px;
		overflow:auto;
		margin-bottom:3px;
	}
	div#programlist div.pinentrywrap p.proginfo{
		height:32px;
		overflow:auto;
	}
  
  
  
  
  .entrywrap{
  	margin:10px 0 10px 15px;
	padding-bottom:12px;
	width:97%;
	background:#fff;
  }

  .inentrywrap{
	width:94%;
	background:#fff;
	overflow:visible;
  }
  
    /**************/
    /**  COMMON  **/
    /**************/
	.inentrywrap h3{
		font-size:13px;
		margin-right:20px;
		margin-bottom:6px;
		padding:5px 0 3px 8px;
		border-bottom:1px solid #ccc;
	}
	.inentrywrap p{
		padding-bottom:10px;
		margin-right:20px;
	}
	.inentrywrap ul{
		margin-left:30px;
		margin-bottom:10px;
		margin-right:20px;
	}
	.inentrywrap li{
		margin-bottom:5px;
	}
	li#btn_can,li#btn_bd,li#btn_sd{
		text-indent:-9999px;
    	font-size:1px;
		float:left;
		list-style:none;
		margin:5px;
	}
	li#btn_can a,li#btn_bd a,li#btn_sd a{
		display:block;
		width:88px;
		height:31px;
	}
	li#btn_can a{	background:transparent url(image/btn_can_s.gif) no-repeat;	}
	li#btn_can a:hover{	background:transparent url(image/btn_can_s_on.gif) no-repeat;}
	li#btn_bd a{	background:transparent url(image/btn_bd_s.gif) no-repeat;	}
	li#btn_bd a:hover{	background:transparent url(image/btn_bd_s_on.gif) no-repeat;}
	li#btn_sd a{	background:transparent url(image/btn_sd_s.gif) no-repeat;	}
	li#btn_sd a:hover{	background:transparent url(image/btn_sd_s_on.gif) no-repeat;}
	p.summary{
		padding:5px 10px;
	}
	p.onair{
		text-align:center;
		padding:10px;
		font-weight:bold;
		font-size:14px;
		color:#f36;
	}

  
    /*********************/
    /**  GENRESELECTOR  **/
    /*********************/
    h2#genreselector{
	height:35px;
    }
    
    /***************/
    /**  SPECIAL  **/
    /***************/
    div#special{	width:555px;	}
	div#special h3{
		margin:0;
		border:0;
		padding:0;
	}
	div#special h3.poptit{	margin-left:6px;	}
    dl#special_1,dl#special_2{
    	width:340px;
    }
    dl#special_2{	    margin-left:6px;	}
    #special_1 dt,#special_2 dt{
	background:#efefef;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px 8px 5px 12px;
	min-height:30px;
    }
    #special_1 dt.acti,#special_2 dt.acti{
	background:#ffc url(image/index/line.gif) 3px 4px no-repeat;
	color:#ff0033;
    }
    #special_1 dt.over,#special_2 dt.over{
	background:transparent url(image/index/line.gif) 3px 4px no-repeat;
	cursor:pointer;
    }
    #special_1 img, #special_2 img{
    	float:right;
	margin-left:6px;
    }
    

    #special_1 dd,#special_2 dd{
    	overflow: auto;
	height:200px;
	padding:5px 0 5px 8px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #cfcfcf;
	margin:0;

    }
    #special_1 dd p.ent,#special_2 dd p.ent{
    	width:224px;
	line-height:150%;
	margin-bottom:5px;
    }
    #special_1 h5,#special_2 h5{
	clear:both;
	padding:2px;
	margin-bottom:5px;
    }
    #special_1 span.period,#special_2 span.period{
	display:block;
	float:left;
	border:1px solid #ddd;
	width:110px;
	text-align:center;
	color:#f40;
	font-size:10pt;
	font-family:Verdana;
	font-weight: bold;
    }
    #special_1 span.onair,#special_2 span.onair{
	display:block;
	border:1px solid #ddd;
	float:left;
	background:#ffa500 url(image/bg_multi_pink.gif) repeat-x;
	text-align:center;
	width:110px;
	color:#f40;
	font-weight: bold;
	font-size:10pt;
	font-family:Verdana;
    }

    /********************/
    /**  BlogSelector  **/
    /********************/
    h2#blogselector{
    	background:transparent url(image/index/h2_tabbase_bg.gif) no-repeat left bottom;
	height:35px;
    }
    ul.bloglist{
    	margin-left:auto;
	margin-left:10px;
	margin-bottom:6px;
    }
    .bloglist li{
    	width:110px;
	height:28px;
	margin:0 1px;
	text-indent:-9999px;
    	font-size:1px;
	list-style:none;
    }
    li#bgm_blog{	background:transparent url(image/blog_tab.gif) 0 0 no-repeat;	}
    li#lounge_blog{	background:transparent url(image/blog_tab.gif) 0px -28px no-repeat;	}
    li#webmaster_blog{	background:transparent url(image/blog_tab.gif) 0px -56px no-repeat;	}
    li#metal_blog{	background:transparent url(image/blog_tab.gif) 0px -84px no-repeat;	}
    
    li#bgm_blog.acti{	background:transparent url(image/blog_tab.gif) -220px 0px no-repeat;	}
    li#lounge_blog.acti{	background:transparent url(image/blog_tab.gif) -220px -28px no-repeat;	}
    li#webmaster_blog.acti{	background:transparent url(image/blog_tab.gif) -220px -56px no-repeat;	}
    li#metal_blog.acti{	background:transparent url(image/blog_tab.gif) -220px -84px no-repeat;	}

    li#bgm_blog.over{	background:transparent url(image/blog_tab.gif) -110px 0px no-repeat;	}
    li#lounge_blog.over{	background:transparent url(image/blog_tab.gif) -110px -28px no-repeat;	}
    li#webmaster_blog.over{	background:transparent url(image/blog_tab.gif) -110px -56px no-repeat;	}
    li#metal_blog.over{	background:transparent url(image/blog_tab.gif) -110px -84px no-repeat;	}
    
    div.feedarea{
    	width:544px;
    }
    div.feedarea h3{
    	padding:3px 5px;
	border-top:1px solid #778899;
	background:#ffeac1 url(image/bg_multi.gif) 0 bottom repeat-x;
	border-bottom:1px solid #778899;
    }
    div.feedarea h3 a{
    	color:#a52a2a;
	font-size:14px;
    }
    
    div.feedarea dl {
	overflow: auto;
	height:200px;
	padding:10px;
	border:1px solid #ddd;
	background:#fff;
    }
    div.feedarea dt {
    	padding:3px 5px;
	background:#eee;
	border-top:1px solid #778899;
	background:transparent url(image/special_tit_over.gif) 0 0 repeat-x;
	border-bottom:1px solid #778899;
    }
    div.feedarea dd{
    	padding:5px;
	background:transparent url(image/bg_multi_long.gif) 0 0 repeat-x;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-bottom:3px;
    }
    div.feedarea dd p{	padding:5px;	}




    /************************/
    /**  Featured Monthly  **/
    /************************/


    /*******************/
    /**  information  **/
    /*******************/
    div#information{
    	overflow:auto;
	height:142px;
	padding-right:10px;
	margin-right:10px;
	width:538px;
    }
    div#information p.tr{
    	padding:3px;
    }
    div.infolist{
    	padding:5px 8px 0 5px;
    	border-bottom:1px dotted #aaa;
	width:498px;
    }
    div.infolist:after {
    	content: "";
    	clear: both;
    	height: 0;
    	display: block;
    	visibility: hidden;
    }
    div.infolist p{	float:left;	}
    div.infolist p.date{
	border-right:1px dotted #eee;
	font-size:10px;
	font-weight:bold;
	color:#999;
    }
    div.infolist p.item{
    	margin-left:0;
	width:310px;
    }
    div.infolist p.icon{
	margin-left:0;
	padding-left:4px;
	text-align:right;
	padding-right:0;
	margin-right:0;
    }
    
    
    /***************/
    /**  service  **/
    /***************/
    div#service_houjin, div#service_kojin {
	width:340px;
	height:160px;
	margin-left:8px;
	padding:12px 0 0 200px;
    }
    div#service_houjin {
	background:transparent url("image/bg_chmenu_cable.gif") no-repeat 0 0;
    }
    div#service_kojin {
	background:transparent url("image/bg_chmenu_sd.gif") no-repeat 0 0;
    }
    div#service_houjin p, div#service_kojin p {
    }
    
    
    /**************/
    /**  lyrics  **/
    /**************/
    div#lyrics {	display: none;	}

    
    
  
/**************/
/**  FOOTER  **/
/**************/
div#footer{
	background:#ccc;
	border:1px solid #000;
	text-align:center;
	font-size:12px;
	padding-bottom:10px;
	margin-bottom:10px;
	clear:both;
}
div#footer ul{
	display:none;
}
div#footer p{	padding:2px;	}