@charset "shift_jis";

/* ========================================
	battle
======================================== */
#header,
#footer,
#wrapper  {
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
	min-width: 960px;
	/*max-width: 2000px;*/
}


/* background */
#battle .mainvisual-wrap00 {
	background: url(../battle/images/bg_battle01.jpg) center 0 no-repeat;
}

#battle .mainvisual-wrap01 {
	background: url(../battle/images/bg_battle02.jpg) center 240px no-repeat;
}

#battle .mainvisual-wrap02 {
	background: url(../battle/images/bg_battle03.jpg) center 480px no-repeat;
}

/* area01 collect */
.area01 {
	height: 641px;
}

.area01 .ttl-battle {
	position: absolute;
	top: 32px;
	left: 0;
}

.area01 #douga-wrap {
	position: absolute;
	background: url(../battle/images/bg_movie_js.png) 0 0 no-repeat;
	top: 112px;
	left: 0;
	width: 373px;
	height: 498px;
}

#douga-wrap #douga {
	margin: 6px 0 0 7px;
}

#dougaPoster {
	display: none;
}

.firefox #dougaVideo {
	display: none;
}

.firefox #dougaPoster {
	display: block;
}

.area01 #movie-mario {
	position: absolute;
	top: 0;
	right: 0;
}

.area01 .copy01 {
	position: absolute;
	top: 113px;
	right: 135px;
}

.area01 .m-mario {
	position: absolute;
	top: 235px;
	right: 12px;
}

.area01 .m-pata {
	position: absolute;
	top: 29px;
	right: 12px;
}


/* area02 point */
.area02 {
	background: url(../battle/images/bg_point.png) 0 0 no-repeat;
	height: 445px;
	margin-bottom: 19px;
}

.area02 .ttl-point {
	padding: 38px 0 29px 0;
	text-align: center;
}

.area02 ul {
	margin-left: 14px;
}
.area02 li {
	float: left;
	margin-right: 11px;
}
.area02 dl {
	margin-left: 27px;
}
.area02 dt {
	margin-bottom: 8px;
}

.area02 .lucy {
	position: absolute;
	top: -44px;
	left: 33px;
}

.area02 .kinopio {
	position: absolute;
	top: -95px;
	right: 7px;
}


/* area03 basic-seal */
.area03 {
	background: url(../battle/images/bg_basicseal.png) 0 41px no-repeat;
	height: 560px;
}

.area03 .ttl-basicseal {
	padding: 0 0 14px 0;
	text-align: center;
}

.area03 .basic-inner {
	width: 870px;
	margin: 0 auto;
}

.area03 dl {
	float: left;
	margin-bottom: 44px;
}
.area03 dl.rightdl {
	float: right;
}

.area03 dt {
	float: left;
	padding-right: 17px;
}

.area03 dd {
	float: left;
}

/* area04 effect-seal */
.area04 .effect-inner {
	background: url(../battle/images/bg_effect01.png) center 0 no-repeat;
	height: 483px;
}

.area04 .effect-inner .ttl-effect {
	margin: 52px 0 10px 127px;
}

.area04 .effect-inner ul.seallist {
	margin: 0 0 13px 45px;
}

.area04 .effect-inner ul.seallist li {
	float: left;
	width: 203px;
}

.area04 .effect-inner ul.seallist li.mr59 {
	margin-right: 59px;
}

.area04 .other-inner {
	background: url(../battle/images/bg_effect02.png) center 0 no-repeat;
	height: 251px;
}

.area04 .other-inner .ttl-other {
	margin: 0 0 0 44px;
}

.area04 .other-inner .other-copy {
	margin: 16px 0 0 149px;
}