﻿/*----------------------- header.css -----------------------*/

/*--- HEAD ---*/

#logo{
	width:213px;
	float:left;
}
#logo h3{
	text-indent:-10000px;
	font-size:1px;
	float:left;
	width:123px;
	height:76px;
	background-image: url(http://www.tv-tokyo.co.jp/index/images/header/logo_tvtokyo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/*--Flash--*/
#logo h4{
text-indent:0px; font-size:1px; float:right; width:90px; height:90px; background:#fff;
}

/*--画像--
#logo h4{
	font-size:0px;
	float:right;
	width:90px;
	height:90px;
	margin:0;
	padding:0;
	text-indent:-10000px;
	background:url(http://www.tv-tokyo.co.jp/index/recommend/logoside/kazokugurumi.gif); background-repeat: no-repeat;
	background-position: 0px 0px;
}
*/


#logo .time{
	float:left;
	width:122px;
	height:18px;
	text-align:center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#super{
	width: 737px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
}

#header {
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*--メニュー・ジャンルタブ-----------------------------*/
#menu{
	clear:both;
	height:30px;
}
#menu li{
	float:left;
}

#menu a{
	font-size:1px;
	text-indent: -10000px;
	float:left;
	height:30px;
	margin-right: 0px;
	background-image: url(http://www.tv-tokyo.co.jp/index/images/header/menu_bar1_0812.gif);
	background-repeat: no-repeat;
}


#menu .biz{
	width:74px;
	background-position:0px 0px;
}
#menu .biz:hover{
	width:74px;
	background-position:0px -30px;
}
#menu .news{
	width:145px;
	background-position:-74px 0px;
}
#menu .news:hover{
	width:145px;
	background-position:-74px -30px;
}
#menu .anime{
	width:63px;
	background-position:-219px 0px;
}
#menu .anime:hover{
	width:63px;
	background-position:-219px -30px;
}
#menu .travel{
	width:80px;
	background-position:-282px 0px;
}
#menu .travel:hover{
	width:80px;
	background-position:-282px -30px;
}
#menu .info{
	width:112px;
	background-position:-362px 0px;
}
#menu .info:hover{
	width:112px;
	background-position:-362px -30px;
}
#menu .drama{
	width:61px;
	background-position:-474px 0px;
}
#menu .drama:hover{
	width:61px;
	background-position:-474px -30px;
}
#menu .movie{
	width:51px;
	background-position:-535px 0px;
}
#menu .movie:hover{
	width:51px;
	background-position:-535px -30px;
}
#menu .sports{
	width:73px;
	background-position:-586px 0px;
}
#menu .sports:hover{
	width:73px;
	background-position:-586px -30px;
}
#menu .music{
	width:52px;
	background-position:-659px 0px;
}
#menu .music:hover{
	width:52px;
	background-position:-659px -30px;
}

#menu .game{
	width:61px;
	background-position:-711px 0px;
}
#menu .game:hover{
	width:61px;
	background-position:-711px -30px;
}

#menu .ana{
	width:100px;
	background-position:-772px 0px;
}
#menu .ana:hover{
	width:100px;
	background-position:-772px -30px;
}

#menu .otoku{
	width:78px;
	background-position:-872px 0px;
}

#menu .otoku:hover{
	width:78px;
	background-position:-872px -30px;
}


#search{
	width:237px;
	float: left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#search .text{
	width:180px;
	height:15px;
	background-color:#FBFFFC;
	border:solid 1px #646665;
	font-size:10px;
	float:left;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}
#search .submit{
	width:42px;
	height:20px;
	background:#FBFFFC url(http://www.tv-tokyo.co.jp/index/images/index/search_submit.gif) no-repeat 0px 0px;
	border:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu_sub {
	background-image: url(http://www.tv-tokyo.co.jp/index/images/header/menu_bar1_sub.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 25px;
}
#menu_sub li {
	float: left;
	background-image: url(http://www.tv-tokyo.co.jp/index/images/header/menu_sub_shikiri.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu_sub a {
	color: #FFFFFF;
}
#menu_sub a:hover {
	text-decoration: underline;
}
#menu_sub .menu_sub_box {
	width: 713px;
	height: 25px;
	float: right;
}

#menu_sub ul {
	padding-left: 26px;
}

/*----------------------- header.css -----------------------*/
