@charset "utf-8";

/*
======================================
	KBC
	2009.10.16
	2009.11.09
	2010.05.06
	2011.04.14
	2011.07.15
	2011.10.17

	[3]Radio
		1)RadioTitleContainer
		2)RadioWhatsNew
		3)RadioProgram
		4)RadioEvent
		5)RadioRanking
		6)RadioBanner
		7)RadioTimetable
		8)RadioInfo (2011.10.17)
		9)RadioGuest
		10)RadioTwitter
		11)TopTwitter
		12)New RadioTimeTableContainer　(2011.4.5)(2011.07.15)
======================================	
*/

@import url("fontset.css");
@import url("common_layout.css");
@import url("parts_common.css");

/*
-------------------------
	[3]Radio
-------------------------
*/
/*
++++++++++++++++++++++++
	1)RadioTitleContainer
++++++++++++++++++++++++
*/
.RadioTitleContainer{
	background:url(../radio/image/radio_bg_title.gif) no-repeat 0 0;
	width:670px;
	height:323px;
}
.RadioTitle h2{
	float:left;
	width:199px;
}
.RadioTitle h2 img{
	margin:28px 0 0 19px;
}
.RadioTimetableLink{
	float:right;
	width:339px;
	position:relative;
}
.RadioTimetableLink img{
	margin-top:3px;
}
.RadioTimetableLink dt{
	position:absolute;
	top:44px;
	left:13px;
}
.RadioTimetableLink dd{
	position:absolute;
	top:42px;
	left:65px;
}
.RadioNotice{
	padding:34px 20px 0 128px;
}
.RadioKbcNotice{
	float:left;
	width:186px;
}
.RadioProgramNotice{
	float:right;
	width:185px;
}
.RadioKbcNotice p,
.RadioProgramNotice p{
	height:90px;
	overflow:auto;
}
.RadioLink{
	padding:28px 0 0 345px;
}
.RadioLink li{
	display:inline;
}
/*
++++++++++++++++++++++++
	2)RadioWhatsNew
++++++++++++++++++++++++
*/
.RadioWhatsNew dl{
	border-bottom:1px dotted #999;
}
/*
++++++++++++++++++++++++
	3)RadioProgram
++++++++++++++++++++++++
*/
.RadioProgram{
 	width:493px;
	height:39px;
}
.RadioProgram li{
	float:left;
	height:39px;
	text-indent:-9999px;
}
.RadioProgram ul a{
 	background-repeat:no-repeat;
	background-position:0 0;
	height:39px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}
