@charset "UTF-8";

/*-------------------------------------------
		Reset
---------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,div,table,th,td,address,noscript {
	margin:0;
	padding:0;
}
img {
	border:none;
	vertical-align:top;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ul,ol {
	list-style:none;
}
body {
	background:#000000;
	color:#FFFFFF;
}

/* Clear */
.cl { clear:both; }
.clearfix { position:relative; zoom:1; }
.clearfix:after { content:""; display:block; clear:both; }



/*-------------------------------------------
		Top Page
---------------------------------------------*/
#topCont {
	text-align:center;
}
#topFla {
	width: 1180px;
	height: 635px;
	margin: 0 auto;
}

#topInfo {
	width:980px;
	margin:0 auto;
}
#topInfo p {
	float:left;
	width:105px;
}
#topInfo dl {
	overflow:hidden;
	width:500px;
	height:45px;
	font-size:12px;
	line-height:15px;
}
#topInfo dt {
	clear:left;
	float:left;
	padding-right:1.5em;
	color:#ffff99;
}
#topInfo dd {
	overflow:hidden;
	zoom:1;
}
#topInfo ul {
	clear:left;
	margin:15px auto 10px;
	text-align:center;
}
#topInfo li {
	display:inline;
	margin-left:7px;
}

#topInfo img {
	vertical-align: top;
}

#topInfo .topSpec {
	clear:both;
	width: 980px;
	height: 60px;
}



/*-------------------------------------------
		下階層
---------------------------------------------*/
#container {
	width:980px;
	margin:0 auto;
}

/* Header
-----------------------------------------*/
#header {
	position:relative;
	height:150px;
}
#header p {
	position:absolute;
	top:98px;
	left:147px; 
}
.nav01 { position:absolute; top:29px; left:285px; }
.nav02 { position:absolute; top:0px; left:376px; }
.nav03 { position:absolute; top:31px; left:454px; }
.nav04 { position:absolute; top:0px; left:553px; }
.nav05 { position:absolute; top:18px; left:650px; }
.nav06 { position:absolute; top:9px; left:746px; }
.nav07 { position:absolute; top:4px; left:850px; }


/* Footer
-----------------------------------------*/
#footer {
	text-align:center;
	border-top:1px solid #666666;
}
#bnr {
	padding:5px 0 5px 10px;
	border-top:1px solid #666666;
}
#bnr li {
	display:inline;
	margin-right:10px;
}


/* Contents
-----------------------------------------*/
#contents {
	position:relative;
}

/* キャラクター*/
.character {
	height:530px;
	background:url(../character/images/character_bg.jpg) center top no-repeat;
}

/* ムービー */
.movie {
	padding-bottom:40px;
	background:url(../movie/images/movie_bg.jpg) center top no-repeat;
}
.movie h2 {
	padding:10px 0 14px 44px;
}
.movie .thumb {
	width:759px;
	margin:32px auto 0;
	padding-left:10px;
}
.movie .thumb2 {
	width:570px;
	margin:0 auto;
	padding-left:10px;
}
.movie .thumb3 {
	text-align:center;
}
.movie .thumb li, .movie .thumb2 li {
	float:left;
	margin-right:10px;
}
.movie .thumb2 li.video {
	margin-top:34px;
}

/* スペック */
.spec {
	height:530px;
	background:url(../spec/images/spec_bg.jpg) center top no-repeat;
}
.spec h2 {
	padding:65px 0 0 44px;
}
.spec .info {
	margin:15px 0 0 50px;
}

/* システム */
.system ul {
	padding:3px 0 3px 51px;
	background:url(../system/images/system_bg.jpg) center top no-repeat;
}
.system li {
	float:left;
}
.system li.line2 {
	margin-top:-6px;
}

/* アニメ */
.anime .screen {
	padding-right:19px;
	text-align:center;
	background:url(../animation/images/anime_02.jpg) center top no-repeat;
}

/* 攻略指南PV */
.capture {
	background:url(../capture/images/bg.jpg) center top no-repeat;
}
.capture h2 {
	padding:18px 0 0 45px;
}
.capture .lead {
	margin-top:25px;
	text-align:center;
}
.capture .thumb1 {
	margin:20px auto 0;
	text-align:center;
}
.capture .thumb {
	width:750px;
	margin:20px auto 0;
	padding-left:30px;
}
.capture .thumb li {
	float:left;
	margin-right:30px;
}
.wmp {
	padding:30px 0 20px;
	text-align:center;
}