@charset "euc-jp";
/* CSS Document */

/*LOG IN 前 & iOS用エラーページ　他 */


/*----------- 年齢認証トップ sphone_top.php ---------------*/

#topAuth{
width:100%;
height:auto;
text-align:center;
margin:0 auto 15px;
padding:0 0 0 0;
background: -moz-linear-gradient(top, #e5dfe6 0%, #f0eaf1 30%, #FFFFFF 101%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5dfe6), color-stop(35%,#f0eaf1), color-stop(100%,#FFFFFF)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5dfe6', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
}

#topAuth h1{
width:320px;
margin:0px auto 0px auto;
padding:0 0 0 0;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
-vendor-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=4,MakeShadow=true,ShadowOpacity=0.2);
}

#topAuth h1 img{
width:320px;
}

#topAuth div#over18{
text-align:center;
margin:12px auto;
}

#topAuth p#over18 img{
margin:0 auto 0px auto;
}

#topAuth ul{
display:block;
margin:10px auto 30px auto;
text-align:center;
margin:0px auto;
padding:0 0;
width:282px;
}

#topAuth li{
float:left;
list-style:none;
}

#topAuth li a#yes{
display:block;
width:120px;
height:36px;
text-align:center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border:1px solid #87621a;
background:-webkit-gradient(linear, left top, left bottom, from(#e9cf8a),color-stop(0.5, #af914b),color-stop(0.5, #866726),to(#a07b35));
background:-moz-linear-gradient(top,#e9cf8a,#af914b 51%,#866726 51%,#a07b35);
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
text-shadow:-1px -1px 1px #8a6a28;
text-align:center;
line-height:36px;
color:#fff;
font-size:16px;
font-weight:bold;
}

#topAuth li a#no{
display:block;
width:120px;
height:36px;
text-align:center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border:1px solid #505050;
background:-webkit-gradient(linear, left top, left bottom, from(#b7b7b7),color-stop(0.5, #7e7e7e),color-stop(0.5, #565656),to(#696969));
background:-moz-linear-gradient(top,#b7b7b7,#7e7e7e 51%,#565656 51%,#696969);
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
text-shadow:-1px -1px 1px #6c6c6c;
text-align:center;
line-height:36px;
color:#fff;
font-size:14px;
font-weight:bold;
}

#topAuth li img{
padding:3px;
}

#topAuth p{
text-align:left;
margin:20px;
}



/*----------- 新規入会 sp_registration.php ---------------*/

#mainContainer #registTable{
width:100%;
border-top:1px solid #efefef;
border-right:1px solid #efefef;
border-bottom:1px solid #efefef;
border-left:1px solid #efefef;
}

#mainContainer #registTable th{
background-color:#efefef;
font-size:small;
text-align:left;
padding:5px;
width:5.3em !important;
}

#mainContainer #registTable td{
width:auto;
line-height:1.2em;
border-bottom:1px solid #efefef;
padding:5px;
}

