@charset "UTF-8";

/* ##################################### */

#header-index {
	position: relative;
	width: 970px; height: 129px;
	background: url(../img/top/bg_header_index.png);
}

/* box */
.box-top 		{ background: url(../img/top/box_top.gif) no-repeat 0 bottom;  overflow: hidden; width: 950px; padding: 0 10px 10px; }
.box-anime		{ background: url(../img/top/box_anime.gif) no-repeat 0 bottom;  overflow: hidden; width: 950px; height:100px; padding: 0 10px 10px; }
.box-middle 	{ background: url(../img/top/box_middle.gif) no-repeat 0 bottom;  overflow: hidden; width: 950px; height:366px; padding: 0 10px;}
.box-bottom 	{ background: url(../img/top/box_bottom.gif) repeat-y 0 bottom; overflow: hidden; width: 950px; /*height:400px;*/ padding: 0 10px;}

/* TOP
##################################### */

/* slider-main */
div#slider-main{
	width: 640px; height: 286px;
	overflow: hidden;
}
	#btn-prev-easy a,
	#btn-next-easy a{
		display: block;
		position: absolute;
		width: 78px; height: 90px;
		text-indent: -9999px;
		font-size: 0;
	}
	#btn-prev-easy a:hover,
	#btn-next-easy a:hover{
		background-position: bottom;
	}

	#btn-prev-easy a {
		margin-top: 120px;
		left: 10px;
		background: url(../img/top/btn_prev.png);
	}
	#btn-next-easy a {
		margin-top: 120px;
		left: 572px;
		background: url(../img/top/btn_next.png);
	}

ul.slider-main {
}

ul.slider-main li {
	height: 286px;
}

/* movieのボックス */
.movie-box {}
.movie-box h2{
	background: url(../img/top/movie.gif) no-repeat;
	width: 300px; height: 46px;
	text-indent: -99999px;	
}

/*Youtube動画*/
.pickup-movie {
	width: 300px; height: 240px;
	background-color:#000;
}

/*携帯告知*/
.mobile-info {
	width: 240px; height: 77px;
	background: url(../img/top/bnr_mobile.gif) no-repeat;
	text-indent: -99999px;
	font-size: 0;
}

/* ANIME
##################################### */

	h2 a.story-title{
		position:absolute;
		top:502px;
		left:215px;
		color:#000;
		font-size:1.2em;
		font-weight:bold;
	}


/* MIDDLE
##################################### */

/*.product-box,*/
.event-box,
.game-box {
	height: 356px;
	/*text-indent: -99999px;*/
}
/*.product-box { position: relative; background: url(../img/top/product3.png) no-repeat; }*/
.event-box { position: relative; background: url(../img/top/event.png) no-repeat; }
.game-box { position: relative; background: url(../img/top/game.png) no-repeat; }


/*各コンテンツのタイトル*/
.event-box h2,
.game-box h2 { 
	display: none;
}

.product-box h2{ background: url(../img/top/goods_title.jpg) no-repeat; 
		width: 320px; height: 45px;
	text-indent: -99999px;
}

/* BOTTOM
##################################### */

.bottom-inner {
	width: 950px;
}

.box-bottom div{
	float:left;
	}

.news-box{
	/*margin-top:10px;*/
	width:490px;
}

