*{



	margin:0;



	padding:0;



} 







img{



	border:0;



}







body{



	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";



	font-size:12px;



	color:#FFFFFF;



	background:#000000;



}







html{



	overflow-y:scroll;



}







h1,h2{



	text-indent:-9999px;



	line-height:0;



	font-size:1;



}







div#footer {



	padding-top: 15px;



	padding-bottom: 10px;



}







div#wrap{



	width:980px;



	margin:0 auto;



}







div#main{



	width:980px;



	margin:0 auto;



	background:url(../img/main.jpg) no-repeat left top;



}







div#player{



	margin:390px 0 0 30px;



}







div.info{

		clear:both;

}


div.package-wrap{
	width:470px;
	margin:280px 0 0 5px;
	float:left;
	display:block;

}

div.package-wrap a.package01{display:block; width:465px; height:35px; text-indent:-9999px; margin:0px;} 
div.package-wrap a.package02{display:block; width:465px; height:35px; text-indent:-9999px; margin-top:5px;} 
div.package-wrap a.package03{display:block; width:465px; height:25px; text-indent:-9999px; margin-top:5px;} 

div.topics-wrap{



	width:406px;



	margin:20px 0 0 30px;
	
	float:left;

}


h3.topics{



	width:62px;



	float:left;



	margin:3px 0 0 0;



}


div.topics-wrap div.box{

	width:300px;

	float:left;

	line-height:1.5;

}






div.banner-wrap{



	clear:both;



	padding:20px 0 10px 5px;

	text-align:center;



}







div.banner-wrap .center{



	padding:0 4px;



}











a {



	color: #d4a709;



}



/*-----------------------------



        ナビゲーション



-----------------------------*/







div.menu-top{



	width:980px;



	height:48px;



	background:url(../img/bg_top_header.gif) no-repeat left top;



}





div.menu-top ul{



	list-style-type: none;



	padding:11px 0 0 0;



}





div.menu-top ul li{



	float:left;

	text-indent:-9999px;



}



div.menu-top ul li a{



	display:block;

	height:21px;



}



div.menu-top ul li.news a{background:url(../img/top_news_off.gif) no-repeat; width:61px;}

div.menu-top ul li.intro a{background:url(../img/top_intro_off.gif) no-repeat; width:36px;}

div.menu-top ul li.chara a{background:url(../img/top_chara_off.gif) no-repeat; width:59px;}

div.menu-top ul li.staff a{background:url(../img/top_staff_off.gif) no-repeat; width:124px;}

div.menu-top ul li.onair a{background:url(../img/top_onair_off.gif) no-repeat; width:61px;}

div.menu-top ul li.package a{background:url(../img/top_package_off.gif) no-repeat; width:98px;}

div.menu-top ul li.music a{background:url(../img/top_music_off.gif) no-repeat; width:48px;}

div.menu-top ul li.gallary a{background:url(../img/top_gallary_off.gif) no-repeat; width:110px;}

div.menu-top ul li.special a{background:url(../img/top_special_off.gif) no-repeat; width:76px;}

div.menu-top ul li.bbs a{background:url(../img/top_bbs_off.gif) no-repeat; width:37px;}

div.menu-top ul li.diary a{background:url(../img/top_diary_off.gif) no-repeat; width:60px;}

div.menu-top ul li.mailmag a{background:url(../img/top_mail_off.gif) no-repeat; width:60px;}

div.menu-top ul li.link a{background:url(../img/top_link_off.gif) no-repeat; width:46px;}

div.menu-top ul li.blog a{background:url(../img/top_blog_off.gif) no-repeat; width:45px;}

div.menu-top ul li.goods a{background:url(../img/top_goods_off.gif) no-repeat; width:59px;}



div.menu-top ul li.news a:hover{background:url(../img/top_news_on.gif) no-repeat;}

div.menu-top ul li.intro a:hover{background:url(../img/top_intro_on.gif) no-repeat;}

div.menu-top ul li.chara a:hover{background:url(../img/top_chara_on.gif) no-repeat;}

div.menu-top ul li.staff a:hover{background:url(../img/top_staff_on.gif) no-repeat;}

div.menu-top ul li.onair a:hover{background:url(../img/top_onair_on.gif) no-repeat;}

div.menu-top ul li.package a:hover{background:url(../img/top_package_on.gif) no-repeat;}

div.menu-top ul li.music a:hover{background:url(../img/top_music_on.gif) no-repeat;}

div.menu-top ul li.gallary a:hover{background:url(../img/top_gallary_on.gif) no-repeat;}

div.menu-top ul li.special a:hover{background:url(../img/top_special_on.gif) no-repeat;}

div.menu-top ul li.blog a:hover{background:url(../img/top_blog_on.gif) no-repeat;}

div.menu-top ul li.bbs a:hover{background:url(../img/top_bbs_on.gif) no-repeat;}

div.menu-top ul li.diary a:hover{background:url(../img/top_diary_on.gif) no-repeat;}

div.menu-top ul li.mailmag a:hover{background:url(../img/top_mail_on.gif) no-repeat;}

div.menu-top ul li.link a:hover{background:url(../img/top_link_on.gif) no-repeat;}

div.menu-top ul li.goods a:hover{background:url(../img/top_goods_on.gif) no-repeat;}



















/* CLEAR FIX*/



.clearfix:after{



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}



	



.clearfix {display: inline-block;}















/*-----------------------------



         フッターー



-----------------------------*/







#footer{ width:963px; clear:both; font-size:10px; line-height:14px;margin: 0px auto;background:#000000 url(../img/bg_footer.gif) no-repeat left top;}







#footer #mobile {float:left; width:335px; text-align:left; margin:0 0 0 5px; *margin:0 0 0 2px;}



#footer #mobile .img_qr{ width:50px; height:50px; background:url(../img/qr.gif) no-repeat; float:left; text-indent:-9999px; margin-right:5px;}







#footer .f_txt{ float:right; width:550px; margin:0 5px 0 0; *margin:0 2px 0 0;}



#footer .f_txt p.bnanx a{ background:url(../img/logo_aniplex.gif) no-repeat; width:101px; height:40px; text-indent:-9999px; float:right; display:block; margin-left: 5px;}







#footer a{color:#db0a10;}