@charset "utf-8";

@import url("base.css");


#flasharea{
clear:both;
width:100%;
background:url(../img/top/flash_bg.jpg) left top repeat-x;
}
#flasharea img{ margin:0 auto;}

/* --------------------------------------------------

clmun

--------------------------------------------------- */

#column_top_center{
	width:545px;
	float:left;
	padding-left:13px;
}

#column_top_right{
	width:200px;
	float:right;
}

/* --------------------------------------------------

clmun left

--------------------------------------------------- */

#columnleft #columnleftMenu .top_movie{   /*動画コーナー*/
	width:190px;
	padding:5px;
	margin-bottom:15px;
	background:url(../img/top/movie_bg.jpg) left top repeat;
	/*background:#FFCC00;*/
	background:#333333;      /*	(黒)  */
}

#columnleft #columnleftMenu #nowplaying{
	background:#000000;   /*ただ今放送中 全体背景*/
	padding:5px;
	width:190px;
}

#columnleft #columnleftMenu #nowplaying h3{   /*ただ今放送中 タイトル*/
	font-size:12px;/*フォントサイズ固定*/
	background:url(../img/top/program_date_bg.jpg) no-repeat;
	color:#0066FF;
	height:28px;
    padding-right:8px;
	padding-left:24px;
	padding-top:5px;
}

#columnleft #columnleftMenu #nowplaying .program{
	width:190px;
	height:180px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-bottom:5px;
}

#columnleft #columnleftMenu #nowplaying .program ul{
	width:170px;
}

#columnleft #columnleftMenu #nowplaying .program li{   /*番組詳細部分*/
	/*margin-bottom:3px;*/
	margin-bottom:1px;
	width:164px;
	text-indent:5px;
	padding:0 3px;
	/*background:#FFFFCC;
	background:#DDFFFF;*/
	background:#FFFFFF;
	color:#000000;
	vertical-align:top;
}



#columnleft #columnleftMenu #nowplaying .program li .date{  /*番組詳細　日付部分*/
	width:55px;
	height:auto;
	float:left;
	margin:0px;
	vertical-align:top;
	padding:2px 0px;
	font-size:10px;
	font-weight:bold;

	margin-top:1px;
	background-color:#CCCCCC;
	color:#000000;
}

#columnleft #columnleftMenu #nowplaying .program li p{  /*番組詳細　番組名部分*/
	width:109px;
	height:auto;
	text-indent:2px;
	float:left;
	margin:0px;
	padding:3px 0px;
	vertical-align:top;
	/*font-size:90%*/;

	font-size:12px;
}

#columnleft #columnleftMenu #nowplaying .program li a{   /*番組詳細　リンク文字*/
	color:#3366CC;
	display:block;

	text-decoration: none;
}
#columnleft #columnleftMenu #nowplaying .program li a:hover{   /*番組詳細　リンク文字(マウスオーバー)*/
	color:#FFFFFF;
	background-color:#3884F4;
}

#columnleft #columnleftMenu #nowplaying .program li.now{  /*番組詳細　現在放送中*/
	/*background-color:#5FC1E8;69BBEB*/
	background-color:#38E9E8;
	color:#000000;
	min-height:60px;
}

#columnleft #columnleftMenu #nowplaying .program li.now a{   /*番組詳細　現在放送中　リンク文字*/
	color: #000000;
}

#columnleft #columnleftMenu #nowplaying .program li.now a:hover{   /*番組詳細　現在放送中　リンク文字(マウスオーバー)*/
	color: #FFFFFF;
}


#columnleft #columnleftMenu h2.ranking_title{
	width:200px;
	height:60px;
	margin-top:0px;
}

#columnleft #columnleftMenu h2.ranking_title img{
	margin-top:0px;
}

#columnleft #columnleftMenu .ranking{
	margin-bottom:10px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:200px;
	/*height:160px;*/
	/*height:200px;*/
	height:320px;
}

#columnleft #columnleftMenu .ranking table{
	width:177px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #3A7ADC;
	border-right-color: #3A7ADC;
	border-left-color: #3A7ADC;
}

