﻿@charset "utf-8";

/*
======================================
	KBC
	2009.10.16

	[2]TV
	[2-1]TvTop
		1)TvMeinAreaContents
		2)TvNewsEmergency
		3)TvKbcProgram
		4)TvAsahiProgram
		5)TvTopTimeTable
		6)TvNewsEmergency_right
	[2-2]KBCTV TimeTable
		1)TvTimeTableDetail
		2)TvTimeTableContainer
		3)TvTimeTableContainerRight
		4)TvTimeTableGmenu
		5)TvTimeTableSmenu
		6)table TvTimeTable
		7)table TvTimeTableWeek ※2009.11.17
		8)TvProgramBox
======================================	
*/

@import url("fontset.css");
@import url("common_layout.css");
@import url("parts_common.css");

/*
-------------------------
	[2-1]TvTop
-------------------------
*/
/*
++++++++++++++++++++++++
	1)TvMeinAreaContents
++++++++++++++++++++++++
*/
.TvMeinAreaContents{
	/*　background:url(../tv/image/tv_meinarea/tv_bg_sawadadesu.gif) no-repeat 0 0;　*/
	/*　background:url(../tv/image/tv_meinarea/tv_bg_duomo20th.gif) no-repeat 0 0;　*/
				
	background:url(../tv/image/tv_meinarea/tv_bg_duomo.jpg) no-repeat 0 0;
	padding:0px 0px 0px 3px;
	height:213px;
}
.TvMeinAreaLeft{
	float:left;
	width:435px;
	margin-top:3px;
}
.TvMeinAreaRight{
	float:right;
	width:230px;
	margin-top:3px;
}
.TvNewNews{
	background:url(../tv/image/tv_bg_new.gif) no-repeat 0 bottom;
	width:220px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 7px 0px;
}
.TvNewNews h2{
	margin:0px 0px 5px 0px;
}
.TvNews{
	margin:0px 8px 0px 8px;
	height:165px;
	overflow:auto;
}
.TvNews dl{
	background:url(../image/border.gif) repeat-x bottom left;
	margin:0px 5px 5px 0px;
	padding:0px 0px 5px 0px;
}
.TvNews dt.TvNewsDay{
	font-size:10px;
}
.TvNews dd{
}

/*
++++++++++++++++++++++++
	2)TvNewsEmergency
++++++++++++++++++++++++
*/
.TvNewsEmergency{
	background:url(../tv/image/tv_bg_emergency.gif) no-repeat center bottom;
	width:670px;
	height:150px;
}
.TvNewsEmergency h2{
}
.TvNewsEmergencyInner{
	margin:0px 10px 0px 10px;
	height:103px;
	overflow:auto;
}

/*
++++++++++++++++++++++++
	3)TvKbcProgram
++++++++++++++++++++++++
*/
.TvKbcProgram{
}
.TvKbcProgram h2{
	margin-bottom:5px;
}
.TvKbcProgram h3{
	margin-top:5px;
	padding-left:0px;
}
.TvPanel{
	margin-left:10px;
	width:660px;
	height:455px;
	overflow:auto;
}
.TvPanel p.endprogram{
	text-align:right;
	margin-right:15px;
}
.TvPanel ul{
	padding-top:9px;
}
.TvPanel li{
	background:url(../image/border.gif) repeat-x bottom left;
	float:left;
	margin:0px 10px 10px 0px;
	padding:0px 0px 10px 0px;	
	width:300px;
}
.TvPanel dl{
	width:290px;
	overflow:hidden;
}
.TvPanel dt{
	float:left;
	clear:both;
}
.TvPanel dt a,
.TvPanel dt a:hover{ /* == parts_common */
	width:134px;
	height:74px;
}
.TvPanel dd{
	margin-left:150px;
}
.TvPanel dd.TvTitle{
	font-weight:bold;
	color:#0071BC;
}
.TvPanel dd.TvEndTitle{
	margin-bottom:5px;
	font-weight:bold;
	color:#0071BC;
}
.TvPanel dd.TvDay{
	font-size:10px;
}
.TvPanel dd.TvTime{
	margin-bottom:5px;
	font-size:10px;
}
.TvPanel 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;
}
.TvKbcProgramDay{
	color:#0071BC;
	font-size:10px;
}

