@charset "UTF-8";
@import "reset.css";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	text-align:center;
}
* html body{  
    overflow: hidden;  
} 
a img {
	border: none;
}
a:link {
	color:#414958;
	text-decoration: underline;
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.fltrt {
	float: right;
}
.fltlft { 
	float: left;
}
/* !clearfix */
.clearfloat { clear:both;}
.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }
* html #container{  
    height: 100%;  
    overflow: auto;
}  
/*--- Container ---*/
#container {
	width: 840px;
	max-width: 840px;
	text-align:left;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
}

/*--- Global Header ---*/
#globalheader-cntl{
	padding-bottom:90px;
}
#globalheader { 
	position: fixed !important;  
    position: absolute;  
	background-image: url(/images/top_bg_header_contact.png); 
 	height: 85px;
	width: 840px;
 	font-size:18px;
}

#globalheader h1 { 
	position: absolute; 
	top: 20px; 
	left: 14px;
}
#globalheader p { 
	_position: absolute; 
	_top: 25px; 
	margin-top: 25px; 
	_left:160px; 
	font-size: 12px; 
}
#globalheader p#area{
	display: block;
    height: 62px;
    left: 133px;
    line-height: 62px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    width: 134px;
	text-align:center;
}
#area-wrap { 
	height: 60px;
	left: 135px;
	position: absolute;
	width: 130px;
	text-align:center;
	
}
#globalheader #player{
	position:absolute;
	top: 3px;
	left: 272px;
}
#globalheader #player dt{
	font-size:10px;
	width:274px;
	height:18px;
	background-image: url(/images/top_bg_header02.png);
}
#globalheader #player dt span{
	padding: 2px 0 0 100px;
	display:block;
}
#globalheader #player dd{
	float:left;
    height: 36px;
    overflow: hidden;
    width: 272px;
    background-color:#FFFFFF;
}

#globalheader #player .control-panel{
	padding: 5px 5px 0 0;
}

#globalheader #player .volume{
	padding: 8px 2px 0 0;
}
#globalheader ul{
	position:absolute;
	top: 65px;
	left:15px;
}
#globalheader ul li{
	display:inline; 
}
#globalheader ul li a{
	font-size:10px;
	color:#FFF;
	float:left;
	margin-left:10px; 
	margin-right: 8px; 
	padding: 0; 
	text-decoration:none;
}
#globalheader ul li a:hover {
	color:#0CF;
}
#globalheader .hbnr{
	text-align:right;
	padding: 1px 2px 0 0;
}
#globalheader #station_menu {
	margin:1px 0;
}
/*--- Main ---*/
#main{
	width:840px;
	background:#666;
	float:right;
}
.main-vsl{
	overflow:hidden;
}
.channel-detail{
	position:relative;
	width:630px;
	height:340px;
	overflow:hidden;
	float:left;
	display:inline;
}
.twitter{
	float:right;
	display:inline;
}
#twtr_wrap {
  border-left: 1px solid #CDC9C9;
  border-right: 1px solid #CDC9C9;
}
.page_top{
	width:840px;
	padding: 6px 0;
	background:#FFF;
	text-align:right;
}
/*--- Channel ---*/
#channel{
	width:832px;
	overflow:hidden;
	margin: 0 4px;
    padding: 4px 0;
	position:relative;
}
#channel-arrow{
    position:absolute;
    top:0px;
    left:310px;
}
#channel ul li{
	float:left;
	display:inline;
}
#channel li li{
	clear:both;
	width:188px;
}
#channel .program{
	position:absolute;
	top:5px;
	left:38px;
}
#channel .time{
	margin: 57px 7px 0;
	font-size:10px;
	color: #999;
}
#channel .title{
	margin: 2px 7px 0;
	font-size:10px;
	font-weight:bold;
}
#channel .name{
	margin: 2px 7px 0;
	font-size:10px;
}
#channel .listen-now{
	width: 196px;
	height: 33px;
}
#channel .listen-now a {
	display: block;
	width: 196px;
	height: 33px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/top_btn_channel.gif);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top:127px;
	left:3px;
}
#channel .listen-now a:hover {
	background-position: 100% 0;
}
#channel .nxtbtn{
	width: 20px;
	height: 68px;
}
#channel .nxtbtn a {
	display: block;
	width: 20px;
	height: 68px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/top_btn_station07.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top:30px;
	left:0px;
}
#channel .nxtbtn a:hover {
	background-position: 100% 0;
}
#channel .now_onair{
	position:relative;
}
#channel .bkbtn{
	width: 20px;
	height: 68px;
}
#channel .bkbtn a {
	display: block;
	width: 20px;
	height: 68px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/top_btn_station08.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top:30px;
	left:812px;
}
#channel .bkbtn a:hover {
	background-position: 100% 0;
}
#channel ul li ul{
	width:202px;
	height:162px;
	background: url(/images/top_bg_select01.png) no-repeat left top;
	position:relative;
}
#channel .select-channel01,
#channel .select-channel02,
#channel .select-channel03
{
	margin-right:8px;
}

