@charset "utf-8";

/* common
-----------------------------------*/
html, body {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background:#000;
	color:#fff;
	-webkit-text-size-adjust:100%;
}

a:link {color:#d0d0d0; text-decoration:none;}
a:visited {color:#d0d0d0; text-decoration:none;}
a:hover {color:#6ff; text-decoration:none;}
a:active {color:#d0d0d0; text-decoration:underline;}
a:focus {color:#d0d0d0; text-decoration:none;}
a img {border:none;}


input:focus { outline: none; }

/* heder
-----------------------------------*/
#header_box {
	height:74px;
	border-bottom:2px solid #fb0;
	background-image:url(../img/bg_header.jpg);
}

#header {
	position:relative;
	height:74px;
	width:960px;
	margin:0 auto;
}

#hd_sns {
	position:absolute;
	bottom:5px;
	right:0px;
	overflow:hidden;
	list-style:none;
}

#hd_sns li {
	float:left;
	margin:0 0 0 5px;
}

.twitter-share-button {
	width: 97px!important;
}

/* content
-----------------------------------*/
#content {
	clear:both;
	width:960px;
	overflow:hidden;
	margin:0 auto;
	position: relative;
}

/* content > メインビジュアル
-----------------------------------*/
#content h1 {
	height:580px;
	background-image:url(../img/hd_main3.jpg);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 10px 0;
}

#content h2,p{
	text-indent:100%;
	white-space:nowrap;
}

/* content > 事前登録
-----------------------------------*/
.regist-wrap{


background: url(../img/chr_set.png) no-repeat bottom center;
padding-bottom: 100px;
text-align: center;
margin: -40px 0 0 0;
}

.regist-wrap a{

	display: block;
	width: 860px;
	margin: 0 auto;
}

/* content > TWCP
-----------------------------------*/
.twcp-wrap{



text-align: center;
margin: 20px auto;
}

.twcp-wrap a{

	display: block;
	width: 960px;
	margin: 0 auto;
}

#top-twcp{

	display: block;
	position: absolute;
	top: 45px;
	right: 0;
	
}

/* content > movbtn
-----------------------------------*/


#top-mov{

	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	
}

/* content > movie
-----------------------------------*/
#mov{

width: 960px;
margin: 20px auto;

}

#mov a{

	display: inline-block;
	width: 300px;
	margin: 0 8px;
}

/* content > appインストール
-----------------------------------*/
#install {
	position:relative;
	height:205px;
	background-image:url(../img/bg_install.jpg);
	background-repeat:no-repeat;

}

#install-btm {
	position:relative;
	width: 730px;
	height:205px;
	margin:0 auto;
	background-image:url(../img/bg_install.jpg);
	background-repeat:no-repeat;
}

.install_app {
	position:absolute;
	top:63px;
	left:280px;
}



.install_google {
	position:absolute;
	top:131px;
	left:280px;
}

.install_app:hover,
.install_google:hover {
	opacity:0.9;
    filter: alpha(opacity=90);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=90)";  /* ie 8 */
    -moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.9;              /* Safari 1.x */
}

/* content > twitter follow
-----------------------------------*/

#follow {
	width: 201px;
	height:207px;
	background-image:url(../img/bg_tw.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:682px;
	right:0px;
}

#follow-btn {
	position:absolute;
	top:140px;
	left:85px;
}

/* content > ゲーム内容
-----------------------------------*/
#content_01 {
	border-top:7px solid #ff0;
	height:469px;
	background-image:url(../img/content_01.jpg);
	background-repeat:no-repeat;
}

#content_02 {
	border-top:7px solid #ff0;
	height:469px;
	background-image:url(../img/content_02.jpg);
	background-repeat:no-repeat;
}

#content_03 {
	border-top:7px solid #ff0;
	height:469px;
	background-image:url(../img/content_03.jpg);
	background-repeat:no-repeat;
}

/* content > スペック
-----------------------------------*/
#spec {
	height:182px;
	background-image:url(../img/content_spec.jpg);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

