@charset "UTF-8";
.b {
	font-weight:bold;
}
/*--- Station Left ---*/
#station-left{
	float:left;
	width:204px;
	margin-top:10px;
	margin-bottom:5px;
	visibility:hidden;
}
#topics_header {
	height:13px;
	border-top:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#CCC;
	background-color:#EEE;
	padding:15px 10px 15px 20px;
	color:#666;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
}
#topics_list {
	height:150px;
	width: 203px;
	overflow-y:scroll;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	margin-bottom:10px;
}
.st-r-topic{
	border-left:solid 1px #CCC;
    	border-bottom: dotted 1px #CCC;
	padding:5px 5px 5px 10px;
	min-height:46px;
	border-right:solid 1px #CCC;
}
.st-r-topic #imgeria {
	float:left;
}
.st-r-topic #aeria {
	margin-left:40px;
}
#station-left ul{
	padding:0;
	margin:0;
}
#station-left ul li img{
	padding:0px;
	margin:0;
	vertical-align:bottom;
}
#station-center ul li img{
	padding:0px;
	margin:0;
	vertical-align:bottom;
}
#station-left .program{
	position:absolute;
	top:7px;
	left:38px;
}
#station-left .time{
	padding-top:60px;
	margin: 0px 7px 0;
	font-size:11px;
	color: #999;
}
#station-left .title{
	margin: 2px 7px 0;
	font-size:12px;
	font-weight:bold;
}
#station-left .name{
	margin: 2px 7px 0;
	font-size:12px;
}
/*
#station-left .st-share-btn{
	width: 137px;
	height: 24px;
	margin: 22px auto 0;
}
#station-left .st-share-btn a {
	display: block;
	width: 137px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/top_btn_station01.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top: 135px;
	width: 137px;
}
#station-left .st-share-btn a:hover {
	background-position: 0 100%;
}
*/
/* ==== 2011/09/28 temporary ==== */
#station-left .st-share-btn{
	width: 200px;
    height:32px;
}
#station-left #station-prog .st-share-btn{
    position:absolute;
    top:130px;
}
#station-left .about_prog{
    font-size:11px;
    position:absolute;
    top:0;
    left:3px;
}

/* ==== 2011/09/28 temporary ==== */
#station-prog ul{
	width:386px;
	height:20px;
    background-color:#FFFFFF; 
	position:absolute;
	top: 156px;
	left: 777px;
}

#station-prog .st-share-btn a.twitter {
	display: block;
	width: 68px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/sns_btn_for_twitter.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top: 35px;
	left: 66px;
	width: 68px;
}
#station-prog .st-share-btn a.mixi {
	display: block;
	width: 50px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/sns_btn_for_mixi.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top: 16px;
	left: 62px;
	width: 50px;
}
#station-prog .st-share-btn a.fb1 {
	display: block;
	width: 40px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/sns_btn_for_fb1.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top: 16px;
	left: 113px;
	width: 40px;
}
#station-prog .st-share-btn a.fb2 {
	display: block;
	width: 70px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/sns_btn_for_fb2.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top: 35px;
	left: 145px;
	width: 70px;
}

#station-prog ul li.time {font-size:10px;}
#station-prog ul li.title {font-size:11px;}
#station-prog ul li.name {font-size:10px;}
#station-left .station01{
	margin:4px;
	position:relative
}
#station-left .now_onair{
	position:relative;
}
#station-left .nxtbtn{
	width: 68px;
	height: 20px;
}
#station-left .nxtbtn a {
	display: none;
	width: 68px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/top_btn_station06.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top:24px;
	left:71px;
}
#station-left .nxtbtn a:hover {
	background-position: 0 100%;
}
#station-left .now_onair{
	position:relative;
}
#station-left .bkbtn{
	width: 68px;
	height: 20px;
}
#station-left .bkbtn a {
	display: none;
	width: 68px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/top_btn_station05.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top:146px;
	left:71px;
}
#station-left .bkbtn a:hover {
	background-position: 0 100%;
}