#columnleft #columnleftMenu .ranking table img{ vertical-align:middle;}

#columnleft #columnleftMenu .ranking th{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3A7ADC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #3A7ADC;
	line-height:130%;
	font-size:0px;

}

#columnleft #columnleftMenu .ranking td{
	border-bottom-width: 1px;
	padding:5px 2px;
	border-bottom-style: solid;
	border-bottom-color: #3A7ADC;
	line-height:130%;
	font-size:85%;

}
#columnleft #columnleftMenu .ranking td a{
    display:block;
	float:right;
	width:120px;}

#columnleft #columnleftMenu .ranking td .icon{ float:left;}


#columnleft #columnleftMenu .ranking td.odd{
	background-color:#9BC1F9;
}

#columnleft #columnleftMenu .mobile{
	width:200px;
	height:161px;
	margin-bottom:10px;
}

#columnleft #columnleftMenu .chidejika{
	background:url(../img/top/chidejika.jpg) no-repeat;
	width:200px;
	height:335px;
	position:relative;
}

#columnleft #columnleftMenu .chidejika .number{
	position:absolute; top:105px; left:13px;
}

#columnleft #columnleftMenu .chidejika .number li{
	float:left;
	margin-right:3px;
}

#columnleft #columnleftMenu .chidejika .out_btn{
	position:absolute; top:248px; left:13px;
}

/* --------------------------------------------------

clmun center

--------------------------------------------------- */
#column_top_center #oabInfo{
	background-image: url(../img/top/oabinfo_b.gif);
	background-repeat: repeat-y;
	margin-bottom:10px;
}
#column_top_center #oabInfo #title{
	background-image: url(../img/top/oabinfo_h.gif);
	background-repeat: no-repeat;
	height: 40px;
}

#column_top_center #oabInfo h2{ vertical-align:middle; float:left; padding:15px 0 0 20px;}
#column_top_center #oabInfo #infoBtn {float:right;  margin:15px 20px 0 0 ;}
#column_top_center #oabInfo ul{
	background-image: url(../img/top/oabinfo_f.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom:5px;
	text-align:left;

}
#column_top_center #oabInfo li{
	background-image: url(../img/common/dot_x_blue.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding:5px 0;
	font-size:90%;
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
}
#column_top_center #oabInfo li.top{
	background-image: none;
	padding:2px 0px 5px 0px;
}
#column_top_center #oabInfo li span{
	color: #2478D0;
	font-weight: bold;
	font-size:10px;
	width:90px;
	float:left;
}

#column_top_center #oabInfo li a{width:430px; float:right;}



#column_top_center h2.oabnews_title{
	width:545px;
	height:27px;
	text-indent:-1000em;
	background:url(../img/top/h3_oab_news.jpg) no-repeat;
}

#column_top_center .oabnews{
	width:545px;
}

#column_top_center .oabnews ul{
	margin-bottom:4px;
}

#column_top_center .oabnews li{
	text-align:left;
	width:545px;
	color:#000000;
	padding:1px 0px 1px 0px;
}

#column_top_center .oabnews li p{
font-size:90%;
	margin-top:2px;
	padding-top:3px;
}

*html #column_top_center .oabnews li p{
	margin-top:4px;
	padding-top:8px;
}

*:first-child+html #column_top_center .oabnews li p{
	margin-top:4px;
	padding-top:6px;
}

#column_top_center .oabnews li p a{

}

#column_top_center .oabnews li.odd{
	background:url(../img/top/news_libg_odd.jpg) top repeat-y;

	border-bottom:1px #969596 solid;
}

#column_top_center .oabnews li.even{
	background:url(../img/top/news_libg_even.jpg) top repeat-y;

	border-bottom:1px #969596 solid;
}

#column_top_center .oabnews li.last{
	background:url(../img/top/news_libg_last.jpg) bottom no-repeat;

}

#column_top_center .oabnews li .newsdate{
	font-size:10px;/*フォントサイズ固定*/
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	width:105px;
	height:20px;
	padding-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	float:left;
	background:url(../img/top/news_date_bg.gif) left no-repeat;
}