.RadioProgram ul a.RadioTabMenu1,
.RadioProgram ul a.RadioTabMenu2,
.RadioProgram ul a.RadioTabMenu3,
.RadioProgram ul a.RadioTabMenu4,
.RadioProgram ul a.RadioTabMenu5,
.RadioProgram ul a.RadioTabMenu6{
	background:url(../radio/image/radio_tab_program.gif) no-repeat;
}
.RadioProgram ul a.RadioTabMenu1,
.RadioProgram ul a.RadioTabMenu2,
.RadioProgram ul a.RadioTabMenu3,
.RadioProgram ul a.RadioTabMenu4,
.RadioProgram ul a.RadioTabMenu5{
	width:82px;
}
.RadioProgram ul a.RadioTabMenu2{
	background-position:-82px 0;
}
.RadioProgram ul a.RadioTabMenu3{
	background-position:-164px 0;
}
.RadioProgram ul a.RadioTabMenu4{
	background-position:-246px 0;
}
.RadioProgram ul a.RadioTabMenu5{
	background-position:-328px 0;
}
.RadioProgram ul a.RadioTabMenu6{
	background-position:-410px 0;
	width:83px;
}
.RadioProgram ul a.RadioTabMenu1:hover,
.RadioProgram .selected a.RadioTabMenu1{
	background-position:0 -39px;
}
.RadioProgram ul a.RadioTabMenu2:hover,
.RadioProgram .selected a.RadioTabMenu2{
	background-position:-82px -39px;
}
.RadioProgram ul a.RadioTabMenu3:hover,
.RadioProgram .selected a.RadioTabMenu3{
	background-position:-164px -39px;
}
.RadioProgram ul a.RadioTabMenu4:hover,
.RadioProgram .selected a.RadioTabMenu4{
	background-position:-246px -39px;
}
.RadioProgram ul a.RadioTabMenu5:hover,
.RadioProgram .selected a.RadioTabMenu5{
	background-position:-328px -39px;
}
.RadioProgram ul a.RadioTabMenu6:hover,
.RadioProgram .selected a.RadioTabMenu6{
	background-position:-410px -39px;
}
.RadioPanel{
	width:493px;
	/*height:175px;*/
	height:350px;
	overflow:auto;
}
.RadioPanel li{
	float:left;
	width:235px;
	margin-bottom:9px;
}
.RadioPanel dl{
	width:230px;
	height:88px;
	overflow:hidden;
}
.RadioPanel dt{
	float:left;
	clear:both;
}
.RadioPanel dd{
	margin-left:105px;
}
.RadioProgramInfo{
	margin-top:11px;
}
.RadioMovieBg{
	background:#D7D9E0;
	height:60px;
	position:relative;	
}
.RadioMovieLink{
	position:absolute;
	top:42px;
	right:8px;
}
/*
++++++++++++++++++++++++
	4)RadioEvent
++++++++++++++++++++++++
*/
.RadioEvent h3,
.RadioEvent li{
	margin-bottom:10px;
}
.RadioEvent ul{
	height:790px;
	overflow:auto;
}
.RadioEvent dl{
	width:141px;
}
/*
++++++++++++++++++++++++
	5)RadioRanking
++++++++++++++++++++++++
*/
.RadioRanking{
	background:url(../radio/image/radio_bg_ranking.gif) repeat-y 0 0;
}
.RadioRankinghead{
	background:url(../radio/image/radio_bg_ranking_head.gif) no-repeat 0 0;
}
.RadioRankingFoot{
	background:url(../radio/image/radio_bg_ranking_foot.gif) no-repeat 0 100%;
	padding-bottom:15px;
}
.RadioRanking h3{
	padding:12px 0 5px;
	text-align:center;
}
.RadioRiderTitle{
	padding:10px 12px 0;
}
.RadioRiderMidashiLeft{
	padding:6px 0 0;
}
.RadioRiderMidashiRight{
	background:url(../radio/image/radio_radiorider_twitter.gif) no-repeat;
	width:77px;
	height:32px;
	text-indent:-9999px;
}
.RadioRiderMidashiRight a{
	display:block;
	width:77px;
	height:32px;
}
.RadioRiderMidashiRight a:hover{
	background:url(../radio/image/radio_radiorider_twitter_h.gif) no-repeat;
	width:77px;
}
#radioRiderSponser{
	color: #FFFFFF;
	font-size: 0.8em;
	padding: 0 10px 0 0;
	text-align: right;
	}