/*--- Station Center ---*/
#station-center{
	float:left;
	width: 420px;
	background-color:#EDE9E9;
	background:url(/images/program_info_defalt_bg.png) no-repeat 0 0;
}
#station-center ul li ul li img{
	padding:0px;
	margin:0;
	vertical-align:bottom;
}

#station-center iframe{
	width:420px;
	height:200px;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
.st-c-btn{
    background-image: url(/images/program_info_bottom_bg.png);
	width: 420px;
	height: 40px;
	margin:0;
}
.st-c-btn a{
	display: none;
	width: 420px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/top_btn_station03.png);
	text-indent: -9999px;
	outline: none;
}
.st-c-btn a:hover {
	background-position: 0 100%;
}


/*--- Station Right ---*/
#station-right{
    position:relative;
	float:right;
	width:210px;
}
#station-center ul li ul li img{
	padding:0;
	margin:0;
	vertical-align:bottom;
}
#station-right ul li{
	text-align:left;
}
#station-right ul#cm_list li{
	text-align:center;
}
#station-right .st-r-bnr{
	margin-top:4px;
}
#station-right ul li img{
	padding:0;
	margin:0;
	vertical-align:bottom;
}

/*--- Iframe ---*/
#iframe-container{
	width: 390px;
	padding: 5px;
	margin:0px;
	text-align:left;
	overflow:hidden;
	font-size:12px;
}
#iframe-container img{
	padding: 0px 7px 7px 0;
}

#social_box{
    position:absolute;
}
#social_box li{
}

.social_users{
    margin-top:4px;
    width:210px;
    height:160px;
}

.social_users li {
    display:block;
    width:40px;
    height:40px;
    float:left;
    margin:15px 0 0 10px;
}
.social_users li img{
    width:100%;
    height:100%;
}
#twitter_users_wrap{
    height:164px;
    background:#FFFFFF;
}
#twitter_users_wrap a.logo_link{
    display:block;
    text-indent:-10000px;
    background:url('/images/top_img_twitter_title.png') no-repeat 0 0 transparent;
    width:210px;
    height:40px;
    position:absolute;
    bottom:0px;
}
#twitter_users{
}
#facebook_users_wrap{
    height:164px;
    background:#FFFFFF;
}
#facebook_users_wrap a.logo_link{
    display:block;
    text-indent:-10000px;
    background:url('/images/top_img_facebook_title.png') no-repeat 0 0 transparent;
    width:210px;
    height:40px;
    position:absolute;
    bottom:0px;
}
#facebook_users{
}
/*
#facebook_users{
    _background:url('/images/top_img_facebook_frame.png') no-repeat 0 0 transparent;
    width:210px;
    height:170px;
    background-color: #FFFFFF;
}
#facebook_users div.fbwrap{
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 178px;
    top: 20px;
    left:16px;
}
#facebook_users iframe{
    position:relative;
    left:-1px;
    top:-84px;
}
*/
#prog-area{
    height:340px;
}
#prog-area iframe{
    border: none;
    height:340px;
    width:420px;
}
#prog-detail{
    padding:20px 15px 15px;
    height:265px;
    overflow-y: scroll;
    font-size: 12px;
}
.topics{
    position:relative;
    width:210px;
    height:170px;
}
#topics1{
    margin-top: 4px;
    background-color:#666666;
    overflow:hidden;
}
#topics1:hover a{
    display:block;
}
#topics1 .bg-white{
    position:relative;
}
/*
#topics1 .bg{
    z-index:1;
    position:relative;
    top:85px;
    height:85px;
    background-color:#FFFFFF;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;		

}
#topics1.nobg .bg{
    z-index:-1;
    background-color:transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;	
}*/
#topics1.nonxtbtn .nxtbtn{
    display:none;
}
#topics1.nobkbtn .bkbtn{
    display:none;
}
#topics1 .noa-desc ul{
    z-index:2;
    height:97px;
    position:absolute;
    left:0;
    bottom:26px;
    color:#000000;
    background-color:#FFFFFF;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    width:202px;
    margin-left:4px;
}
#topics1 .noa-desc div.noa{
    z-index:2;
    height:19px;
    text-align:center;
    position:absolute;
    padding-top:5px;
    font-size:11px;
    font-weight: bold;
    top:0px;
    color:#FFFFFF;
    background-color:#111111;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    width:100%;
}
#topics1 .noa-desc ul li{
    margin: 4px 3px 3px 7px;
    line-height: 1.2em;
}
#topics1 .noa-desc ul li.time{
    color:#000000;
    font-size:10px;
    padding:0;
}
#topics1 .noa-desc ul li.title{
    font-weight: bold;
    font-size:11px;
}
#topics1 .noa-desc ul li.artist{
    font-size:10px;
}
#topics1 .noa-desc ul li.st-share-btn{
	width: 204px;
	height: 15px;
    position:absolute;
    top:61px;
}
#topics1 .noa-desc ul li.st-share-btn .links .about_music{
    font-size: 11px;
    left: 0px;
    position: absolute;
    top: 0;
}
#topics1 .noa-desc ul li.st-share-btn a.twitter {
	display: block;
	width: 68px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/sns_btn_for_twitter.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top: 15px;
	left: 0px;
	width: 68px;
}
#topics1 .noa-desc ul li.st-share-btn a.mixi{
	display: block;
	width: 50px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/sns_btn_for_mixi.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top: 15px;
	left: 59px;
	width: 50px;
}
#topics1 .noa-desc ul li.st-share-btn a.fb1{
	display: block;
	width: 40px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/sns_btn_for_fb1.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top: 15px;
	left: 110px;
	width: 40px;
}
#topics1 .noa-desc ul li.st-share-btn a.fb2{
	display: block;
	width: 70px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/images/sns_btn_for_fb2.png);
	text-indent: -9999px;
	outline: none;
	position:absolute;
	top: 15px;
	left: 151px;
	width: 70px;
}


