@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:url(../images/body_bg.gif) repeat-x #111111;
	color:#FFFFFF;
}

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



/*-------------------------------------------
		Top Page
---------------------------------------------*/
body.topbg {
	background:#111111;
}
#topFla {
	background:url(../images/top_bodybg.jpg) center top no-repeat #111111;
}
#topWrap {
	width:980px;
	height:647px;
	margin:0 auto;
	background:url(../images/top_bg.jpg) center top no-repeat;
}
#topWrap .special {
	position:relative;
}
#topWrap .special .question {
	position:absolute;
	top:4px;
	left:0;
}
#topWrap .special .mobile {
	position:absolute;
	top:230px;
	left:0;
}
#topWrap .special .trial {
	position:absolute;
	top:346px;
	left:0;
}
#topWrap .special .strap {
	position:absolute;
	top:234px;
	right:18px;
}
#topWrap #navi {
	width:980px;
	margin:0 auto;
	padding-top:394px;
}
#topWrap  h1{
	text-align:center;
}
#topWrap #navi ul {
	position:relative;
}
#topWrap .nav01 { position:absolute; top:-110px; left:40px; }
#topWrap .nav02 { position:absolute; top:-125px; left:130px; }
#topWrap .nav03 { position:absolute; top:-137px; left:220px; }
#topWrap .nav04 { position:absolute; top:-137px; right:227px; }
#topWrap .nav05 { position:absolute; top:-125px; right:137px; }
#topWrap .nav06 { position:absolute; top:-110px; right:47px; }

/* Whats New */
#topNew {
	width:934px;
	margin:0 auto;
}
#topNew .specs {
	float:right;
}
#topNew .whats {
	float:left;
	width:464px;
	height:131px;
	background:url(../images/top_whatsnew.gif) left top no-repeat;
}
#topNew .whats ul {
	margin:35px 20px 0;
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
}
#topNew .whats li img {
	margin-right:2px;
	vertical-align:middle;
}



/*-------------------------------------------
		下階層
---------------------------------------------*/
#wrap {
	width:100%;
	background:url(../images/wrap_bg.jpg) center top no-repeat;
}
#container {
	width:980px;
	margin:0 auto;
	position:relative;
}

/* Header
-----------------------------------------*/
#header {
	position:relative;
	height:206px;
	background:url(../images/header_bg.jpg) center top no-repeat;
}
#header h1 {
	padding-top:19px;
	text-align:center;
}
#header p {
	position:absolute;
	top:9px;
	left:6px; 
}
.nav01 { position:absolute; top:89px; left:43px; }
.nav02 { position:absolute; top:74px; left:133px; }
.nav03 { position:absolute; top:62px; left:223px; }
.nav04 { position:absolute; top:62px; right:224px; }
.nav05 { position:absolute; top:74px; right:134px; }
.nav06 { position:absolute; top:89px; right:44px; }


/* Footer
-----------------------------------------*/
#footer {
	text-align:center;
	border-top:1px solid #666666;
	background:#000000;
}
#footer .bnr {
	padding:5px 0;
	border-top:1px solid #666666;
}


/* Contents
-----------------------------------------*/
#contents {
	position:relative;
	padding-top:30px;
}
h2 { text-align:center; }


/* ゲームの特徴、システム */
#contents.feature {
	padding-top:0;
}

/* ムービー */
.movie {
	background:url(../images/movie_bg.jpg) center bottom no-repeat #111111;
}
.movie h2 {
	margin-bottom:10px;
}
.movie dt {
	margin-bottom:8px;
}
.movie dd {
	text-align:center;
}
.movie ul {
	margin-top:4px;
}
.movie li {
	display:inline;
}
.movie .box {
	width:429px;
	margin:0 auto;
}
.movie .box2 {
	width:898px;
	margin:30px auto 0;
}
.movie .box2 dl {
	float:left;
	width:429px;
	margin:0 auto;
	padding:0 10px;
}
.movie .wmp {
	padding:30px 0 20px;
	text-align:center;
}

/* スペック */
.spec {
	height:510px;
	background:url(../images/spec_bg.jpg) center top no-repeat;
}
.spec ul {
	margin:29px 0 0 308px;
}
.spec li {
	margin-bottom:14px;
}
.spec .ill01 {
	position:absolute;
	top:0;
	left:59px;
	z-index:1;
}
.spec .ill02 {
	position:absolute;
	top:64px;
	right:81px;
	z-index:1;
}

/* キャラクター */
#character {
	position:relative;
	height:779px;
	background:url(../character/images/character_bg.jpg) left top no-repeat #111111;
}
#character h2 {
	position:absolute;
	top:41px;
	left:330px;
	z-index:10;
}
#character .detail {
	position:absolute;
	top:0;
}
#character .list {
	position:absolute;
	top:126px;
	left:41px;
}
#character .list div {
	float:left;
	margin:0 22px 15px 0;
}
#character .name {
	position:absolute;
	top:85px;
	left:26px;
}
#character .name div {
  float:left;
  margin:0 -6px 43px 0;
  visibility: hidden;
}

/* 体験版特設ページ */
.trialBtn {
	position:absolute;
	top:8px;
	right:3px;
}
.btnTop {
	position:absolute;
	top:303px;
	left:386px;
}
.btnBg {
	position:relative;
}
.btnBack {
	position:absolute;
	top:2px;
	left:180px;
}
.btnBack2 {
	position:absolute;
	top:2px;
	left:342px;
}
.btnNext {
	position:absolute;
	top:2px;
	left:502px;
}
.dl03A {
	position:absolute;
	top:106px;
	left:180px;
}
.dl03B {
	position:absolute;
	top:106px;
	left:502px;
}

/* ゲーム攻略 */
.capture {
	height:590px;
	padding-top:30px;
	text-align:center;
	background:url(../capture/images/capture_bg.jpg) center bottom no-repeat #111111;
}
.capture h2 {
	margin-bottom:30px;
}
.capture p {
	margin-bottom:15px;
}