/* content > エラー
-----------------------------------*/
#error {
	position:relative;
	height:524px;
	background-image:url(../img/bg_error.jpg);
	background-repeat:no-repeat;
}

#error .bt-back-index {
	position:absolute;
	top:375px;
	left:250px;
    background:url(../img/bt_back_index.png) no-repeat;
    background-position:left top;
    width:450px;
    height:51px;
}

#error .bt-back-index:hover {
	background-position:left bottom;
}

/* content > 登録完了
-----------------------------------*/
#finish {
	position:relative;
	height:524px;
	background-image:url(../img/bg_finish.jpg);
	background-repeat:no-repeat;
}

#finish .bt-back-index {
	position:absolute;
	top:375px;
	left:250px;
    background:url(../img/bt_back_index.png) no-repeat;
    background-position:left top;
    width:450px;
    height:51px;
}

#finish .bt-back-index:hover {
	background-position:left bottom;
}


.serial-number {
	position:absolute;
	top:265px;
	left:295px;
    color:#000;
    font-size:2.4em;
    font-weight:900;
    width:370px;
    text-align:center;
}

/* footer
-----------------------------------*/
#footer_box {
	height:93px;
	border-top:2px solid #fb0;
	background-image:url(../img/bg_footer.jpg);
	background-repeat:repeat-x;
}

#footer {
	position:relative;
	height:95px;
	width:960px;
	margin:0 auto;
	font-style: normal;
}

#about ul {
	float:left;
}

#about li {
	float:left;
	list-style:none;
	margin:5px 0 0 0;
}

#footer_sns {
	float:right;
	overflow:hidden;
	list-style:none;
	margin:5px 0 0 0;
}

#footer_sns li {
	float:left;
	margin-left:5px;
}

#footer address{
	clear:both;
	width:960px;
	text-align:center;
	position:absolute;
	bottom:10px;
	font-style: normal;
}

/* inq
-----------------------------------*/


#inq-pop{

			position:absolute;
  			z-index: 250;
			width:640px;
			height: 350px;
			display: none;
			opacity: 0;
			left:50%;
			background: #000;
			padding: 30px;
			margin-left: -350px;
		}

#inq-pop #close-btn{

			position:absolute;
  			z-index: 300;
			top:-1%;
			right:-1%;
			cursor: pointer;
			
		}


#inq-pop li{

	list-style: none;
	margin-bottom: 10px;
	padding-left: 1em;
  	text-indent: -1em;
}

#inq-pop #inq-tl{


	font-size: 24px;
	margin-bottom: 15px;
	text-align: center;
}

#inq-pop #inq-mail{

	display: block;
	width: 450px;
	height: 51px;
	font-size: 18px;
	margin: 30px auto;
	text-align: center;
	
}

/* inq
-----------------------------------*/


#news-pop{

			position:absolute;
  			z-index: 250;
			width:860px;
			display: none;
			opacity: 0;
			left:50%;
			background: #27231F;
			padding: 30px;
			margin-left: -460px;
		}

#news-pop .close-btn{

			position:absolute;
  			z-index: 300;
			top:-1%;
			right:-1%;
			cursor: pointer;
		}


#news-pop li{

	list-style: none;
	margin-bottom: 10px;
	padding-left: 1em;
  	text-indent: -1em;
}

#news-pop #news-tl{


	font-size: 24px;
	margin-bottom: 15px;
	text-align: center;
}



.news-tl{

	font-size: 36px;
	padding-bottom:15px;
	border-bottom: #FFF solid 2px;
	text-align: center;
	margin-bottom: 10px;

}

.news-date{

	font-size: 16px;
	text-align:right;
	margin-bottom: 15px;
}

#news{


	width: 956px;
	border-radius: 6px; 
	border: #F00 solid 2px;
	text-align: center;
	line-height: 50px;
	margin: 20px auto;
	color: #F00;
	font-size: 24px;
	cursor: pointer;
}
#news img{


	display: inline;
	vertical-align: middle;
}