/* CSS Document */

/* reset */
body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,
table,th,td,
dl,dt,dd,
form {
	padding: 0;
	margin: 0;
	border: 0;
	font-style: normal;
	letter-spacing: 0;
}

br {
	padding: 0px;
	margin: 0px;
}

img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

a{
	color:#2b8de4;
	outline:none;

}


body {
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
	color:#000000;
	font-size:12px;
	line-height:1.5;
	background-color:#e2fafd;
	background-image:url(../img/bg.jpg);
	background-position: center top;
}

html{
	scrollbar-face-color: #aaebff;
	scrollbar-track-color: #aaebff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #aaebff;
	scrollbar-shadow-color: #aaebff;
	scrollbar-3dlight-color: #aaebff;
	scrollbar-darkshadow-color: #ffffff;
}

#wrapper{
	z-index:1;
	width:995px;
	margin:0 auto;
	position:relative;
}

#header{
	z-index:10;
	margin:0 auto;
	height:165px;
	background-image:url(../common/img/haeder_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#header h1,#header h2{
	visibility:hidden;
}

.header_main{
	z-index:1;
	width:995px;
	height:155px;
	margin:0 auto;
	position:relative;
}
	

.main{
	width:995px;
	height:810px;
	background-image:url(../img/main_top.png);
	background-repeat:no-repeat;
	background-position:right;
	
}

.a_index{
	width:350px;
	height:132px;
	display:block;
	position:absolute;
	margin:0;
	left: 3px;
	top: 21px;
}


.onair_tx {
	margin-left:400px;
}
	
ul#menu {
	/*top: 93px;*/
	
}

ul#menu li {
	display: inline;
	text-indent:-9999px;
	float:left;
}




.hdn{
	z-index:1;
	font-size: 0px;
	display: block;
	position: absolute;
	left: -9999px;
	top: -9999px;
	text-indent: -9999px;
	}	

/* MENU */
#menu_box{ width:360px; height:215px; margin: 10px 5px 10px 5px; float:right; background-image:url(../img/menu_bg.jpg);}


ul#menu li.news a{
	display:block; width:178px; height:31px;
	background-image: url(../common/img/menu_news_off.png);
}
ul#menu li.news a:hover{background-image:url(../common/img/menu_news_on.png);}

ul#menu li.story a{ display:block; width:178px; height:31px; background-image:url(../common/img/menu_story_off.png);}
ul#menu li.story a:hover{background-image:url(../common/img/menu_story_on.png);}


ul#menu li.character a{ display:block; width:178px; height:31px; background:url(../common/img/menu_chara_off.png);}
ul#menu li.character a:hover{background:url(../common/img/menu_chara_on.png);}

ul#menu li.staff a{ display:block; width:178px; height:31px; background:url(../common/img/menu_staff_off.png);}
ul#menu li.staff a:hover{background:url(../common/img/menu_staff_on.png);}

ul#menu li.radio a{ display:block; width:178px; height:31px; background:url(../common/img/menu_radio_off.png);}
ul#menu li.radio a:hover{background:url(../common/img/menu_radio_on.png);}

ul#menu li.theater a{ display:block; width:178px; height:31px; background:url(../common/img/menu_theater_off.png);}
ul#menu li.theater a:hover{background:url(../common/img/menu_theater_on.png);}

ul#menu li.special a{ display:block; width:178px; height:31px; background:url(../common/img/menu_special_off.png);}
ul#menu li.special a:hover{background:url(../common/img/menu_special_on.png);}

ul#menu li.music a{ display:block; width:178px; height:31px; background:url(../common/img/menu_music_off.png);}
ul#menu li.music a:hover{background:url(../common/img/menu_music_on.png);}

ul#menu li.bddvd a{ display:block; width:178px; height:31px; background:url(../common/img/menu_bd_off.png);}
ul#menu li.bddvd a:hover{background:url(../common/img/menu_bd_on.png);}