#mainContainer #registTable input{
border:1px solid #ccc;
padding:2px;
font-size:18px;
}
#registTable button{
display:block;
margin:5px 0;
width:186px;
height:32px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border:1px solid #ACACAC;
background-color:#fff;
background:-webkit-gradient(linear, left top, left bottom, from(#fff),to(#d1d1d1));
background:-moz-linear-gradient(top,#fff,#d1d1d1);
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
text-shadow:0 1px 1px #fff;
text-align:center;
line-height:30px;
color:#666;
font-size:12px;
font-weight:bold;
}

#registTable button img.hnBtn{
border:none;
display:block;
}

#mainContainer div.sendBtn .regist1{
width:278px;
height:45px;
/*background:url(../spimg/btn_go_touroku0.png) no-repeat;*/
text-align:center;
text-indent:0 !important;
display:block;
margin:10px auto 25px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border:1px solid #acacac;
background:-webkit-gradient(linear, left top, left bottom, from(#e2e2e2),color-stop(0.5, #cdcdcd),color-stop(0.5, #bbbbbb),to(#c3c3c3));
background:-moz-linear-gradient(top,#e2e2e2,#cdcdcd 51%,#bbbbbb 51%,#c3c3c3);
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
text-shadow:-1px -1px 1px #cacaca;
text-align:center;
line-height:34px;
color:#fff;
font-size:14px;
font-weight:bold;
}

#mainContainer div.sendBtn .regist2{
width:278px;
height:45px;
/*background:url(../spimg/btn_go_touroku.png) no-repeat;*/
text-align:center;
text-indent:0 !important;
display:block;
margin:10px auto 25px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border:1px solid #87621a;
background:-webkit-gradient(linear, left top, left bottom, from(#e9cf8a),color-stop(0.5, #af914b),color-stop(0.5, #866726),to(#a07b35));
background:-moz-linear-gradient(top,#e9cf8a,#af914b 51%,#866726 51%,#a07b35);
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
text-shadow:-1px -1px 1px #8a6a28;
text-align:center;
line-height:34px;
color:#fff;
font-size:16px;
font-weight:bold;
}

#mainContainer .alKiyaku{
height:100%;
border-radius: 6px;         /* CSS3 */
-moz-border-radius: 6px;    /* Firefox */
-webkit-border-radius: 6px; /* Safari,Chrome */
border: 2px #ccc solid;     
background-color: #fff;   
padding:5px;
margin:10px auto 0px auto;
color:#FF6699;
text-align:left;

}

.alKiyaku dl#acSlider{
width:100%;
margin:5px;
clear:both;
}

.alKiyaku dl#acSlider dt{
white-space:nowrap;
clear:both;
display:block;
background:url(../spimg/sp_h5_icon.png) no-repeat left 0.3em;
padding-left:15px;
width:100%;
font-size:small;
line-height:1.6em;
}
.alKiyaku dl#acSlider dd{
float:none;
display:block;
white-space:normal;
margin:0 10px 10px 15px;
width:92%;
}

.alKiyaku dl#acSlider dd ul{
margin:5px 5px 5px 1em;
}

.alKiyaku dl#acSlider dd ul.acInside{
list-style:outside;
display:block;
}

/*a_memsphone_login.html*/
form.sendForm{
/*width:310px;*/
}

dl#loginData, dl#reissueData{
border-radius: 6px;         /* CSS3 */
-moz-border-radius: 6px;    /* Firefox */
-webkit-border-radius: 6px; /* Safari,Chrome */
background-color: #f0f0f0; 
border:1px solid #ccc;
margin:10px auto 0px auto;
color:#FF6699;
padding:5px;
/*width:290px;*/
}
dl#loginData dt ,dl#reissueData dt{
display:block;
/*background:url(../spimg/sp_icon_point.png) no-repeat 0.2em left;*/
margin:5px 0 0 0;
line-height:1.2em;
text-align:left;
font-size:medium;
font-weight:bold;
}

dl#loginData dd ,dl#reissueData dd{
display:block;
margin-bottom:12px;
}

dl#loginData dd input ,dl#reissueData dd input{
width:99%;
font-size:18px;
border:1px solid #ccc;
}

.roundCorner #verisign p{
text-align:left;
margin:auto;
}

/* change */

#content{
overflow:hidden;
overflow-x:hidden;
width:285px;
padding:0;
margin:0 auto 20px auto;
position:relative;
}

.section{
height:auto;
width:570px;
position:relative;
margin-bottom:10px;
}

a#reissue{
display:block;
margin:5px 0;
}

.section ul{
	padding:0;
	margin:0 0 0 0;
	list-style:none;

}
.section li{
	float:left;
	width:285px;
	height:auto;
}

.section li p{
	width:100%;
}
.section .next,.section .prev{
	text-align:center;
	/*height:15px;*/
	font-size:small;

}
a.next,
a.loginLink {
	/*background:url(../spimg/sp_h5_icon.png) no-repeat 50% left;*/
	font-weight:bold;
	/*margin-left:20px;*/
	clear: both;
	display: block;
	line-height: 40px;
	height: 40px;
	font-size:small;
	text-align:center;
}