.RadioRankingWeek{
	font-size:11px;
	text-align:center;
	color:#EAD909;
}
.RadioRanking ol{
	margin:10px 10px 0;
}
.RadioRanking01{
	background:url(../radio/image/radio_ranking_no01.gif) no-repeat 0 0;
	margin-bottom:2px;
	padding-left:34px;
	min-height:23px;
	height:auto !important;
	height:23px;
}
.RadioRanking02{
	background:#d8d8d8 url(../radio/image/radio_ranking_no02.gif) no-repeat 0 0;
}
.RadioRanking03{
	background:#fff url(../radio/image/radio_ranking_no03.gif) no-repeat 0 0;
}
.RadioRanking04{
	background:#d8d8d8 url(../radio/image/radio_ranking_no04.gif) no-repeat 0 0;
}
.RadioRanking05{
	background:#fff url(../radio/image/radio_ranking_no05.gif) no-repeat 0 0;
}
.RadioRanking06{
	background:#d8d8d8 url(../radio/image/radio_ranking_no06.gif) no-repeat 0 0;
}
.RadioRanking07{
	background:#fff url(../radio/image/radio_ranking_no07.gif) no-repeat 0 0;
}
.RadioRanking08{
	background:#d8d8d8 url(../radio/image/radio_ranking_no08.gif) no-repeat 0 0;
}
.RadioRanking09{
	background:#fff url(../radio/image/radio_ranking_no09.gif) no-repeat 0 0;
}
.RadioRanking10{
	background:#d8d8d8 url(../radio/image/radio_ranking_no10.gif) no-repeat 0 0;
}
.RadioRanking02,
.RadioRanking03,
.RadioRanking04,
.RadioRanking05,
.RadioRanking06,
.RadioRanking07,
.RadioRanking08,
.RadioRanking09,
.RadioRanking10{
	margin:0 0 2px 4px;
	padding-left:30px;
}
.RadioRanking01 dl{
	min-height:23px;
	height:auto !important;
	height:23px;
}
.RadioRanking01 dl,
.RadioRanking03 dl,
.RadioRanking05 dl,
.RadioRanking07 dl,
.RadioRanking09 dl{
	background:#fff;
	border-left:1px solid #000;
	padding:2px;
}
.RadioRanking02 dl,
.RadioRanking04 dl,
.RadioRanking06 dl,
.RadioRanking08 dl,
.RadioRanking10 dl{
	background:#d8d8d8;
	border-left:1px solid #000;
	padding:2px;
}
.RadioRanking01 dt,
.RadioRanking02 dt,
.RadioRanking03 dt,
.RadioRanking04 dt,
.RadioRanking05 dt,
.RadioRanking06 dt,
.RadioRanking07 dt,
.RadioRanking08 dt,
.RadioRanking09 dt,
.RadioRanking10 dt{
	float:left;
	width:100px;
	font-size:10px;
	font-weight:bold;
}
.RadioRanking01 dd,
.RadioRanking02 dd,
.RadioRanking03 dd,
.RadioRanking04 dd,
.RadioRanking05 dd,
.RadioRanking06 dd,
.RadioRanking07 dd,
.RadioRanking08 dd,
.RadioRanking09 dd,
.RadioRanking10 dd{
	margin-left:110px;
	font-size:10px;
}
/*
++++++++++++++++++++++++
	6)RadioBanner
++++++++++++++++++++++++
*/
.RadioBanner{
	background:#E8E8E8;
	margin:1em 10px;
}
.RadioBanner ul{
	padding:5px 5px 12px 18px;
}
.RadioBanner li{
	float:left;
	margin:10px 10px 0 0;
}
/*
++++++++++++++++++++++++
	7)RadioTimetable
++++++++++++++++++++++++
*/
.RadioTtDay{
	margin-left:15px;
}
.RadioTtDay li{
	border-left:1px solid #0066FF;
	float:left;	
}
.RadioTtDayLast{
	border-right:1px solid #0066FF;
}
.RadioTtDay h3{
	margin:0 6px;
	font-size:14px;
}
.RadioTtSection{
	background:#fff;
	width:670px;
}
.RadioTtSection th{
	width:30px;
	text-align:center;
}
.RadioTtProgram{
	padding:5px 15px 10px 10px;
}
.RadioTtProgram li{
	border-bottom:1px dotted #ccc;
	padding:8px 10px 8px;
}
.RadioTtProgram dd{
	margin-left:5px;
}
.RadioTtTime{
	background:url(../radio/timetable/image/radio_timetable_bg_time.gif) no-repeat 0 0;
	margin-bottom:5px;
	width:110px;
	line-height:21px;
	text-indent:7px;
}
.RadioTtText{
	color:#666;
}
.RadioTtSubsection{
	background:#E2EFFA;
	margin:3px 0;
	padding:5px 10px;
}
.RadioTtMorning{
	background:#62C0FF;
}
.RadioTtDaytime{
	background:#15A2FF;
}
.RadioTtNight{
	background:#0071BC;
}
.RadioTtBooklet{
	background:url(../radio/timetable/image/radio_timetable_bg_booklet.gif) repeat-y 0 0;
}
.RadioTtBookletFoot{
	background:url(../radio/timetable/image/radio_timetable_bg_booklet_foot.gif) no-repeat left bottom;
	padding-bottom:5px;
}
.RadioTtBookletSection{
	padding:7px 16px;
}
.RadioTtBookletLink{
	margin:5px 18px;
}
.RadioTtBookletLink dt{
	margin-left:5px;
}
.RadioTtBookletExplain{
	background:#fff;
	margin:5px;
	padding:5px;
}

