@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;

}

/* banner */

#topbanner {
	width:100%;

	height:600px;

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

	position:relative;

	z-index:10;

}

#topbannerArea {
	width:100%;
	max-width:1280px;
	height:600px;

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

	position:relative;

	z-index:10;

}

#topbannerImage {
	width:960px;
	height:500px;

	left:50%;
	top:50%;

	margin-left:-480px;
	margin-top:-250px;

	position:absolute;

	z-index:10;

}

/* freeplay */

#freeplay {
	width:960px;
	height:600px;

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

	position:relative;

	z-index:10;

}

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

	left:50%;
	top:0;

	margin-left:-480px;

	position:absolute;

	z-index:10;

}

#freeplayGameArea {
	width:810px;
	height:376px;

	left:50%;
	top:150px;

	margin-left:-405px;

	position:absolute;

	z-index:10;
}

.freeplayGame {
	width:250px;
	height:356px;

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

	position:relative;

	z-index:10;

	float:left;
}

/* games */

#games {
	width:100%;
	height:550px;

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

	position:relative;

	z-index:10;

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

}

#gamesArea {
	width:960px;
	height:550px;

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

	position:relative;

	z-index:10;
}

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

	left:50%;
	top:0;

	margin-left:-480px;

	position:absolute;

	z-index:10;

}

#gamesListArea {
	width:810px;
	height:270px;

	left:50%;
	top:150px;

	margin-left:-405px;

	position:absolute;

	z-index:10;

}

.gamesList {
	width:250px;
	height:250px;

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

	position:relative;

	z-index:10;

	float:left;
}


/* link */

#link {
	width:960px;

	height:100px;

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

	text-align:center;

	position:relative;

	z-index:10;

}

#link img {
	margin:10px;
}


/* 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;

}


/* ex */

.gameicon {
	border-radius:20px;
}