a.prev {
	/*background:url(../spimg/sp_h5_icon2.png) no-repeat 50% left;
	padding-left:18px;*/
	font-weight:bold;
	margin-left:20px;
	clear: both;
	display: block;
	line-height: 40px;
	height: 40px;
}

.errorAlart{
margin-bottom:15px;
}

.errorAlart h4{
font-weight:bold;
}

.errorAlart p{
line-height:1.8em;
font-size:larger;
margin-left:15px;
color:#FF0000;
}


/*----------- iOSエラーページ sphone_error.php ---------------*/

#errorBody{
width:100%;
background:#e7e7e7;
margin:0 auto 0 auto;
padding:0;
text-align:center;
}

#errorBody a{
border:0;
}


#errorBody #errorHeader{
width:100%;
background:#fff;
margin:0 auto 0 auto;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
-vendor-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=4,MakeShadow=true,ShadowOpacity=0.2);
}

#errorBody #errorHeader h1{
float:left;
margin:0 10px 0 10px;
padding:5px 0 5px 0;
display:inline;
}

#errorBody #errorHeader #btnLogin{
float:right;
margin:5px 10px ;
padding:10px 0 0 0;
}


#errorBody #errorTop{
clear:both;
background:url(../spimg/error_top_bg.jpg) top center no-repeat;
width:312px;
height:160px;
margin:5px auto 0 auto;
padding:5px 0 0 0;
}

#errorBody #errorTop p{
font-weight:bold;
text-align:center;
}

#errorBody #errorTop #error_top_info{
margin:10px 10px 10px 5px;
width:190px;
font-size:12px;
font-weight:bold;
text-align:center;
color:#FF6699;
}
#errorBody #errorTop .error_top_link{
margin:10px 10px 0px 0px;
width:190px;
}

#errorBody #errorTop .error_top_link a{
font-size:xx-small;
font-weight:bold;
color:#666;
text-align:center;
}


#errorBody #errorTop #error_top_urlmail{
margin:5px 10px 10px 20px;
text-align:left;
}


#errorBody .cateBox {
text-align:center;
clear:both;
margin:0px auto 0 auto;
width:320px;
}

#errorBody .cateBox p{
width:312px;
height:20px;
color:#FFFFFF;
font-size:9px;
font-weight:bold;
text-align:left;
text-indent:1.5em;
line-height:2.5em;
margin:0 0 5px 5px;
padding:0 0 0 0;
}

#errorBody .cateBox p#pos{
background:url(../spimg/error_tit01.png) top left no-repeat;
}

#errorBody .cateBox p#sis{
background:url(../spimg/error_tit02.png) top left no-repeat;
}

#errorBody .cateBox .contBx{
width:312px;
height:62px;
text-align:center;
margin:0px auto 3px auto;
padding:5px 0px 0px 0px;
background:url(../spimg/error_bg_cont.png) top center no-repeat;
}

#errorBody .cateBox .contBx2{
width:312px;
height:82px;
text-align:center;
margin:0px auto 3px auto;
padding:5px 0px 0px 0px;
background:url(../spimg/error_bg_cont.png) top center no-repeat;
-webkit-background-size:100% 100%;
}

#errorBody .cateBox .contBx2 ul{ 
text-align:center;
margin:0px auto 0px auto;
}
#errorBody .cateBox .contBx2 ul li{
float:left;
list-style:none;
}

#errorBody .cateBox .contBx2 ul li span{
font-size:9px;
color:#FF6699;
padding-left:1.5em;
}

#errorBody #errorFooter{
background:#FFFFFF;
width:100%;
height:23px;
padding:10px 0px 0px 0px;
margin:0 0 0 0;
clear:both;
text-align:center;
font-size:xx-small !important;
line-height:1.2em;
}

#errorBody #errorFooter .borderP{
margin:10px 0px 0px 0px;
padding-bottom:0;
width:100%;
height:5px;
background:#e56e9f;
}