@charset "shift-jis";


html,body,div,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p,span,img,table,tr,td,th,a{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
}

body{ background:#000;min-width:1030px;width:100%;height:100%; }

/*header***********************************/

#header{
	width:100%;
	background: #cdf0ff url(img/header_back.png) repeat-x center;
	height:648px;
	margin-bottom:-27px;
	z-index:7;
	position:relative;
}
#groundLoop{
	width:100%;
	background: url(img/header_back2.png) repeat-x center;
}
.light{
	width:100%;
	height:648px;
	background: url(img/header_back3.png) no-repeat center;
}
h1{
	width:594px;
	height:440px;
	position:absolute;
	top:67px;
	left:50px;
}
.firstImg{
	position:absolute;
	top:130px;right:76px;
	width:248px;
	height:434px;
	background:url(img/first_ss_back.png);
}
.firstImg img{
	position:absolute;
}
.gamePhoto{top:4px;left:4px;}
.cloud1{top:10px;right:-20px;}
.cloud2{bottom:10px;left:-20px;}

/*introduction******************************/

#introduction{
	width:100%;
	background:url(img/introduction_back.png) repeat-x;
	height:1124px;
	margin-bottom:-17px;
	z-index:8;
	position:relative;
}
.introCloud{
	width:100%;
	background:url(img/introduction_back2.png) no-repeat center;
	height:1124px;
}
.introFirst{padding-top:27px;}
.introFlow{padding-top:107px;}


/*char**************************************/

#character{
	width:100%;
	background:url(img/char_back.png) repeat-x;
	margin-bottom:-13px;
	z-index:7;
	position:relative;
}
.cityground{
	width:100%;
	background:url(img/char_back2.png) repeat-x center;
	height:1280px;
}
#character ul{
	overflow : hidden;
	width:1000px;
	margin: 0 auto;
}
#character li{
	width: 500px;
	float: left;
	padding: 60px 0;
	text-align:center;
}


/*spec**************************************/

#spec{
	width:100%;
	background:url(img/spec_back.png) repeat-x top;
	z-index:8;
	position:relative;
}
.specOrnament{
	width:100%;
	background:url(img/spec_back2.png) no-repeat top center;
}
.specList{
	position:relative;
	top:-30px;
	margin-bottom:-15px;
}
#spec ul{
	overflow:hidden;
	width:928px;
	margin: 0 auto;
	height:348px;
	padding-bottom:65px;
}
#spec li{
	width:200px;
	height:348px;
	background: url(img/spec_ss_back.png) no-repeat;
	float:left;
	display:inline;
	margin:0 16px;
	text-align:center;
}
#spec li img{
	position:relative;
	top:4px;
}


/*footer************************************/

#footer{
	width:100%;
	background: #472f19 url(img/footer_back.png) repeat-x top;
}
#footer dl{
	overflow:hidden;
	width:540px;
	margin: 0 auto;
	padding-top:30px;
}
#footer dd{
	float:left;
	width:270px;
	text-align:center;
}
#footer p{
	text-align:center;
	color:#fff;
	font-size:14px;
	padding:15px;
}

/*common************************************/

.innerBox{
	width:1030px;
	margin : 0 auto;
	/*background:green;*/
	position:relative;
}