#topics1 .nxtbtn a, #topics1 .bkbtn a{
    z-index:3;
}
#topics1 ul iframe{
  border: none;
  height:170px;
  width:210px;
}
/*
#cm_list {
    padding-top: 1px;
}
#cm_list .st-r-bnr {
    padding-bottom: 1px;
}
*/
.topics div.description{
    background-color: #FFFFFF;
    bottom: 0px;
    font-size: 11px;
    padding: 5px;
    position: absolute;
    color:#000000;
    background-color:#FFFFFF;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    width:200px;
}

#ex_center{
    position:absolute;
    z-index:-1;
}
#ex_center iframe{
    z-index:-1;
    border:0;
    width:420px;
    height:340px;
}
#ex_right{
    position:absolute;
}
#ex_right iframe{
    z-index:-1;
    border:0;
    width:210px;
    height:340px;
}
#ex_sns{
    position:absolute;
    display:block;
    left:0px;
    top:0px;
    padding:0px !important;
}
#ex_sns iframe{
    z-index:-1;
    border:0;
    width:420px;
    height:170px;
}
#ex_noa{
    position:absolute;
	z-index: -1;
}
#ex_noa iframe{
    z-index:-1;
    border:0;
    width:210px;
    height:170px;
}
.main-vsl {
 /* border-top: 1px solid #CDC9C9;*/
}

#expand_area{
    position:relative;
    float:left;
}
#ex_large{
    position:absolute;
    top:0;
    left:0;
}
#ex_large iframe{
    z-index:-1;
    border:0;
    width:630px;
    height:340px;
}
/* add */
#ex_center_top {
	position:absolute;
	z-index:-1;
}
#ex_center_top iframe {
    z-index:-1;
    border:0;
    width:420px;
    height:300px;
}

/* twitter */
#twtr_new_status {
    cursor: pointer;
}

#main-vsl-chou{
	clear: both;
    width: 1000px;
}
.box1{
　　　width: 200px;
　　　height: 100px;
　　　background-color: #FFCCCC;
　　　float: left;
}
.box2{
　　　width: 100px;
　　　height: 100px;
　　　background-color: #66CCFF;
　　　float: left;
}