/*
++++++++++++++++++++++++
	4)TvAsahiProgram
++++++++++++++++++++++++
*/
.TvAsahiProgramArea{
 	width:670px;
}
.TvAsahiProgramTab{
	margin-bottom:5px;
}
.TvAsahiProgramTab li{
	float:left;
	height:45px;
	text-indent:-9999px;
}
.TvAsahiProgramTab ul a{
 	background-repeat:no-repeat;
	background-position:0 0;
	height:45px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu1,
.TvAsahiProgramTab ul a.TvAsahiTabMenu2,
.TvAsahiProgramTab ul a.TvAsahiTabMenu3,
.TvAsahiProgramTab ul a.TvAsahiTabMenu4,
.TvAsahiProgramTab ul a.TvAsahiTabMenu5,
.TvAsahiProgramTab ul a.TvAsahiTabMenu6,
.TvAsahiProgramTab ul a.TvAsahiTabMenu7{
	background:url(../tv/image/tv_tab_program_asahi.gif) no-repeat;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu1{
	width:130px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu2{
	background-position:-130px 0;
	width:90px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu3{
	background-position:-220px 0;
	width:90px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu4{
	background-position:-310px 0;
	width:90px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu5{
	background-position:-400px 0;
	width:90px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu6{
	background-position:-490px 0;
	width:90px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu7{
	background-position:-580px 0;
	width:90px;
}

.TvAsahiProgramTab ul a.TvAsahiTabMenu1:hover,
.TvAsahiProgramTab .selected a.TvAsahiTabMenu1{
	background-position:0 -45px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu2:hover,
.TvAsahiProgramTab .selected a.TvAsahiTabMenu2{
	background-position:-130px -45px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu3:hover,
.TvAsahiProgramTab .selected a.TvAsahiTabMenu3{
	background-position:-220px -45px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu4:hover,
.TvAsahiProgramTab .selected a.TvAsahiTabMenu4{
	background-position:-310px -45px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu5:hover,
.TvAsahiProgramTab .selected a.TvAsahiTabMenu5{
	background-position:-400px -45px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu6:hover,
.TvAsahiProgramTab .selected a.TvAsahiTabMenu6{
	background-position:-490px -45px;
}
.TvAsahiProgramTab ul a.TvAsahiTabMenu7:hover,
.TvAsahiProgramTab .selected a.TvAsahiTabMenu7{
	background-position:-580px -45px;
}

.TvAsahiPanel{
	width:670px;
	height:187px;
	overflow:auto;
}
.TvAsahiPanel ul{
	padding-top:10px;
}
.TvAsahiPanel li{
	background:url(../image/border.gif) repeat-x bottom left;
	float:left;
	margin:0px 0px 10px 8px;
	padding:0px 0px 10px 0px;
	width:120px;
}
.TvAsahiPanel dl{
	width:120px;
}
.TvAsahiPanel dt{
	margin-bottom:5px;
}
.TvAsahiPanel dt a{
	border:3px solid #CCCCCC;
	width:107px;
	height:102px;
	display:block;
}
.TvAsahiPanel dt a:hover{
	border:3px solid #FF9900;
	width:107px;
	height:102px;
	display:block;
}
.TvAsahiPanel dd{
	margin-left:5px;
}
.TvAsahiPanel dd.TvTitle{
	font-weight:bold;
	color:#FF9900;
	height:2.5em;
	line-height:13px;
}
.TvAsahiPanel dd.TvDay{
	font-size:10px;
}
.TvAsahiPanel dd.TvTime{
	margin-bottom:5px;
	font-size:10px;
}
.TvAsahiPanel dd.TvLink{
	line-height:14px;
}

/*
++++++++++++++++++++++++
	4)TvMoveArea
++++++++++++++++++++++++
*/

h2.TvMove{
	margin-bottom:10px;
}
/* 
dl.TvMoveBox
dd.TvMoveDay
dd.TvMoveTitle
dd.TvMoveText
dd.TvMoveProgramName  == parts_common 
*/

/*
++++++++++++++++++++++++
	5)TvTopTimeTable
++++++++++++++++++++++++
*/
.TvTopTimeTable{
	background:url(../tv/image/tv_bg_program.gif) no-repeat center bottom;
	width:670px;
	height:91px;
}
.TvTopTimeTable dl{
	width:670px;
	height:49px;
}
.TvTopTimeTable dt{
	float:left;
	width:160px;
	text-indent:-9999px;
}
.TvTopTimeTable dd{
	margin-left:170px;
}
.TvTopTimeTable dd p{
	padding-top:18px;
}
.TvTopTimeTable dd p a{
	color:#0172BC;
}
.TvTopTimeTable dd p a:hover{
	color:#FF9900;
}
.TvTopTimeTableBox{
	background:url(../tv/image/tv_menu_programlist.gif) no-repeat 0 0;	
	margin-left:7px;
	width:656px;
	height:36px;
}
.TvTopTimeTableBox ul{
}
.TvTopTimeTableBox li{
	float:left;
	display:block;
}
.TvTopTimeTableBox li.TimeTableBoxWeek{
	padding-top:2px;
	width:96px;
	text-align:center;
}
.TvTopTimeTableBox li.TimeTableBoxDay{
	padding-top:10px;
	width:70px;
	text-align:center;
}
/*.TvTopTimeTableBox li.TimeTableBoxDay a{
	color:#0172BC;
}
.TvTopTimeTableBox li.TimeTableBoxDay a:hover{
	color:#FF9900;
}*/

/*
++++++++++++++++++++++++
	6)TvNewsEmergency_right
++++++++++++++++++++++++
*/
.TvNewsEmergency_right{
	background:url(../tv/image/tv_bg_emergency_302.gif) no-repeat center bottom;
	width:302px;
	height:150px;
}
.TvNewsEmergency_right h2{
}
.TvNewsEmergency_rightInner{
	margin:0px 10px 0px 10px;
	height:103px;
	overflow:auto;
}

/*
-------------------------
	[2-2]KBCTV TimeTable
-------------------------
*/
.TvTimeTableContents{
	width:990px;
	background-color:#FFFFFF;
}
.TvTimeTableContents h2{
}
.TvTimeTableContents h3.TvTimeTable{
	margin-left:10px;
	font-size:20px;
	font-weight:bold;
	color:#0172BC;
}
.TvTimeTableContents h3.TvTimeTableToday{
	margin-bottom:5px;
	font-size:20px;
	font-weight:bold;
}


/*
++++++++++++++++++++++++
	1)TvTimeTableDetail
++++++++++++++++++++++++
*/
/*.TvTimeTableDetail{
	background-color:#FFFFEC;
	border:1px solid #FFCC00;
	margin:0px 10px 0px 10px;
	padding:10px;
}*/
.TvTimeTableDetail{
	background-color:#FFFFFF;
	border:2px solid #0172BC;
	margin:0px 10px 0px 10px;
	padding:10px;
}
.TvTimeTableDetail h4{
	margin-bottom:5px;
	font-size:16px;
}
.TvTimeTableDetail p.TvTimeTableDetailNote{
	margin-bottom:5px;
	color:#990000;
}

/*
++++++++++++++++++++++++
	2)TvTimeTableContainer
++++++++++++++++++++++++
*/
.TvTimeTableContainer{
	background:url(../tv/timetable/image/timetable_bg_tvtimetablecontainer.gif) repeat-y 0 0;	
	padding:0px 10px 0px 10px;
	/*width:970px;*/
}
.TvTimeTableContainerLeft{
	float:left;
	width:740px;
}
.TvTimeTableContainerRight{
	background-color:#D8EAF8;
	float:right;
	width:200px;
	text-align:center;
}
/*
++++++++++++++++++++++++
	3)TvTimeTableContainerRight
++++++++++++++++++++++++
*/
.TvTimeTableContainerRight h3{
	margin-bottom:15px;
}
.TvTimeTableContainerRight img.bn{
	margin-bottom:20px;
}
.TVInfoCap{
font-size:10px;
text-align:left;
width:140px;
}
/*
++++++++++++++++++++++++
	4)TvTimeTableGmenu
++++++++++++++++++++++++
*/
.TvTimeTableGmenu{
	background-color:#CCCCCC;
	padding:7px 0px;
	width:740px;
}
.TvTimeTableGmenu ul{
	background:url(../tv/timetable/image/timetable_menu_programlist.gif) no-repeat 0 0;	
	margin-left:7px;
	width:726px;
	height:36px;
}
.TvTimeTableGmenu li{
	float:left;
	display:block;
}
.TvTimeTableGmenu li.TvTimeTableGmenuWeek{
	padding-top:2px;
	width:126px;
	text-align:center;
}
.TvTimeTableGmenu li.TvTimeTableGmenuDay{
	padding-top:10px;
	width:75px;
	text-align:center;
}
/*.TvTimeTableGmenu li.TvTimeTableGmenuDay a{
	color:#0172BC;
}
.TvTimeTableGmenu li.TvTimeTableGmenuDay a:hover{
	color:#FF9900;
}*/



/*
++++++++++++++++++++++++
	5)TvTimeTableSmenu
++++++++++++++++++++++++
*/
.TvTimeTableSmenu{
	background-color:#F5F5F5;
	margin:0px 0px 10px 0px;
	padding:5px 0px;
	width:740px;
}
.TvTimeTableSmenu ul{
	background:url(../tv/timetable/image/timetable_smenu_programlist.gif) no-repeat 0 0;	
	margin-left:7px;
	width:384px;
	height:28px;
}
.TvTimeTableSmenu li{
	float:left;
	display:block;
}
.TvTimeTableSmenu li.TvTimeTableSmenuTime{
	padding-top:6px;
	width:96px;
	font-size:10px;
	text-align:center;
}
.TvTimeTableSmenu li a{
	text-decoration:none;
	color:#FFFFFF;
}
.TvTimeTableSmenu li a:hover{
	text-decoration:none;
	color:#FF9900;
}

/*
++++++++++++++++++++++++
	6)table TvTimeTable
++++++++++++++++++++++++
*/

table{
	border-collapse:collapse;
	border-spacing:0;
}


table.TvTimeTable{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin:0px 0px 5px 0px;
}
table.TvTimeTable th{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	width:20px;
	padding:5px;
	text-align:center;
	color:#FFFFFF;
}

th.TvTimeTableMo{background-color:#62C0FF;}
th.TvTimeTableDa{background-color:#15A2FF;}
th.TvTimeTableNi{background-color:#0071BC;}
th.TvTimeTableMi{background-color:#00406A;}
td.TvTimeTable{	
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:10px 5px 0px 5px;
	text-align:left;
}

/*
++++++++++++++++++++++++
	7)table TvTimeTableWeek 
++++++++++++++++++++++++
*/

table.TvTimeTableWeek{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin:0px 0px 0px 0px;
}

table.TvTimeTableWeek th,
table.TvTimeTableWeek td{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:5px;
}

table.TvTimeTableWeek th{
	text-align:center;
	background-color:#F5F5F5;
}

th.TvTimeTableWeekNone{width:2%;}
th.TvTimeTableWeekDay{width:10%;}

td.TvTimeTableWeekTitle,
td.TvTimeTableWeekTitleSat,
td.TvTimeTableWeekTitleSun{
	vertical-align:top;
	width:10%;
}
td.TvTimeTableWeekTitle a,
td.TvTimeTableWeekTitleSat a,
td.TvTimeTableWeekTitleSun a{
	color:#0172BC;
}
td.TvTimeTableWeekTitle a:hover,
td.TvTimeTableWeekTitleSat a:hover,
td.TvTimeTableWeekTitleSun a:hover{
	color:#FF9900;
}
td.TvTimeTableWeekTitle{background-color:#FFFFFF;}
td.TvTimeTableWeekTitleSat{background-color:#ECFFFF;}
td.TvTimeTableWeekTitleSun{background-color:#FFE6E6;}

td.TvTimeTableWeekTitle span.TitleTime,
td.TvTimeTableWeekTitleSat span.TitleTime,
td.TvTimeTableWeekTitleSun span.TitleTime{
	font-weight:bold;
}

td.TvTimeTableWeekTimeMo,
td.TvTimeTableWeekTimeDa,
td.TvTimeTableWeekTimeNi,
td.TvTimeTableWeekTimeMi{
	text-align:center;
	color:#FFFFFF;
	vertical-align:top;
	width:2%;
}
td.TvTimeTableWeekTimeMo{background-color:#62C0FF;}
td.TvTimeTableWeekTimeDa{background-color:#15A2FF;}
td.TvTimeTableWeekTimeNi{background-color:#0071BC;}
td.TvTimeTableWeekTimeMi{background-color:#00406A;}

.TvTimeTableWeekTime_box{
	height:1400px;
	overflow:auto;
}

/*
++++++++++++++++++++++++
	8)TvProgramBox
++++++++++++++++++++++++
*/
.TvProgramBox{
	background:url(../image/border.gif) repeat-x bottom left;
	margin:0px 5px 10px 5px;
	padding:0px 0px 10px 0px;
	width:688px
}
dl.TvProgram{
	/*background:url(../tv/timetable/image/timetable_bg_program.gif) repeat-y 0 0;*/
}
dl.TvProgram dt{
	background-color:#D8EAF8;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	width:100px;
	font-size:15px;
	text-align:center;
}
dl.TvProgram dd{
	margin-left:105px;
}
dl.TvProgram dd.TvProgramTitle{
	margin-bottom:15px;
	font-size:15px;
	font-weight:bold;
	color:#000000;
}
dl.TvProgram dd.TvProgramTitle a{
	color:#0172BC;
}
dl.TvProgram dd.TvProgramTitle a:hover{
	color:#FF9900;
}
dl.TvProgram dd.TvProgramText{
	margin-bottom:15px;
}
dl.TvProgram dd.TvProgramCast{
	/*padding-left:16px;
	background:url(../tv/timetable/image/syutuen.gif) no-repeat 0px 1px;*/
}
dl.TvProgram dd.TvProgramIcon{
}