/*
++++++++++++++++++++++++
	8)RadioInfo
++++++++++++++++++++++++
*/
.RadioInfoTitle{
	background:url(../radio/info/image/radio_info_bg_title.gif) no-repeat 0 0;
	width:670px;
	height:215px;
}
.RadioInfoTitle h2{
	padding:11px 0 0 8px;
}
.RadioInfoContainer{
	background:#DEDECD;
	padding:25px 40px;
}
.RadioInfoContents{
	background:url(../radio/info/image/radio_info_bg_blog.gif) repeat-y 0 0;
	margin-bottom:1em;
}
.RadioInfoContentsHead{
	background:url(../radio/info/image/radio_info_bg_bloghf.gif) no-repeat 0 0;
}
.RadioInfoContentsFoot{
	background:url(../radio/info/image/radio_info_bg_bloghf.gif) no-repeat left bottom;	
}
.RadioInfoContents h3{
	border-bottom:1px solid #656543;
	margin:0 20px;
	padding:10px 0 3px;
}
.RadioInfoContents h3 img{
	vertical-align:middle;
}
.RadioInfoSection{
	padding:10px 20px;
}
.RadioInfoText{
	float:left;
	width:330px;
}
.RadioInfoPhoto{
	float:right;
	width:200px;
}
.RadioInfoPhoto2{
	margin:10px 55px;
}
.RadioInfoPhoto p,
.RadioInfoPhoto2 p{
	width:200px;
	margin-bottom:10px;
}
.RadioInfoCap{　/*　2011.10.17　*/
font-size:10px;
text-align:left;
width:140px;
}　

/*
++++++++++++++++++++++++
	9)RadioGuest
++++++++++++++++++++++++
*/
.RadioRgDay{
	margin-left:2px;
}
.RadioRgDayStart{
	border-left:1px solid #666;
}
.RadioRgDay li{
	border-right:1px solid #666;
	float:left;	
}
.RadioRgDay h3{
	margin:0 6px;
	font-size:14px;
}
.RadioRgDay h3 bold{
	font-weight:bold;
}

table.RadioGuest{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin:0px 0px 0px 0px;
}

table.RadioGuest td{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background-color:#ffffff;
	padding:8px;
}

table.RadioGuest th{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	text-align:center;
	background-color:#0F3557;
	padding:5px;
}

.RadioRgText{
	color:#777;
}

.RadioRgTime{
	text-align:center;
	background:url(../radio/timetable/image/radio_guest_bg_time.gif) no-repeat 0 0;
	margin-bottom:3px;
	width:120px;
	line-height:21px;
}
/*
++++++++++++++++++++++++
	10)RadioTwitter
++++++++++++++++++++++++
*/
.RadioTwitterBox{
	width:493px;
	height:120px;
	margin-bottom:10px;
	background:url(../radio/image/twitter/bg_twitter.gif) no-repeat 0 0;
}
ul.RadioTwitterBox_inner{
	margin:10px;
	width:310px;
	height:100px;	
	overflow:auto;	
	font-size:small;	
	text-align:left;
	line-height:1.3em;
	color:#000000;
}
ul.RadioTwitterBox_inner li{
	border-bottom:1px dotted #CCCCCC;
	padding-top:3px;
	padding-bottom:3px;
}
ul.RadioTwitterBox_inner li span{
	font-size:x-small;
	color:#000000;
}
ul.RadioTwitterBox_inner li span.hash{
	background-color:#D7EBFF;
	margin-left:5px;
	padding:1px 3px;
}
.RadioTwitterBox_left{
	float:left;
	width:157px;
}
.RadioTwitterBox_right{
	float:right;
	width:330px;
}
/*
++++++++++++++++++++++++
	11)TopTwitter
++++++++++++++++++++++++
*/
.TopTwitter{
	width:302px;
	background:url(../image/top/twitter/top_bg_twitter.gif) no-repeat center bottom;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:left;
}
.TopTwitter h3{
	width:302px;
	height:33px;
	text-align:left;
}
.TopTwitterInner{
	margin:0px 0px 0px 10px;
	width:282px;
	height:80px;
	text-align:left;
	overflow:auto;
}
.TopTwitterInner li{
	padding-left:10px;
	background:url(../image/arrow_blue_tv.gif) no-repeat left center;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++
	12)New RadioTimeTableContainer 2011.4.5