*html #column_top_center .oabnews li .newsdate{
	font-size:10px;/*フォントサイズ固定*/
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	width:105px;
	height:20px;
	padding-top:3px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	float:left;
	background:url(../img/top/news_date_bg.gif) left no-repeat;
}

*:first-child+html #column_top_center .oabnews li .newsdate{
	font-size:10px;/*フォントサイズ固定*/
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	width:105px;
	height:20px;
	padding-top:6px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	float:left;
	background:url(../img/top/news_date_bg.gif) left no-repeat;
}

.iconNews{ margin-left:5px; vertical-align:middle;}

#column_top_center h2.recommend_title{
	background:url(../img/top/h2_sorapo_recommend.gif) no-repeat;
	width:551px;
	height:48px;
	text-indent:-1000em;
	margin-left:-6px;
	margin-bottom:8px;
}

#column_top_center .sorapo_recommend{
	width:545px;
	height:350px;
	/*	height:365px;(現在)  273px(以前) */
	overflow-y:scroll;
	overflow-x:hidden;
	text-align:left;
	margin-bottom:18px;
}

#column_top_center .sorapo_recommend h3{ margin:3px 0;}

#column_top_center .sorapo_recommend li{

	margin-bottom:20px;
	padding-bottom:12px;
	background:url(../img/top/blue_line.gif) left bottom repeat-x;
}

#column_top_center .sorapo_recommend li .r_box_l{
	float:left;
	margin-right:8px;
	width:250px;
}

#column_top_center .sorapo_recommend li .r_box_l .imgdate{
	float:left;
	width:118px;
	margin-right:5px;
	text-align:center;
	border:2px solid #AECBF2;
	padding:3px;
}

#column_top_center .sorapo_recommend li .r_box_l dl{
	width:100px;
	float:left;
	font-size:90%;
}

#column_top_center .sorapo_recommend li .r_box_l dt img{
	width:auto;
	float:none;
}

#column_top_center .sorapo_recommend li .r_box_l .title{
	color:#2478D0;
	margin-bottom:5px;
	font-weight:bold;
}

#column_top_center .sorapo_recommend li .r_box_l .title a{

	color:#2478D0;
}

#column_top_center .sorapo_recommend li .r_box_r{
	float:left;
		width:250px;
}

#column_top_center .sorapo_recommend li .r_box_r .imgdate{
	float:left;
	width:118px;
	margin-right:5px;
	text-align:center;
	border:2px solid #AECBF2;
	padding:3px;
}

#column_top_center .sorapo_recommend li .r_box_r dl{
	width:130px;
	float:left;
	font-size:90%;
}

#column_top_center .sorapo_recommend li .r_box_r dt img{
	width:auto;
	float:none;
}

#column_top_center .sorapo_recommend li .r_box_r .title{
	color:#2478D0;
	margin-bottom:5px;
	font-weight:bold;
}

#column_top_center .sorapo_recommend li .r_box_r .title a{

	color:#2478D0;
}
#column_top_center h2.nowentry_title{
	background:url(../img/top/h2_now_entry.jpg) no-repeat;
	width:545px;
	height:32px;
	text-align:right;
	margin-bottom:18px;
}

#column_top_center .nowentry{

	text-align:left;
	margin-bottom:0px;
}

#column_top_center .nowentry h3{ margin:3px 0;}

#column_top_center .nowentry li{
	width:528px;
	margin-bottom:2px;
	padding-bottom:2px;
}

#column_top_center .nowentry li .r_box_l{
	float:left;
	margin-right:8px;
	width:250px;
}

#column_top_center .nowentry li .r_box_l .imgdate{
	float:left;
	width:75px;
	text-align:center;
	margin-right:5px;
	padding:3px;
}

#column_top_center .nowentry li .r_box_l .imgdate img{
	border:2px solid #AECBF2;
}

#column_top_center .nowentry li .r_box_l  img{
	width:auto;
	float:none;
}