.bnr-box{
	width:450px;
	/*margin-top:10px;*/
	margin-bottom:5px;
	margin-left:10px;
	overflow:hidden;
}

	h3.news-head a{
		width:490px;
		height:46px;
		background: url(../img/top/news_head.gif) no-repeat;
		text-indent:-9999px;
		display:block;
	}

	ul.news{
		width:490px;
		height:66px;
		background-color:#fff;
		overflow:hidden;
	}

	ul.news li.date{
		background-color:#666;
		width:485px;
		height:20px;
		padding-left:5px;
		padding-top:2px;
		font-size:0.9em;
	}

	ul.news li.date a{
		margin-left:300px;
		width:91px;
		height:17px;
	}

	ul.news li.text{
		color:#000;
		width:480px;
		height:34px;
		padding:5px;
		overflow:auto;
	}

	h4.news_botton1 a.btn_news07,
	h4.news_botton1 a.btn_news06,
	h4.news_botton1 a.btn_news05,
	h4.news_botton1 a.btn_news04,
	h4.news_botton1 a.btn_news03,
	h4.news_botton1 a.btn_news02,
	h4.news_botton1 a.btn_news01 {
		background:url(../img/top/news_more.gif) no-repeat;
		width:91px;
		height:17px;
		position:absolute;
		left:407px;
		text-indent:-9999px;
		display:inline;
	}

	h4.news_botton1 a.btn_news01 { top:949px; }
	h4.news_botton1 a.btn_news02 { top:1015px; }
	h4.news_botton1 a.btn_news03 { top:1081px; }
	h4.news_botton1 a.btn_news04 { top:1147px; }
	h4.news_botton1 a.btn_news05 { top:1213px; }
	h4.news_botton1 a.btn_news06 { top:1279px; }
	h4.news_botton1 a.btn_news07 { top:1345px; }

	ul.bnr{
		margin-bottom:5px;
		padding:0;
		overflow:hidden;
}

	ul.bnr li{
		float:left;
		height:70px;
		margin-top:5px;
		margin-left:5px;
		
}

	ul.bnr li.bnr01 a{
		width:440px;
		height:70px;
		background: url(../img/top/new-bnr-long_joypolis.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr02 a{
		width:215px;
		height:70px;
		background: url(../img/top/new-bnr_shot.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr03 {
		width:215px;
		height:70px;
		background: url(../img/top/bnr01.gif) no-repeat;
		text-indent:-9999px;
		display:block;
		/*margin-left:10px;*/

}

	ul.bnr li.bnr04 a{
		width:215px;
		height:70px;
		background: url(../img/top/new-bnr_ds.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr05 a{
		width:215px;
		height:70px;
		background: url(../img/top/new-bnr_acb.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
		margin-left:5px;

}

	ul.bnr li.bnr06 a{
		width:215px;
		height:70px;
		background: url(../img/top/new-bnr_anime.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr07 a{
		width:215px;
		height:70px;
		background: url(../img/top/new-bnr_blog.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
		margin-left:5px;

}

	ul.bnr li.bnr08 a{
		width:440px;
		height:70px;
		background: url(../img/top/new-bnr-bakutomo.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr09 a{
		width:440px;
		height:70px;
		background: url(../img/top/new-bnr-battletour2011.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr10 a{
		width:215px;
		height:70px;
		background: url(../img/top/animax.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr11 a{
		width:440px;
		height:70px;
		background: url(../img/top/new-bnr-long_championship.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr12 a{
		width:440px;
		height:70px;
		background: url(../img/top/bnr-champ2011_summer_06.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr13 a{
		width:440px;
		height:70px;
		background: url(../img/top/img01.gif) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr14 a{
		width:440px;
		height:70px;
		background: url(../img/top/animax2.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr15 a{
		width:440px;
		height:70px;
		background: url(../img/top/bnr-bakufes.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr16 a{
		width:440px;
		height:70px;
		background: url(../img/top/bnr_aeon_201108.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr17 a{
		width:215px;
		height:70px;
		background: url(../img/top/new-bnr_arapp.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
		margin-left:5px;
}

	ul.bnr li.bnr18 a{
		width:215px;
		height:70px;
		background: url(../img/top/new-bnr_kumite.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
		margin-left:5px;
}

	ul.bnr li.bnr19 a{
		width:440px;
		height:70px;
		background: url(../img/top/bnr_calender.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr20 a{
		width:440px;
		height:70px;
		background: url(../img/top/bnr-bakufes_climax.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr21 a{
		width:440px;
		height:70px;
		background: url(../img/top/bnr-iy.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr22 a{
		width:440px;
		height:70px;
		background: url(../img/top/bnr-cp_bakutech.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}

	ul.bnr li.bnr23 a{
		width:215px;
		height:70px;
		background: url(../img/top/bnr_mini_animax.jpg) no-repeat;
		text-indent:-9999px;
		display:block;
}
/* FOOTER
##################################### */

.footer-index {
	width: 910px;
	padding: 30px 30px 20px; 
	background: url(../img/top/bg_footer_index.gif);
}