++++++++++++++++++++++++++++++++++++++++++++++++
*/
.RadioTimeTableContainer{
	padding:0px 0px 0px 0px;
}
.RadioTimeTableContainerLeft{
	background-color:#FFF;
	float:left;
	width:770px;
}
.RadioTimeTableContainerLeft h2{
	margin-bottom:10px;
}
.RadioTimeTableContainerRight{
	float:right;
	width:200px;
	text-align:center;
}
.RadioTimeTableContents{
	width:990px;
}
.RadioTimeTableWeekArea{ /* week */
	width:750px;
	margin-left:10px;
}
.RadioTimeTableTodayArea{ /* day */
	border:1px solid #CCCCCC;
	width:748px;
	margin-left:10px;
}
.RadioPrBox{
	background:url(../image/border.gif) repeat-x bottom left;
	margin:0px 0px 10px 10px;
	padding:0px 0px 5px 0px;
	width:625px;
}
.TableRadio_time{
	background-color:#D9D9D9;
	padding:5px 0px 5px 0px;
	font-size:15px;
	text-align:center;
	color:#000000;
}
h4.TableRadio_title{
	font-size:15px;
	font-weight:bold;
	color:#000000;
}
h4.TableRadio_title a{
	color:#0172BC;
}
h4.TableRadio_title a:hover{
	color:#FF9900;
}
.TableRadio_text{
	margin-bottom:20px;
	color:#666666;
}
.TableRadio_Cast{
	margin-bottom:5px;
	color:#666666;
}
.TableRadio_mail{
	margin-bottom:5px;
	color:#666666;
}
.RadioCornerBox{
	margin:0px 0px 10px 10px;
	padding:10px 0px;
	background-color:#E2EFFA;
	width:610px;
}
.RadioCornerBox_inner{
	margin:0px 0px 0px 15px;
}
h3.RadioTimeTableWeek{
	margin:0px 0px 5px 15px;
	font-size:20px;
	font-weight:bold;
}

/* table */
table{
	border-collapse:collapse;
	border-spacing:0;
}
table.TableRadio{
	width:748px;
}
th.TableRadioTh{
	background-color:#FFF;
	width:90px;
	padding:5px;
	text-align:center;
	vertical-align:top;
}
td.TableRadioTd{
	background-color:#FFF;
	width:638px;
	padding:5px;
	text-align:left;
}
/*　　1)New RadioTtBooklet200 Right　　*/
.RightContents200{
	width:200px;
}
.RadioTtBooklet200{
	background:url(../radio/timetable/image/radio_timetable_bg_booklet200.gif) repeat-y 0 0;
}
.RadioTtBookletFoot200{
	background:url(../radio/timetable/image/radio_timetable_bg_booklet_foot200.gif) no-repeat left bottom;
	padding-bottom:5px;
}
.RadioTtBookletSection200{
	padding:5px 11px;
	text-align:left;
}
.RadioTtmb10{
	margin-bottom:10px;
}
h3.RadioTimeTableToday{
	margin-bottom:5px;
	margin-left:10px;
	font-size:20px;
	font-weight:bold;
}
/*　　2)New RadioTimeTableSmenu　　*/
.RadioTimeTableSmenu{
	background-color:#F5F5F5;
	margin:10px 0px 10px 15px;
	padding:5px 0px;
	width:740px;
}
.RadioTimeTableSmenu ul{
	background:url(../tv/timetable/image/timetable_smenu_programlist.gif) no-repeat 0 0;	
	margin-left:7px;
	width:384px;
	height:28px;
}
.RadioTimeTableSmenu li{
	float:left;
	display:block;
}
.RadioTimeTableSmenu li.RadioTimeTableSmenuTime{
	padding-top:6px;
	width:96px;
	font-size:10px;
	text-align:center;
}
.RadioTimeTableSmenu li a{
	text-decoration:none;
	color:#FFFFFF;
}
.RadioTimeTableSmenu li a:hover{
	text-decoration:none;
	color:#FF9900;
}
/*　　3)New RadioTimeTableGmenu　　*/
.RadioTimeTableGmenu{
	background-color:#CCCCCC;
	margin:0px 15px 10px;
	padding:7px 0px;
	width:740px;
}
.RadioTimeTableGmenu ul{
	background:url(../tv/timetable/image/timetable_menu_programlist.gif) no-repeat 0 0;	
	margin-left:7px;
	width:726px;
	height:36px;
}
.RadioTimeTableGmenu li{
	float:left;
	display:block;
}
.RadioTimeTableGmenu li.RadioTimeTableGmenuWeek{
	padding-top:2px;
	width:126px;
	text-align:center;
}
.RadioTimeTableGmenu li.RadioTimeTableGmenuDay{
	padding-top:10px;
	width:75px;
	text-align:center;
}

.RadioTimetableNews{
	margin:0px 15px 5px 15px;
	color:#FF0000;
}