@charset "shift_jis";

#wrapper {
	background: url(../action/images/bg01.jpg) center top repeat-x;
}

#wrapper2 {
	background: url(../action/images/bg02.jpg) center top no-repeat;
}

#wrapper3 {
	background: url(../action/images/bg03.jpg) center 1300px no-repeat;
}



/* ========================================
	#topper
======================================== */
#topper {
	width: 100%;
	height: 407px;
	position: relative;
	top: 0;
}


.ttl {
	position: absolute;
	top: 55px;
	right: -12px;
}

.lead {
	position: absolute;
	top: 216px;
	left: 213px;
}

/* ========================================
	#battle
======================================== */
#battle {
	width: 920px;
	height: 960px;
	margin: 0 auto;
}

.battle-ttl {
	margin: 0 0 19px 177px;
}

.battle-lead {
	margin: 0 0 30px 17px;
}

.battle-inner {
	width: 920px;
	height: 672px;
	margin: 0 auto;
	position: relative;
	background: url(../action/images/battle_bg.png) left top no-repeat;
}

.battle-movie {
	position: absolute;
	top: 55px;
	left: 50px;
}

.battle-txt1 {
	position: absolute;
	top: 285px;
	left: 470px;
}

.battle-chara {
	position: absolute;
	top: 35px;
	left: 483px;
}

.battle-sttl {
	position: absolute;
	top: 378px;
	left: 186px;
}

.battle-sword1 {
	position: absolute;
	top: 420px;
	left: 80px;
}
.battle-sword2 {
	position: absolute;
	top: 520px;
	left: 243px;
}
.battle-sword3 {
	position: absolute;
	top: 420px;
	left: 377px;
}
.battle-sword4 {
	position: absolute;
	top: 520px;
	right: 254px;
}
.battle-sword5 {
	position: absolute;
	top: 420px;
	right: 84px;
}


/* ========================================
	#item
======================================== */
#item {
	width: 920px;
	height: 846px;
	margin: 0 auto 70px auto;
	position: relative;
	background: url(../action/images/item_bg.png) left bottom no-repeat;
}

.item-ttl {
	position: absolute;
	top: 0;
	left: 234px;
}

.item-lead {
	position: absolute;
	top: 81px;
	left: 234px;
}

.item-chara1 {
	position: absolute;
	top: 0;
	left: -20px;
}

.item-chara2 {
	position: absolute;
	top: 225px;
	left: 619px;
}

.item-movie1 {
	position: absolute;
	top: 290px;
	left: 310px;
}

.item-movie2 {
	position: absolute;
	top: 571px;
	left: 120px;
}

.item-movie3 {
	position: absolute;
	top: 571px;
	left: 520px;
}

.movie-inner {
	background: url(../action/images/bg_item_movie.png) left top no-repeat;
	padding: 5px;
}

.item-txt1 {
	position: absolute;
	top: 261px;
	left: 357px;
}

.item-txt2 {
	position: absolute;
	top: 541px;
	left: 168px;
}

.item-txt3 {
	position: absolute;
	top: 541px;
	left: 569px;
}

.item-icon1 {
	position: absolute;
	top: 236px;
	left: 256px;
}

.item-icon2 {
	position: absolute;
	top: 516px;
	left: 66px;
}

.item-icon3 {
	position: absolute;
	top: 516px;
	left: 466px;
}