@charset "utf-8";   /*   文字コード   */

body#newcomer {
	background:url(/nol/newcomer/img/main_bg.jpg) top center no-repeat #000 ;
	margin: 0;
}
.clear { clear:both; }
img{ vertical-align: bottom; }



.newcomer-bg{width: 100%; max-width:1000px; background: #000; color: #fff; margin: 0 auto;}
.newcomer-bg img{width: 100%;}
.btn_bg	{ width: 100%; background:url(/nol/newcomer/img/btn_bg.jpg) top center no-repeat; text-align: left; padding-bottom: 6.8%; -moz-background-size:100% auto; background-size:100% auto; }
.btn_bg2{ width: 100%; background:url(/nol/newcomer/img/btn_bg2.jpg) top center no-repeat; text-align: left; -moz-background-size:100% auto; background-size:100% auto;}


.game-btn1 { width: 100%; max-width: 646px;}
.game-btn1 a{ background: url(/nol/newcomer/img/game_btn.png); width: 100%; padding-top:  34%; text-align: left; display: block;-moz-background-size:100% auto; background-size:100% auto; }
.game-btn1 a:hover{ background: url(/nol/newcomer/img/game_btn.png) 0px -102.3%; -moz-background-size:100% auto; background-size:100% auto; }
.game-btn1 strong{ position: absolute; width: 0; height: 0; overflow: hidden;}

.btn_bg .game-btn1{ padding-left: 24px;}
.btn_bg2 .game-btn1{ float: right; padding-right: 10px;}
.topbtn { float: right; max-width: 250px; width: 100%; margin-bottom: 5%; }
.topbtn a{ 
	width: 100%; 
	max-width: 250px; 
	display: block; 
	background: #bb0403; 
	color: #fff; 
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	border-radius: 20px; 
	text-align: center; 
	text-decoration: none; 
	padding: 10px 0;
}
.topbtn a:hover{background: #fb2020;}
.btn_box02 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media screen and (min-width: 641px) {
.btn_box { width: 80%; margin: 75% 30px 0 100px; padding-left:3px;}
.btn_box02{ width:50%; float: left; }
.btn_box02 img{ width:100%; }
}

@media screen and (max-width: 640px) {
.btn_bg2{padding-bottom: 10%;}
.game-btn1 {width: 95%; max-width: 646px; margin: 0 auto;}
.btn_bg .game-btn1{padding-left: 0;}
.btn_bg2 .game-btn1{float: none; padding-right: 0;}
.btn_box { width: 75%; margin: 75% auto 0 auto; }
.btn_box02{ width:100%; }
.btn_box02 img{ width:100%; }
}

.btn_nol { float: right; width: 90%; max-width: 250px;}
.btn_nol a{ 
	width: 86%; 
	max-width: 250px; 
	display: block; 
	background: #fff; 
	color: #bb0403;
	font-weight: bold;
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	border-radius: 20px; 
	text-align: center; 
	text-decoration: none; 
	padding: 5px 0;
	margin: 7%;
}


@media screen and (max-width: 640px) {
.btn_nol { float: none; width: 90%; max-width: 250px; margin-left: auto; margin-right: auto; padding-top: 1px;}
}


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/* footer */
#footer	{
	width:100%;
	max-width:1000px;
	margin: 0 auto;
	background-color: #000;
}
.ps_box{  width:96%; max-width:960px;  text-align: right;}
.ps_l{ width:100%; max-width:261px; float: right;}
.c_box{  width:100%; max-width:1000px; text-align: right;}
.c_box img{  width:100%; max-width:660px;}

@media screen and (max-width: 640px) {
.ps_box{ width:94%;}
.c_box{ width:100%; max-width:640px; text-align: right;}
.ps_l img{  width:50%; max-width:261px;}

}