/*--- Information ---*/
#information {
    width: 832px;
	background: url(/images/top_bg_info_bottom.gif) no-repeat left bottom;
	margin:4px;
	padding-bottom: 4px;
}  
#information h2 {
	background: url(/images/top_bg_info_top.gif) no-repeat;
	padding: 14px 15px 10px;  
    margin: 0 -15px 10px;
}  
#information .info-inner{
	background: url(/images/top_bg_info_center.gif) repeat-y;
	background:#FFF;
    padding: 0 15px 36px;
}

#information .info-inner ul{
	border-top: solid 1px #CCC;
	padding-bottom: 12px;
}

#information .info-inner ul li{
	padding: 9px 0;
	border-bottom: dashed 1px #CCC;
	overflow:hidden;
	clear:both;
}

#information .info-inner dl{
	float:left;
	margin-left: 10px;
}
#information .info-inner dt{
	color:#999;
	font-size:10px;
}

#information .info-inner dd{
	font-size:12px;
}

#information h3{
	width: 98px;
	height: 26px;
	padding-bottom:6px;
	margin:0;
	float:right;
}
#information h3 a {
	display: block;
	width: 98px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/top_btn_info.png);
	text-indent: -9999px;
	outline: none;
	float:right;
}
#information h3 a:hover {
	background-position: 100% 0;
}

/*--- Side Nav ---*/
#sidenav {
	width: 184px;
	float:left;
	overflow:hidden;
	text-align:center;
	background-color:#CCC;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

#sidenav ul {
	margin-bottom: 7px;
	padding: 3px 4px 0 4px;
}
#sidenav ul li {
	width: 176px;
	height: 31px;
}
#sidenav ul li a {
	display: block;
	width: 176px;
	height: 31px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}
#sidenav ul li a:hover {
	background-position: 100% 0;
}
#sidenav ul li#menu01 a {
	background-image: url(/images/top_btn_sidenav01.png);
}
#sidenav ul li#menu02 a {
	background-image: url(/images/top_btn_sidenav02.png);
}
#sidenav ul li#menu03 a {
	background-image: url(/images/top_btn_sidenav03.png);
}
#sidenav ul li#menu04 a {
	background-image: url(/images/top_btn_sidenav04.png);
}
#sidenav ul li#menu05 a {
	background-image: url(/images/top_btn_sidenav05.png);
}
#sidenav ul li#menu06 a {
	background-image: url(/images/top_btn_sidenav06.png);
}
#sidenav ul li#menu07 a {
	background-image: url(/images/top_btn_sidenav07.png);
}
#sidenav ul li#menu08 a {
	background-image: url(/images/top_btn_sidenav08.png);
}
#sidenav ul li#menu09 a {
	background-image: url(/images/top_btn_sidenav09.png);
}
#sidenav p.bnr {
	margin: 0 auto;
}
#sidenav #about ol{
	margin: 10px 0 0 0;
	padding:0;
}
#sidenav #about ol li{
	font-size:10px;
	background: url(/images/top_icn_sidenav01.gif) no-repeat 10px 4px;
	text-align:left;
	padding-left:18px;
	margin:0;
}


/*--- Cts-Wrap ---*/
#cts-wrap {
    width: 832px;
	background: url(/images/top_bg_info_bottom.gif) no-repeat left bottom;
	margin:4px 4px 4px 4px;
	padding-bottom: 0px;
}  
#cts-wrap .cts-wrap-inner {
	background: url(/images/top_bg_info_top.gif) no-repeat;
	padding-top:4px;
}  
#cts-wrap .cts-wrap-inner div{
	background: url(/images/top_bg_info_center.gif) repeat-y;
	background:#FFF;
    padding: 0px 0px 20px;
}
#cts-wrap #cts {
padding: 18px 20px 0;
overflow: hidden;
position: relative;
background: #fff;
}
#cts-wrap #cts h2{
	margin:0;
	padding:0;
}
#cts-wrap #cts .title{
	margin: 0 auto;
	margin-bottom: 15px;
	border-bottom:1px solid #CCC;
}
/*--- Footer ---*/
.footer {
	width:100%;
	padding:0;
	position:relative;
	clear:both;
}

.cr{
	font-size:11px;
	text-align:center;
	color:#FFF;
	background-color:#666;
	margin:0;
	padding: 5px 0;
}