@charset "utf-8";

/*
======================================
	KBC
	2009.10.16
	2009.11.11
	2009.12.04
	2009.12.15
	2010.03.10
	2010.04.22
	2010.10.29
	2010.12.22
	2011.11.08

	[1]Top
		1)TopMeinFlashContents
		2)TopSection
		3)TopWhatsNew
		4)TopNewsWether
		5)TopBanner
		6)TopMovie
		7)TopAsahiProgram
		8)TopRanking
		9)TopWebPlan
		10)TopEmergency
		11)TopHawksGame
		12)Twitter
		13)TopKBCshop >> layout_common.css
		14)TopWebIpon
======================================	
*/

@import url("fontset.css");
@import url("common_layout.css");
@import url("parts_common.css");
@import url("../js/skitter/css/skitter.styles.css");

/*
-------------------------
	[1]Top
-------------------------
*/
/*
++++++++++++++++++++++++
	1)TopMeinFlashContents
++++++++++++++++++++++++
*/
.TopMeinFlashContents{
	background:url(http://img.kbc.co.jp/image/top/top_bg_meinflash.gif) no-repeat 0 0;
	padding:8px 0 0 7px;
}
.TopMeinFlash{
	float:left;
	width:480px;
}
.TopProgramNotice{
	float:right;
	width:177px;
}
.TopOnAir{
	background:url(http://img.kbc.co.jp/image/top/top_bg_onair.jpg) no-repeat 0 0;
	height:87px;
}
.TopOnAir ul{
	padding:8px 0 0 5px;
}
.TopOnAir li{
	display:inline;
}
.TopOnAir dl{
	text-align:center;
}
.TopOnAir dt{
	margin:6px 0;
	font-size:10px;
	color:#ED4193;
}
.TopOnAir{
	position:relative;
}
.TopBubble{
	/*text-decoration:none;*/
	z-index:24;
}
.TopBubble span{
	display:none;
}
.TopBubble:hover{
	background:;
	color:#142639;
	z-index:25;
}
.TopBubble:hover span.TopBubbleTool{
	padding-top:15px;
	width:160px;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	color:#333;
	display:block;
	position:absolute;
	top:55px;
	left:26px;
}
.TopBubble:hover span.TopBubbleHead{
	background:url(http://img.kbc.co.jp/image/bg_bubble.gif) no-repeat top;
	padding-top:30px;
	display:block;
}
.TopBubble:hover span.TopBubbleContents{
	background: url(http://img.kbc.co.jp/image/bg_bubble_middle.gif) repeat bottom;
	padding:0 10px;
	display:block;
}
.TopBubble:hover span.TopBubbleFoot{
	background: url(http://img.kbc.co.jp/image/bg_bubble.gif) no-repeat bottom;
	padding:3px 0 10px;
	display:block;
}
.TopTvNotice{
	background:url(http://img.kbc.co.jp/image/top/top_bg_tvnotice.jpg) no-repeat 0 0;
	margin-top:4px;
	padding:3px 4px 10px;
}
.TopTvNotice h2{
	margin-bottom:5px;
}
.TopTvNotice p{
	width:162px;
	height:145px;
	font-size:10px;
	overflow:auto;
}
.TopTvFutura{
	background:url(http://img.kbc.co.jp/image/top/top_bg_tvnotice.jpg) no-repeat 0 0;
	margin-top:4px;
	padding:3px 4px 10px;
}
.TopTvFutura h2{
	margin-bottom:5px;
}
.TopTvFutura dl{
	height: 129px;
    overflow: auto;
	width: 162px;
	margin-bottom:3px;
}
.TopTvFutura dt{
	font-size:11px;
	color:#5498CE;
	line-height: 1.2;
}
.TopTvFutura dd{
	font-size:11px;
	border-bottom:2px solid #D4D4D4;
	line-height: 1.1;
	margin-bottom:4px;
}
.TopTvFutura p{
	text-align:right;
	margin-right:5px;
}
.TopDigital{
	background:url(http://img.kbc.co.jp/image/top/top_bg_digital.jpg) no-repeat 0 0;
	height:179px;
	margin:4px 0;
	text-align:right;
}
.TopDigitalDay{
	margin-right:4px;
	padding-top:1px;
	font-family:Arial;
	font-size:36px;
	letter-spacing:12px;
	color:#0F7CB7;
}
.TopDigital dd{
	margin:104px 9px 0 0;
}
.TopEvent{
	height:179px;
	margin:4px 0;
}
/*
++++++++++++++++++++++++
	2)TopSection == parts_common
++++++++++++++++++++++++
*/
.TopBlueGradientBG{
	background:url(http://img.kbc.co.jp/image/top/top_bg_bluegradient.gif) no-repeat 0 0;
}
/*
++++++++++++++++++++++++
	3)TopWhatsNew
++++++++++++++++++++++++
*/
.TopWhatsNew{
 	width:493px;
	height:37px;
}
.TopWhatsNew li{
	float:left;
	height:37px;
	text-indent:-9999px;
}
.TopWhatsNew ul a{
 	background-repeat:no-repeat;
	background-position:0 0;
	height:37px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}
.TopWhatsNew ul a.TopTabMenu1,
.TopWhatsNew ul a.TopTabMenu2,
.TopWhatsNew ul a.TopTabMenu3,
.TopWhatsNew ul a.TopTabMenu4,
.TopWhatsNew ul a.TopTabMenu5,
.TopWhatsNew ul a.TopTabMenu6{
	background:url(http://img.kbc.co.jp/image/top/top_tab_new.gif) no-repeat;
}
.TopWhatsNew ul a.TopTabMenu1{
	width:87px;
}
.TopWhatsNew ul a.TopTabMenu2{
	background-position:-87px 0;
	width:76px;
}
.TopWhatsNew ul a.TopTabMenu3{
	background-position:-163px 0;
	width:74px;
}
.TopWhatsNew ul a.TopTabMenu4{
	background-position:-237px 0;
	width:88px;
}
.TopWhatsNew ul a.TopTabMenu5{
	background-position:-325px 0;
	width:86px;
}
.TopWhatsNew ul a.TopTabMenu6{
	background-position:-411px 0;
	width:82px;
}
.TopWhatsNew ul a.TopTabMenu1:hover,
.TopWhatsNew .selected a.TopTabMenu1{
	background-position:0 -37px;
}
.TopWhatsNew ul a.TopTabMenu2:hover,
.TopWhatsNew .selected a.TopTabMenu2{
	background-position:-87px -37px;
}
.TopWhatsNew ul a.TopTabMenu3:hover,
.TopWhatsNew .selected a.TopTabMenu3{
	background-position:-163px -37px;
}
.TopWhatsNew ul a.TopTabMenu4:hover,
.TopWhatsNew .selected a.TopTabMenu4{
	background-position:-237px -37px;
}
.TopWhatsNew ul a.TopTabMenu5:hover,
.TopWhatsNew .selected a.TopTabMenu5{
	background-position:-325px -37px;
}
.TopWhatsNew ul a.TopTabMenu6:hover,
.TopWhatsNew .selected a.TopTabMenu6{
	background-position:-411px -37px;
}
.TopWhatsNewDay{
	font-size:10px;
	color:#0071BC;
}
/*
++++++++++++++++++++++++
	4)TopNewsWether == parts_common
++++++++++++++++++++++++
*/
.TopWether{
	float:left;
	width:195px;
}
.TopWether li img{
	margin-bottom:3px;
}
.TopNews{
	float:right;
	width:280px;
	position:relative;
}
.TopNews li{
	background:url(http://img.kbc.co.jp/image/arrow_blue.gif) no-repeat 0 4px;
	border-bottom:1px dotted #808577;
	margin:0 2px 6px 0;
	padding:0 0 3px 12px;
}
.TopNewsMore{
	position:absolute;
	top:-30px;
	right:15px;
}
/*
++++++++++++++++++++++++
	5)TopBanner
++++++++++++++++++++++++
*/
.TopBanner {
	background:#E8E8E8;
}
.TopBanner ul{
	display: inline-block;
	padding: 9px 0 2px 10px;
}
.TopBanner li{
	display:inline;
	float: left;
	margin-right: 11px;
	padding-bottom: 7px;
	width: 150px;
}
.TopBanner li img{
	vertical-align:bottom;
}
/*
++++++++++++++++++++++++
	6)TopMovie
++++++++++++++++++++++++
*/
.TopMovie h2,
.TopMovie li{
	margin-bottom:5px;
}
.TopMovie ul{
	height:435px;
	overflow:auto;
}
.TopMovie dl{
	width:141px;
}
.TopMovie dt{
	background:url(http://img.kbc.co.jp/image/top/top_bg_movieday.gif) no-repeat 0 0;
	font-size:10px;
	text-align:center;
	line-height:18px;
	color:#fff;
}
/*
++++++++++++++++++++++++
	7)TopAsahiProgram
++++++++++++++++++++++++
*/
.TopAsahiProgram h2,
.TopAsahiProgram li{
	margin-bottom:5px;
}
.TopAsahiBn75x56{
	display:inline;
}
/*
++++++++++++++++++++++++
	8)TopRanking
++++++++++++++++++++++++
*/
.TopRanking dt,
.TopRanking li{
	margin-right:7px;
	padding:0 5px 0 20px;
	line-height:20px;	
}
.TopRanking ol{
	height:144px;
	overflow:auto;
	line-height:18px;
	list-style:decimal;
}
#toprankmovie{
	display:none;
}
.TopRanking01{
	background:#EAE8E8 url(http://img.kbc.co.jp/image/top/top_img_rank01.gif) no-repeat 2px 4px;
}
.TopRanking02{
	background:url(http://img.kbc.co.jp/image/top/top_img_rank02.gif) no-repeat 2px 4px;
}
.TopRanking03{
	background:#EAE8E8 url(http://img.kbc.co.jp/image/top/top_img_rank03.gif) no-repeat 2px 4px;
}
.TopRanking04{
	background:url(http://img.kbc.co.jp/image/top/top_img_rank04.gif) no-repeat 2px 4px;
}
.TopRanking05{
	background:#EAE8E8 url(http://img.kbc.co.jp/image/top/top_img_rank05.gif) no-repeat 2px 4px;
}
.TopRanking06{
	background:url(http://img.kbc.co.jp/image/top/top_img_rank06.gif) no-repeat 2px 4px;
}
.TopRanking07{
	background:#EAE8E8 url(http://img.kbc.co.jp/image/top/top_img_rank07.gif) no-repeat 2px 4px;
}
.TopRanking08{
	background:url(http://img.kbc.co.jp/image/top/top_img_rank08.gif) no-repeat 2px 4px;
}
.TopRanking09{
	background:#EAE8E8 url(http://img.kbc.co.jp/image/top/top_img_rank09.gif) no-repeat 2px 4px;
}
.TopRanking10{
	background:url(http://img.kbc.co.jp/image/top/top_img_rank10.gif) no-repeat 2px 4px;
}

/*
++++++++++++++++++++++++
	9)TopWebPlan
++++++++++++++++++++++++
*/
.TopWebPlan{
	background:url(http://www.kbc.co.jp/image/top/top_bg_web.jpg) no-repeat 0 0;  /* nomal */
	/*background:url(http://www.kbc.co.jp/image/top/top_bg_web02.jpg) no-repeat 0 0;*/ /* xmas */
	margin-top:0.8em;
}
.TopWebPlan h2{
	padding:33px 0 0 7px;
}
.TopWebPlan h3{
	background:url(http://www.kbc.co.jp/image/arrow_pink.gif) no-repeat 0 5px;
	padding-left:10px;
}
.TopWebPlan ul{
	margin:23px 164px 0 19px;
	padding-bottom:7px;
}
.TopWebPlan li{
	margin-bottom:7px;
}
.TopWebPlan p{
	margin-left:10px;
	height:30px;
	overflow:hidden;
	color:#666;
}
.TopWebPlan dl,
.TopWebPlan2 dl{
	background:url(http://www.kbc.co.jp/image/top/top_bg_webbn.jpg) no-repeat 0 0;
	padding:16px 20px 13px 8px;
}
.TopWebPlan dt,
.TopWebPlan2 dt,
.TopWebPlan3 dt{
	float:left;
}
.TopWebPlan dd,
.TopWebPlan2 dd,
.TopWebPlan3 dd{
	margin-left:190px;
}

/* for irregular ---add 20091215 */
.TopWebPlan2{
	padding-top:10px;
	text-align:left;
}
.TopWebPlan2 li{
	padding-bottom:7px;
}
/* for irregular ---add 20101030 */
.TopWebPlan3{
	margin-top:0.8em;
}
.TopWebPlan3 dl{
	background:url(http://www.kbc.co.jp/image/top/top_bg_webbn2.jpg) no-repeat 0 0;
	padding:16px 20px 14px 8px;
}
/*
++++++++++++++++++++++++
	10)TopEmergency
++++++++++++++++++++++++
*/
.TopEmergency{
	margin:0 50px;
	padding:10px 0;
}
/*
++++++++++++++++++++++++
	11)TopHawksGame
++++++++++++++++++++++++
*/
.TopHawksGame{
	width:493px;
	background:url(../image/top/hawks/top_bg_hawksgame.gif) no-repeat center bottom;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:left;
}
.TopHawksGame h3{
	width:493px;
	height:44px;
	text-align:left;
}
.TopHawksGameBox{
	width:487px;
}
.TopHawksGameBoxtextLeft{
	float:left;
	width:390px;
	text-align:left;
}
.TopHawksGameBoxtextLeft p{
	margin:3px 0px 0px 15px;
	color:#FFFFFF;
}
.TopHawksGameBoxtextRight{
	float:right;
	width:90px;
	text-align:right;
}
.TopHawksGameBoxtextRight p{
	margin:5px 10px 0px 0px;
	color:#FFFFFF;
	font-size:10px;
}
.TopHawksGameBoxtextLeft p a,
.TopHawksGameBoxtextRight p a{
	text-decoration:none;
	color:#FFFFFF;
}
.TopHawksGameBoxtextLeft p a:hover,
.TopHawksGameBoxtextRight p a:hover{
	text-decoration:none;
	color:#FFCC00;
}
/*
++++++++++++++++++++++++
	12)Twitter
++++++++++++++++++++++++
*/
.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:50px;
	text-align:left;
	overflow:auto;
}
.TopTwitterInner li{
	padding-left:10px;
	background:url(../image/arrow_blue_tv.gif) no-repeat left center;
}


/*
++++++++++++++++++++++++
	13)TopKBCshop >> layout_common.css
++++++++++++++++++++++++
*/
/*
+++++++++++++++++++++++++
	14)TopWebIpon
+++++++++++++++++++++++++
*/
.TopWebIpon{
	width:296px;
	padding:8px 0 4px;
	border:3px solid #F5A100;
	text-align:center;
}
.SkitterContainer{
	margin:4px;
	padding:10px;
	border:1px solid #E6E0D6;
}
.TopWebIpon .box_skitter{
	position:relative;
	width:266px;
	height:63px;
	text-align:center;
}
.TopWebIpon .box_skitter img{
	float:left;
	width:100px;
}
.TopWebIpon .box_skitter .label_skitter{
	width:160px;
	margin-left:105px;
	text-align:left;
}
.IponOff{
	float:left;
	width:60px;
	height:14px;
	background-color:#E84518;
	line-height:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}
.TopWebIpon .box_skitter .IponOrPrice{
	margin-left:63px;
	line-height:14px;
	font-size:10px;
	color:#5DB9C8;
}
.TopWebIpon .box_skitter .IponPrice{
	clear:both;
	width:160px;
	margin-top:5px;
	background-color:#FFFFA8;
	font-size:14px;
	font-weight:bold;
	color:#E84518;
	text-align:center;
}
.TopWebIpon .box_skitter .IponTitle{
	width:160px;
	text-align:left;
	font-size:10px;
	line-height:12px;
}
.IponTitle a{
	text-decoration:none;
}