#column_top_center .nowentry li .r_box_l .title{
	color:#2478D0;
	margin-bottom:5px;
	font-weight:bold;
}

#column_top_center .nowentry li .r_box_l .title a{

	color:#2478D0;
}

#column_top_center .nowentry li .r_box_r{
	float:left;
	width:250px;
}

#column_top_center .nowentry li .r_box_r .imgdate{
	float:left;
	width:75px;
	margin-right:5px;
	text-align:center;
	padding:3px;
}

#column_top_center .nowentry li .r_box_r .imgdate img{
	border:2px solid #AECBF2;
}

#column_top_center .nowentry li .r_box_r img{
	width:auto;
	float:none;
}

#column_top_center .nowentry li .r_box_r .title{
	color:#2478D0;
	margin-bottom:5px;
	font-weight:bold;
}

#column_top_center .nowentry li .r_box_r .title a{

	color:#2478D0;
}


#column_top_center .nowentryContainer{      /*  ただ今募集中  */
	clear:both;
/*	max-height:365px;(4行)  265px(3行) 190px(2行) */
	max-height:265px;
	text-align:left;
	overflow-y:auto;
	overflow-x:hidden;
	margin-bottom:20px;
	width:545px;

}

#column_top_center .nowentryList{
	margin-top:5px;
	padding-top:5px;
	background:url(../img/top/blue_line.gif) left top repeat-x;

}

#column_top_center .nowentryList li{
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../img/top/blue_line.gif) left bottom repeat-x;

}

#column_top_center .nowentryList li img{
	vertical-align:middle;
}

#column_top_center .nowentryList li a.title{

	color:#2478D0;
	font-weight:bold;
}


#column_top_center .nowentryList li .limit{ margin-left:3px;}

#column_top_center h2.three_blog_title{
	background:url(../img/top/h2_3blog.jpg) no-repeat;
	width:545px;
	height:32px;
	text-indent:-1000em;
	margin-bottom:10px;
}

#column_top_center .three_blog{
}

#column_top_center .three_blog li{
	background:url(../img/top/blue_line.gif) left bottom repeat-x;
	padding-bottom:8px;
	margin-bottom:8px;
	text-align:left;
}

#column_top_center .three_blog li img{
	float:left;
	padding:0px;
	margin:0px;
	margin-right:15px;
	border:2px solid #AECBF2;
}

#column_top_center .three_blog li dl{
	float:left;
	width:420px;
}

#column_top_center .three_blog li dt.title{
	color:#2478D0;
	margin-bottom:3px;
	font-weight:bold;
}

#column_top_center .three_blog li dt.title a{
	color:#2478D0;
}

#column_top_center .three_blog li dt img{
	float:none;
	padding:0;
	margin:0;
	border:none;
}
#column_top_center .three_blog li dt img a{
background-color:none;
text-decoration:none;
}
/* --------------------------------------------------

clmun right

--------------------------------------------------- */

#column_top_right h2.tenki img{
margin-top:-15px;

}

#column_top_right .top_tenki{
	font-size:0px;
	height: 75px;
	background-image: url(../img/top/bg_tenki.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#column_top_right h2.sorapo_world_title{
	width:200px;
}

#column_top_right h3.todaays_sorapo{
	width:200px;
	background:url(../img/top/h3_todays_sorapo.jpg) top left no-repeat;
	height:32px;
	text-indent:-1000em;
}

#column_top_right .todaays_sorapoImg{ width:170px; margin:0 auto; padding:10px 0; background-color:#FFFFFF;}

#column_top_right .sorapo_world{
	background:url(../img/top/sorapo_world_bg.jpg) top left repeat-y;
	padding-bottom:10px;
}

#column_top_right .sorapo_world .no_padding{
	padding:0px;
	margin:0px;
	font-size:0px;

	padding-top:5px;
}

#column_top_right h3.kokuchi{
	width:200px;
	height:54px;
}

/* banner */
#column_top_right #mBanner{
clear:both;

}

#column_top_right #mBanner li{
margin-bottom:5px;
}
#column_top_right #mBanner li img{
vertical-align: top;

}

