﻿@charset "utf-8";

/*
======================================
	KBC
	2009.09.07

	[4]News
		1)NewsMenuContainer
		2)NewsContainer
		3)NewsProgram
		4)NewsBlog
		5)NewsMovie
		6)NewsWeather/Traffic
======================================	
*/

@import url("fontset.css");
@import url("common_layout.css");
@import url("parts_common.css");

/*
-------------------------
	[4]News
-------------------------
*/
/*
++++++++++++++++++++++++
	1)NewsMenuContainer
++++++++++++++++++++++++
*/
.NewsMenuContainer{
	background:url(../news/image/news_menu.gif) no-repeat 0 0;
	width:670px;
	height:48px;
}
.NewsMenuContainer ul{
	margin-left:190px;
}
.NewsMenuContainer li{
	float:left;
	text-indent:-9999px;
	height:48px;
}
.NewsMenuContainer a{
 	background-repeat:no-repeat;
	background-position:0 0;
	height:48px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}
.NewsMenuContainer a.NewsMenu1,
.NewsMenuContainer a.NewsMenu2,
.NewsMenuContainer a.NewsMenu3,
.NewsMenuContainer a.NewsMenu4,
.NewsMenuContainer a.NewsMenu5,
.NewsMenuContainer a.NewsMenu6,
.NewsMenuContainer a.NewsMenu7{
	background:url(../news/image/news_menu.gif) no-repeat;
}
.NewsMenuContainer a.NewsMenu1{
	background-position:-190px 0;
	width:63px;
}
.NewsMenuContainer a.NewsMenu2{
	background-position:-253px 0;
	width:86px;
}
.NewsMenuContainer a.NewsMenu3{
	background-position:-339px 0;
	width:62px;
}
.NewsMenuContainer a.NewsMenu4{
	background-position:-401px 0;
	width:63px;
}
.NewsMenuContainer a.NewsMenu5{
	background-position:-464px 0;
	width:63px;
}
.NewsMenuContainer a.NewsMenu6{
	background-position:-527px 0;
	width:63px;
}
.NewsMenuContainer a.NewsMenu7{
	background-position:-590px 0;
	width:80px;
}
.NewsMenuContainer a.NewsMenu1:hover{
	background-position:-190px -48px;
}
.NewsMenuContainer a.NewsMenu2:hover{
	background-position:-253px -48px;
}
.NewsMenuContainer a.NewsMenu3:hover{
	background-position:-339px -48px;
}
.NewsMenuContainer a.NewsMenu4:hover{
	background-position:-401px -48px;
}
.NewsMenuContainer a.NewsMenu5:hover{
	background-position:-464px -48px;
}
.NewsMenuContainer a.NewsMenu6:hover{
	background-position:-527px -48px;
}
.NewsMenuContainer a.NewsMenu7:hover{
	background-position:-590px -48px;
}

/*
++++++++++++++++++++++++
	2)NewsContainer
++++++++++++++++++++++++
*/
.NewsContainer{
	background:url(../news/image/news_bg.gif) repeat-y;
	width:670px;
}
.NewsPanel ul{
	float:left;
	width:255px;
	height:460px;
	overflow:auto;
	position:relative;
}
.NewsPanel li{
	margin:0 0 0 15px;
	padding:5px 0 0;
}
#NewsFukuoka dl,
#NewsQoki dl,
#NewsPolitics dl,
#NewsFinance dl,
#NewsSociety dl,
#NewsInternational dl,
#NewsSports dl{
	margin:0;
	padding:0 5px 0 5px;
}
#NewsFukuoka dl{
	border-left:5px solid #FF0000;
}
#NewsQoki dl{
	border-left:5px solid #FF9900;
}
#NewsPolitics dl{
	border-left:5px solid #FFCC00;
}
#NewsFinance dl{
	border-left:5px solid #99CC00;
}
#NewsSociety dl{
	border-left:5px solid #009346;
}
#NewsInternational dl{
	border-left:5px solid #267DFF;
}
#NewsSports dl{
	border-left:5px solid #A746FF;
}
.NewsPanel li dl{
	margin:0;
	padding:0;
}
.NewsPanel li dt{
	margin:0;
	padding:0;
}
.NewsText{
	float:right;
	width:400px;
	height:460px;
}
.NewsText iframe{
	margin-right:10px;
}
p.NewsCopyRight{
	background-color:#F2F2EE;
	border:1px solid #E3E3E3;
	padding:10px;
	color:#FF0000;
	clear:both;
}

/*
++++++++++++++++++++++++
	3)NewsProgram
++++++++++++++++++++++++
*/
.NewsProgramKBC,
.NewsProgramAsahi{
	width:670px;
}
.NewsProgramKBC li{
	float:left;
	margin:0 0 10px 10px;
	padding-left:0 0 10px 0;
	width:310px;
}
.NewsProgramKBC dl{
	width:300px;
	overflow:hidden;
}
.NewsProgramKBC dt{
	float:left;
	clear:both;
}
.NewsProgramKBC dt.LinkThumb a{ /* == parts_common */
	width:134px;
	height:74px;
}
.NewsProgramAsahi dt.LinkThumb a{ /* == parts_common */
	width:75px;
	height:56px;
}
.NewsProgramKBC dd{
	margin-left:150px;
}
.NewsProgramKBC dd.TvTitle{
	font-weight:bold;
}
.NewsProgramKBC dd.TvDay{
	font-size:10px;
}
.NewsProgramKBC dd.TvTime{
	font-size:10px;
}


.NewsProgramAsahi ul{
	padding-top:10px;
}
.NewsProgramAsahi li{
	background:url(../image/border.gif) repeat-x bottom left;
	float:left;
	margin:0px 0px 10px 8px;
	padding:0px 0px 10px 0px;
	width:120px;
}
.NewsProgramAsahi dl{
	width:120px;
}
.NewsProgramAsahi dt{
	margin-bottom:5px;
}
.NewsProgramAsahi dt a{
	border:3px solid #CCCCCC;
	width:107px;
	height:102px;
	display:block;
}
.NewsProgramAsahi dt a:hover{
	border:3px solid #FF9900;
	width:107px;
	height:102px;
	display:block;
}
.NewsProgramAsahi dd{
	margin-left:5px;
}
.NewsProgramAsahi dd.TvTitle{
	font-weight:bold;
	color:#FF9900;
	height:2.5em;
	line-height:13px;
}
.NewsProgramAsahi dd.TvDay{
	font-size:10px;
}
.NewsProgramAsahi dd.TvTime{
	margin-bottom:5px;
	font-size:10px;
}
.NewsProgramAsahi dd.TvLink{
	line-height:14px;
}
.TvLinkBlue{
	background:url(../image/arrow_blue_tv.gif) no-repeat 0 3px;
	padding:0px 0px 0px 8px;
	font-size:10px;
}
.TvLinkOrange{
	background:url(../image/arrow_orange_tv.gif) no-repeat 0 3px;
	padding:0px 0px 0px 8px;
	font-size:10px;
}
/*
++++++++++++++++++++++++
	4)NewsBlog　-------=BlogSection
++++++++++++++++++++++++
*/
/*
++++++++++++++++++++++++
	5)NewsMovie　-------=TvMoveArea == parts_common 
++++++++++++++++++++++++
*/
