@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: none;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size: 12px;
	background: #000 url(../img/head_bg1.jpg) repeat-x;
	color:#333;
	line-height:1.5;
	text-align:center;
}

#container{
	width:1000px;
	margin:0 auto;
	text-align:left;
}

#header{
	position:relative;
	width:1000px;
	height:128px;
	margin:0 auto;
	background: url(../img/head_bg2.jpg) repeat-x;
}

#header h1 a{
	position:absolute;
	top:14px;
	left:15px;
	display:block;
	width:144px;
	height:69px;
	background:url(../img/head_logo.jpg) no-repeat;
}

#header h1 span{
	display:none;
}

#header #head_banner{
	position:absolute;
	top:9px;
	left:626px;
}

#header #home_icon{
	position:absolute;
	top:93px;
	left:22px;
}

#header #separate1{
	position:absolute;
	top:93px;
	left:69px;
}

#header #nowonair{
	position:absolute;
	top:93px;
	left:150px;
	width:850px;
	height:35px;
	background:url(../img/nowonair.jpg) no-repeat;
}

#header #nowonair marquee{
	position:absolute;
	top:8px;
	left:94px;
	width:740px;
	height:16px;
	overflow:hidden
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
	position:absolute;
	top:8px;
	left:94px;
	width:740px;
	height:16px;

	margin: 0; 
	padding: 0
	overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 0px;
	top: 1px;
	width: 740px;
	overflow: hidden;
}

ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}

ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color:#336699;
	margin: 0 50px 0 0;
} 

ul.newsticker span {
	margin: 0 10px 0 0;
}

/* liScroll styles end */


#menu{
	width:1000px;
	height:289px;
	margin:0 auto;
	background: url(../img/title_bg.gif) repeat-x;
}

#menu_left{
	width:233px;
	float: left;
}

#menu_right{
	width:762px;
	float: right;
}

#menu_left h2{
	width:233px;
	height:50px;
	background:url(../img/channel_list.jpg) no-repeat;
}

#menu_left h2 span{
	display:none;
}

#nav {
	background:url(../img/menu_off.jpg) no-repeat;
	width:233px;
	height:232px;
}

#nav span {
	display: none;
}

#nav li {
	float:left;
	list-style:none;
	display:inline;
}

#nav1 li,
#nav1 a {
	display:block;
	width:233px;
	height:58px;
}

#nav2 li,
#nav2 a {
	display:block;
	width:233px;
	height:58px;
}

#nav3 li,
#nav3 a {
	display:block;
	width:233px;
	height:58px;
}

#nav4 li,
#nav4 a {
	display:block;
	width:233px;
	height:58px;
}

#nav1 a.this,
#nav1 a:hover {
	background:url(../img/menu_on.jpg) 0px 0px no-repeat;
}

#nav2 a.this,
#nav2 a:hover {
	background:url(../img/menu_on.jpg) 0px -58px no-repeat;
}

#nav3 a.this,
#nav3 a:hover {
	background:url(../img/menu_on.jpg) 0px -116px no-repeat;
}

#nav4 a.this,
#nav4 a:hover {
	background:url(../img/menu_on.jpg) 0px -174px no-repeat;
}

#photo{
	margin:18px 0 0 0;
}

#wrapper{
	margin:10px auto 58px auto;
	width:1000px;
	overflow:hidden;
}

#box1{
	width:700px;
	float: left;
	background: url(../img/left_bg.gif) repeat-y;
}

#box1 a{
	color:#006699;
	text-decoration: none;
}

#box1 .title{
	width:688px;
	height:37px;
	background:url(../img/title_bg.jpg) no-repeat;
	margin:0 auto;
}

#box1 .title h2{
	padding:5px 0 10px 35px;
	color:#006699;
	font-size:16px;
}

#box1 .title p{
	padding-right:5px;
	margin-top:-30px;
	text-align:right;
}

#box1 .flash{
	width:664px;
	margin:20px auto;
}

#box1 .text{
	width:664px;
	margin:20px auto;
}

#box1 .midashi{
	color:#006699;
	font-size:16px;
}

.indent{
	width:650px;
	margin:0px auto;
}

#box1 h4{
	font-size:12px;
	color:#006699;
	text-align:right;
	font-weight: normal;
	padding:5px;
}

#box1_1{
	width:692px;
	margin:0 auto;
	overflow:hidden;
}

#box2{
	width:290px;
	float: right;
}

#box1_1 h3{
	margin:10px 0;
}

#newmovie{
	overflow:hidden;
}

.newmovie_box{
	float: left;
	width:346px;
	height:131px;
	background:url(../img/new_bg.gif) no-repeat;
	position:relative;
}

.th{
	position:absolute;
	top:10px;
	left:10px;
}

.tx{
	position:absolute;
	top:10px;
	left:130px;
	width:200px;
	height:100px;
	overflow:hidden
}

.c1{
	color:#CC3366;
	font-weight: bold;
}

.c2{
	color:#FF9900;
	font-weight: bold;
}

.c3{
	color:#669900;
	font-weight: bold;
}

.c4{
	color:#0099CC;
	font-weight: bold;
}

#info1{
	font-size:0;
	width:692px;
	height:4px;
	background: url(../img/box2_bg1.gif) no-repeat;
}

#info2{
	width:692px;
	background: url(../img/box2_bg2.gif) repeat-y;
	overflow: hidden;
}

#info2 table{
	width:670px;
	margin:10px auto;
}

#info2 table td{
	vertical-align:top;
}

#info3{
	width:692px;
	height:6px;
	background: url(../img/box2_bg3.gif) no-repeat;
	margin-bottom:5px;
}

#box2 h4{
	margin:5px 0;
	text-align:center
}

#box2_2{
	margin-top:10px;
	width:290px;
	background: url(../img/right_bg.gif) repeat-y;
	overflow:hidden;
}

#box2_3{
	margin-top:10px;
	width:290px;
	background: url(../img/right_bg.gif) repeat-y;
	overflow:hidden;
}

#box2 table{
	width:284px;
	margin:10px auto;
}

#box2 table td{
	vertical-align:top;
}

.hr{
	background-image:url(../img/dot.gif);
	background-repeat:repeat-x;
	height:1px;
	margin-top:6px;
	margin-bottom:6px;
}

.recommend_box{
	margin:10px 0;
	width:290px;
	height:130px;
	background-color: #F0F4F6;
	position:relative;
}

.tx2{
	position:absolute;
	top:10px;
	left:125px;
	width:160px;
	height:100px;
	overflow:hidden
}

#page_top{
	margin-top:20px;
	width:700px;
}

#footer{
	width:100%;
	height:64px;
	background: url(../img/foot_bg.gif) repeat-x;
}

#foot_link{
	position:relative;
	width:1000px;
	margin:0 auto;
	font-size: 11px;
	color:#333333;
}

#foot_link ul {
	position:absolute;
	top:17px;
	left:0px;
}

#foot_link ul li {
	list-style:none;
	display:inline;
	padding:0 2px;
}

#foot_logo{
	position:absolute;
	top:17px;
	left:915px;
}

#foot_link a{
	color:#336699;
}

.absmiddle{
	vertical-align:middle;
}

table.info td{
	padding:3px 0;
}

table.info a{
	color:#333;
	text-decoration: none;
}