@charset "Shift-JIS";

/*******************************************

title {
	KTV Kansai Telecasting Corporation;
}

about {
	KTV ナビ専用 CSS;
}

issue date {
	2011.03.08;
}

revision date {
	2011.06.01;
}

*******************************************/


/*---------------------------------------------------
                      [globalHeader]
-----------------------------------------------------
                    上部のナビ部分
-----------------------------------------------------
					  .globalHeader
-----------------------------------------------------*/

div.headerConts {
	position: relative;
	width: 960px;
	height:138px;
	margin: 0 auto;
}

/*通常8ロゴ-----------------------*/
div.headerConts h1,
div.headerConts span.logo {
	display:block;
	position: absolute;
	top: 23px;
	left: 0;
	width: 218px;
	height: 61px;
	background: url(../img/common/header_ktv.gif) no-repeat 0 0;
}

div.headerConts h1 a,
div.headerConts span.logo a {
	display: block;
	width: 78px;
	height: 61px;
	text-indent: -9999px;
	overflow: hidden;
}
/*---------------------------------*/

/*55周年ロゴ-----------------------*/
/*div.headerConts h1,
div.headerConts span.logo {
	top: 16px;
	left: 0;
	width: 218px;
	height: 82px;
	background: url(../img/common/header_55th_b.gif) no-repeat 0 0;
}

div.headerConts h1 a,
div.headerConts span.logo a {
	width: 82px;
	height: 82px;
}*/
/*---------------------------------*/

div.headerConts ul.bn li {
	position: absolute;
}

div.headerConts ul.bn li.message {
	top: 45px;
	left: 85px;
	width: 133px;
}

div.headerConts ul.bn li.message a {
	display: block;
	background: url(../img/common/btn_message.gif) no-repeat 0 0;
	height: 38px;
	overflow: hidden;
	text-indent: -9999px;
}

div.headerConts ul.bn li.message a:hover {
	background-position: 0 -38px;
}

div.headerConts ul.bn li.en {
	left:162px;
	top:88px;
	width:54px;
}

div.headerConts ul.bn li.en a {
	display:block;
	height:8px;
	background:url(../img/common/navi_english.png) no-repeat 0 0;
	overflow:hidden;
	text-indent:-9999px;
}

div.headerConts ul.bn li.en a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

div.headerConts div.cm {
	position:absolute;
	top: 7px;
	right: 0;
	width: 728px;
	height: 90px;
}



div.headerConts ul.navi {
	position: absolute;
	top: 105px;
	left: 0;
	width: 960px;
}

div.headerConts ul.navi li {
	float: left;
}

div.headerConts ul.navi li a {
	display: block;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
}

div.headerConts ul.navi li.timetable {
	width: 85px;
}

div.headerConts ul.navi li.timetable a {
	background: url(../img/common/navi_timetable_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.program {
	width: 103px;
}

div.headerConts ul.navi li.program a{
	background: url(../img/common/navi_program_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.news {
	width: 65px;
}

div.headerConts ul.navi li.news a {
	background: url(../img/common/navi_news_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.ann {
	width: 91px;
}

div.headerConts ul.navi li.ann a {
	background: url(../img/common/navi_ann_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.movie {
	width: 55px;
}

div.headerConts ul.navi li.movie a {
	background: url(../img/common/navi_movie_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.event {
	width: 66px;
}

div.headerConts ul.navi li.event a {
	background: url(../img/common/navi_event_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.ondema {
	width: 68px;
}

div.headerConts ul.navi li.ondema a {
	background: url(../img/common/navi_ondema_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.recipe {
	width: 58px;
}

div.headerConts ul.navi li.recipe a {
	background: url(../img/common/navi_recipe_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.dvd {
	width: 99px;
}

div.headerConts ul.navi li.dvd a {
	background: url(../img/common/navi_dvd_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.bosyu {
	width: 61px;
}

div.headerConts ul.navi li.bosyu a {
	background: url(../img/common/navi_bosyu_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.entry {
	width: 55px;
}

div.headerConts ul.navi li.entry a {
	background: url(../img/common/navi_entry_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.present {
	width: 81px;
}

div.headerConts ul.navi li.present a {
	background: url(../img/common/navi_present_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li.company {
	width: 73px;
}

div.headerConts ul.navi li.company a {
	background: url(../img/common/navi_company_3.gif) no-repeat 0 0;
}

div.headerConts ul.navi li a:hover {
	background-position: 0 -33px;
}

div.headerConts ul.navi li:hover a{
	background-position: 0 -33px;
}


/*番組サブメニュー*/

div.headerConts ul.navi li.program ul{

	position:absolute;
	top:33px;
	left:8px;
	display:none;
	
	padding:5px 12px 10px 12px;
	background-color:#fdfdfd;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}

div.headerConts ul.navi li.program ul li{
	float:none;
	cursor:pointer;
	width:96px;
	height:14px;
	padding-left:3px;
	padding-bottom:2px;
	margin-top:2px;
	border-bottom:solid 1px #999999;
}

div.headerConts ul.navi li.program ul li.dorama a{
	background: url(../img/common/navi_sub_dorama.png) no-repeat 0 0;
}

div.headerConts ul.navi li.program ul li.variety a{
	background: url(../img/common/navi_sub_variety.png) no-repeat 0 0;
}

div.headerConts ul.navi li.program ul li.sports a{
	background: url(../img/common/navi_sub_sports.png) no-repeat 0 0;
}

div.headerConts ul.navi li.program ul li.report a{
	background: url(../img/common/navi_sub_report.png) no-repeat 0 0;
}

div.headerConts ul.navi li.program ul li.anime a{
	background: url(../img/common/navi_sub_anime.png) no-repeat 0 0;
}

div.headerConts ul.navi li.program ul li.mini a{
	background: url(../img/common/navi_sub_mini.png) no-repeat 0 0;
}

div.headerConts ul.navi li.program ul li.rebroadcast a{
	background: url(../img/common/navi_sub_rebroadcast.png) no-repeat 0 0;
}

div.headerConts ul.navi li.program ul li a{
	background-image:none;
	height:14px;
	text-indent:-9999px;
}

div.headerConts ul.navi li.program ul li a:hover {
	background-position: 0 -14px;
}

div.headerConts ul.navi li.program ul li:hover a{
	background-position: 0 -14px;
}

/*EOC*/