@charset "UTF-8";

/* 全体CSS */

/***	body	***/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;

	width:100%;

	font-family:"ヒラギノ角ゴ　Pro", "Osaka", "ＭＳ ゴシック", sans-serif;
	font-size:28px;
	color:#000;

	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;

	background-color:#FFF;

	position:relative;
}

#wrapper {
	width:auto;
}

/* common */

.bar_black {
	width:100%;

	height:3px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

	background-color:#000000;
}

/* header */

#header {
	width:100%;

	height:80px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#headerArea {
	width:100%;
	max-width:1280px;
	height:80px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#headerLogo {
	width:198px;
	height:80px;

	top:0;
	left:0;

	position:absolute;

	z-index:10;

}

/* gameinfo */

#gameinfo {
	width:100%;

	height:750px;

	margin-left:auto;
	margin-right:auto;

	text-align:center;

	position:relative;

	z-index:10;

}

/* gameinfo2 */

#gameinfo2 {
	width:100%;
	height:1500px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	text-align:center;

	z-index:10;

	background-image: url("/images/index/game_back_pattern.png");

}

#gameinfoMovie {
	width:800px;
	height:450px;

	padding-top:50px;
	padding-bottom:50px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#gameinfoTitle {
	width:960px;
	height:150px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#gameinfoAbout {
	width:800px;
	height:1000px;

	margin-left:auto;
	margin-right:auto;

	text-align:left;
	font-size:23px;

	position:relative;

	z-index:10;

}

/* exArea */

#exArea {
	width:960px;
	height:263px;

	margin-left:auto;
	margin-right:auto;

	text-align:center;

	position:relative;

	z-index:10;

}

/* exclusive */

#exclusiveArea {
	width:960px;
/*	height:540px;	*/
	height:280px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#exclusiveTitle {
	width:960px;
	height:150px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#exclusiveBtnArea {
	width:960px;
/*	height:390px;	*/
	height:150px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

.exclusiveBtn {
	width:300px;
	height:130px;

	margin-left:10px;
	margin-right:10px;

	position:relative;

	z-index:10;

	float:left;

}


/* supporterArea */

#supporterArea {
	width:960px;
	height:340px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#supporterTitle {
	width:960px;
	height:150px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#supporterList {
	width:960px;
	height:190px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#supporterList table {
	width:960px;
	height:190px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#supporterList table td {
	width:50%;
	height:190px;

	text-align:center;

	z-index:10;
}


/* supporter2Area */

#supporter2Area {
	width:960px;
	height:570px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#supporter2Title {
	width:960px;
	height:150px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#supporter2List table {
	width:960px;
	height:420px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#supporter2List table td {
	width:25%;
	height:70px;

	text-align:center;

	z-index:10;
}


/* backBtn */

#backBtnArea {
	width:100%;
	max-width:1280px;

	height:150px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;
}

#backBtn {
	width:226px;
	height:70px;

	left:0;
	bottom:0;

	position:absolute;

	z-index:10;

}


/* footer */

#footer {
	width:100%;

	height:106px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

	background-color:#000000;
}

#footerArea {
	width:100%;
	max-width:1280px;
	height:106px;

	margin-left:auto;
	margin-right:auto;

	position:relative;

	z-index:10;

}

#footerImage {
	width:960px;
	height:106px;

	top:0;
	left:50%;

	margin-left:-480px;

	position:absolute;

	z-index:10;

}