ul#menu li.media a{ display:block; width:178px; height:31px; background:url(../common/img/menu_media_off.png);}
ul#menu li.media a:hover{background:url(../common/img/menu_media_on.png);}

ul#menu li.books a{ display:block; width:178px; height:31px; background:url(../common/img/menu_books_off.png);}
ul#menu li.books a:hover{background:url(../common/img/menu_books_on.png);}

ul#menu li.mailmagazine a{ display:block; width:178px; height:31px; background:url(../common/img/menu_mail_off.png);}
ul#menu li.mailmagazine a:hover{background:url(../common/img/menu_mail_on.png);}

ul#menu li.twitter a{ display:block; width:178px; height:31px; background:url(../common/img/menu_twitter_off.png);}
ul#menu li.twitter a:hover{background:url(../common/img/menu_twitter_on.png);}

ul#menu li.goods a{ display:block; width:178px; height:31px; background:url(../common/img/menu_goods_off.png);}
ul#menu li.goods a:hover{background:url(../common/img/menu_goods_on.png);}
/* MENU end */

div#main_footer{ 
    background-image:url(../common/img/footer_bg.png);
    background-repeat: no-repeat;
	background-position: center ;
	text-align:center;
	font-size:10px;
	height:124px;
	padding-top:40px;
	position:relative;
}


div#main_footer a:link {color: #663300; text-decoration: none;}
div#main_footer a:hover {color: #FFFFFF; text-decoration: none;}
div#main_footer a:visited {color: #663300; text-decoration: none;}
div#main_footer a:active {color: #663300; text-decoration: none;}
div#main_footer a.bn_gfan{display:block; width:135px; height:40px; background:url(../common/img/gf.gif); float:right;margin-right:2px;}
div#main_footer a.bn_anx{display:block; width:150px; height:40px; background:url(../common/img/anx.gif); float:right;margin-right:2px;}
div#main_footer a.bn_radio{display:block; width:200px; height:40px; background:url(../common/img/bunner_kimiboku_radio.jpg); float:right; margin-right:2px;}
div#main_footer a.bn_ani{display:block; width:200px; height:40px; background:url(../common/img/bunner_anitere.jpg); float:right; margin-right:2px;}
div#main_footer a.bn_sakou{display:block; width:200px; height:40px; background:url(../common/img/bunner_sakou_illust.jpg); float:right; margin-right:2px;}

div.main_bottom{ text-align:center; margin:0 auto; width:950px;}



div.navi {
	width: 370px;
	height:780px;
	margin: 5px 10px 10px 10px;
	float:left;
}

div.twitter_box{
	background-image:url(../img/twitter_bg.png);
	background-repeat:no-repeat;
	width:320px;
	height:170px;
	padding:50px 20px 5px 30px;
	float:left;
}

div.twitter_txbox{
	height:150px;
	width:auto;
	color:#000;
	overflow-y:scroll;
}

div.twitter_txbox a{
	color:#F3C;
}

#twitter_update_list li{
	padding: 5px;
	border-bottom:1px dotted #33ccff;
	line-height:125%;
	font-size:9pt;
}

.banner_box{
	margin: 640px 0 0 6px;
	float:left;
}

.movie_box{
	margin: 650px 0 0 40px;
	float:left;
}

#backgroundswf {
	position:fixed;
	z-index:-50;
}

div.news_box{
	background-image:url(../img/news_bg.png);
	background-repeat:no-repeat;
	width:350px;
	height:160px;
	padding:40px 10px 5px 10px;
	float:left;
}

div.news_txbox{
	height:150px;
	width:auto;
	color:#9CF;
	overflow-y:scroll;
}

.date{
	color:#00a098;
	font-weight: bold;
	margin-right:5px;
}

p.newstitle {
	height: 15px;
	padding: 5px 0 0 20px;
	margin-top:15px;
	color:#096bba;
	font-weight:bold;
	background-image:url(../news/img/icom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}



div.mobile_box{
	float:left;
	text-align:center;
}