@charset "utf-8";
/* CSS Document */

#wrapper
{
    width: 100%;
    height: 780px;
    min-height: 100%;
	background: url(../images/bg_battle.jpg) top center no-repeat;
	position:relative;
}

#global_menu
{
	position:relative;
	height:64px;
	margin-top:14px;
	width:950px;
	background: url(../images/common/global_menu_background.png) center 0 no-repeat;
	z-index: 9999;
}

#main div#mov1, #main div#mov2, #main div#mov3, 
#main div#thumbnail, #main div#thumb_caption
{
	position: absolute;
}

#main div#mov1
{
	left: 75px;
	top: 180px;
}
	#main div#mov1 a, #main div#mov1 a:link, #main div#mov1 a:visited
	{
		display: block;
		width: 276px;
		height: 82px;
		background:url(../images/battle/m1.png) 0 0 no-repeat;
	}
	#main div#mov1 a:hover, #main div#mov1 a:active
	{
		background:url(../images/battle/m1_on.png) 0 0 no-repeat;
	}


#main div#mov2
{
	left: 351px;
	top: 180px;
}
	#main div#mov2 a, #main div#mov2 a:link, #main div#mov2 a:visited
	{
		display: block;
		width: 276px;
		height: 82px;
		background:url(../images/battle/m2.png) 0 0 no-repeat;
	}
	#main div#mov2 a:hover, #main div#mov2 a:active
	{
		background:url(../images/battle/m2_on.png) 0 0 no-repeat;
	}


#main div#mov3
{
	left: 607px;
	top: 180px;
}
	#main div#mov3 a, #main div#mov3 a:link, #main div#mov3 a:visited
	{
		display: block;
		width: 276px;
		height: 82px;
		background:url(../images/battle/m3.png) 0 0 no-repeat;
	}
	#main div#mov3 a:hover, #main div#mov3 a:active
	{
		background:url(../images/battle/m3_on.png) 0 0 no-repeat;
	}
	
#main div#info div#thumbnail
{
	left: 89px;
	top: 254px;
	width: 253px;
	height: 317px;	
}

#main div#info div#thumb_caption
{
	left: 189px;
	top: 415px;
	width: 400px;
	height: 200px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: white;
	font-weight: bolder;
	font-size: 12px;
	line-height: 130%;
}


/* 個別ページ */
#main div#title
{
	position:absolute;
	left: 220px;
	top: 150px;	
	width: 100px;
	height: 100px;
}

#main div#caption
{
	position:absolute;
	left: 280px;
	top: 190px;
	width: 400px;
	height: 200px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: white;
	font-weight: bolder;
	font-size: 12px;
	line-height: 130%;
	text-align: center;
}

#main div#thumbnails
{
	position:absolute;
	top: 250px;
	left: 160px;
}

#main div#movie
{
	position:absolute;
	top: 274px;
	left: 360px;
	width: 232px;
	height: 202px;
	background: url(../images/battle/movie.png) 0 0 no-repeat;
}

/* BATTLE MOVIE 各ページ共通で使用 */
#main div#movie a
{
	display:block;
	margin-top: 13px;
	width: 211px;
	height: 139px;
}

/* BATTLE MOVIE 各ページ個別に設定 */
#main div#movie a#mov1, #main div#movie a#mov1:link, #main div#movie a#mov1:visited
{
	background: url(../images/battle/mov1_thums_mov.png) 0 0 no-repeat;
}

#main div#movie a#mov1:hover, #main div#movie a#mov1:active
{
	background-image: url(../images/battle/mov1_thums_mov_on.png);
}

/* BATTLE MOVIE 各ページ個別に設定 */
#main div#movie a#mov2, #main div#movie a#mov2:link, #main div#movie a#mov2:visited
{
	background: url(../images/battle/mov2_thums_mov.png) 0 0 no-repeat;
}

#main div#movie a#mov2:hover, #main div#movie a#mov2:active
{
	background-image: url(../images/battle/mov2_thums_mov_on.png);
}

/* BATTLE MOVIE 各ページ個別に設定 */
#main div#movie a#mov3, #main div#movie a#mov3:link, #main div#movie a#mov3:visited
{
	background: url(../images/battle/mov3_thums_mov.png) 0 0 no-repeat;
}

#main div#movie a#mov3:hover, #main div#movie a#mov3:active
{
	background-image: url(../images/battle/mov3_thums_mov_on.png);
}



#main div#return
{
	position: absolute;
	top: 390px;
	left: 847px;
	width: 72px;
	height: 72px;
}

#main div#return a
{
	display: block;
	background: url(../images/common/btn_return.png) 0 0 no-repeat;
	width: 72px;
	height: 72px;
}