.kaijyo{
　　　clear: left;
}

/*------- chou -------*/
/*--- Station ---*/
/* base.cssへ
#pan-navi2{
	float:left;
	width:1024px;
	height:40px;
	background-color: #FFFFFF;
}
#pan-navi2 ul{
	padding:0;
	margin:0;
}
#pan-navi2 ul li{
	padding:5px;
	height:20px;
	width:auto;
	margin:0;
}
*/
#today-navi {
	border-top:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#999;
	background-color:#CCC;
	padding:15px 10px 15px 20px;
	color:#666;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}
#week-navi {
	border-top:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#cccccc;
	background-color:#eaeaea;
	padding:15px 10px 15px 20px;
	color:#666;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;	
}
#week-navi:hover {
	border-color:#666;
	background-color:#999;
	color:#fff;
}

#week-navi-nohover-btn {
	border-top:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom:solid 1px;
	border-color:#cccccc;
	background-color:#eaeaea;
	padding:15px 10px 15px 20px;
	color:#666;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;	
}
#station-title{
	float:left;
	/*width:210px;*/
	width:1024px;
	height:40px;
	background-color: #FFFFFF;
}
#station-name ul{
	padding:0;
	margin:0;
}
#station-name ul li{
	float:left;
	padding:10px;
	margin:0;
}
#station-name a:link{
	font-size:6px;
	color:orange;
	text-decoration: none;
}
#station-top{
	float:left;
	/*width:210px;*/
	width:1024px;
	background-color: #FFFFFF;
}
#station-top-left{
	float:left;
	/*width:210px;*/
	width:320px;
	height:300px;
	margin:10px;
	background-color: #DCDCDC;
}
#station-top-right{
	float:right;
	/*width:210px;*/
	width:640px;
	height:260px;
	margin:10px;
	background-color: #DCDCDC;
}

#station-middle{
	float:left;
	/*width:210px;*/
	width:1024px;
	background-color: #FFFFFF;
}
#station-middle-left{
	float:left;
	/*width:210px;*/
	width:320px;
	height:200px;
	margin:10px;
	background-color: #DCDCDC;
}
#station-middle-center{
	float:left;
	/*width:210px;*/
	width:320px;
	height:200px;
	margin:10px;
	background-color: #DCDCDC;
}
#station-middle-right{
	float:right;
	/*width:210px;*/
	width:320px;
	height:200px;
	margin:10px;
	background-color: #DCDCDC;
}
#station-weekly{
	float:left;
	/*width:210px;*/
	width:1024px;
	background-color: #FFFFFF;
}
#station-top-banner{
    float:left;
    width:630px;
    height:340px;
    background-color: #FFFFFF;
}
#cm_banner{
    list-style:none;
    float:left;
    width:416px;
    height:140px;
    background-color: #FFFFFF;
	margin-top: 10px;
	margin-right: 10px;
}
/*#cm_banner2{
    list-style:none;
    float:left;
    width:630px;
    height:140px;
    margin:10 0px;
    background-color: #FFFFFF;
}*/
#station-top-timeline{
    float:left;
    width:350px;
    height:550px;
	scroll: hidden;
    margin:0px 20px 0px 0px;
    background-color: #FFFFFF;
}
#cm_banner ul#cm_ad_list li{
    text-align:center;
    float:left;
	margin-bottom: 10px;
}
#cm_banner ul#cm_ad_list li.cm-has-margin {
	margin-right: 12px;
}
#station_top_weekly_program {
	float: left;
	width: 1000px;
	height:764px;
	position: relative;
	margin-top: 39px;
}

#station_top_weekly_program_container {
	position: relative;
	height: 665px;
	overflow: hidden;
	border-right: solid 1px;
	border-left: solid 1px;
	border-bottom: solid 1px;
	border-color: #ccc;
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
}
#close-btn {
	position:absolute;
	top:-80px;
	left:274px;
}
#noa-title {
	font-size:15px;
	color: #00A7E9;
	font-weight:bold;
}