@charset "utf-8";
@import "/registraiton/css2/basic.css";
@import "/registraiton/css2/normalize.css";
@import "/registraiton/css2/response.css";

/* body */
#wrap {position:relative; width:100%; overflow:hidden; background:#bfbfbf;}
#container {clear:both; position:relative; width:100%; max-width:1000px; margin:0 auto; overflow:hidden; background:#fff;}


@media all and (max-width:1000px){
	#container {width:100%;}
	#container img {max-width:100%;}
}

@media all and (max-width:640px){

}

.vod_ares {width:82%; margin:0 auto 5% auto; text-align:center;}
.vod {position:relative; width:100%; max-width:820px; padding-bottom:56.25%;}
.vod iframe {position:absolute; left:0; width:100%; height:100%;}
.vod_txt {margin:24px 0;}
.vod_txt img {display:inline-block;}


.form_name {position:relative; width:100%; padding-bottom:5%;}

.form_name h2 {margin-bottom:2%;}
.form_name h2 img {}

.tbl_name {width:100%;}
.tbl_name th, td {border-bottom:4px solid #fff; padding:12px 8px;}
.tbl_name th {padding-left:20px; background:#e1eefa;}
.tbl_name th.brl {border-left:4px solid #fff;}
.tbl_name td {background:#e1eefa;}
.tbl_name td input {width:90%; height:30px; border:1px solid #fff; font-size:18px; padding:0 10px;}


.terms2 {background: url( "../img2/bg_terms2.png" ) no-repeat 0 0; background-size:100% 100%; text-align:center; padding:1.6% 0; margin-top:1%; display:inline-block; width:100%;}
.terms2 span	{width:100%; display:inline-block;}
.terms2 span img {vertical-align:middle;}
.terms2 span input {width:24px; height:24px; vertical-align:middle;}

.terms {text-align:center;}
.terms p {width:81%; margin: 0 auto; background:#fff7f5; border-top:1px solid #932fa8; border-bottom:1px solid #932fa8; padding-top:2%;}
.terms span	{width:100%; display:inline-block; margin:1% 0 3% 0;}
.terms span img {vertical-align:middle;}
.terms span input {width:24px; height:24px; vertical-align:middle;}



.btn {width:100%; text-align:center; padding:5% 0;}
.btn input {}
.btn_login {width:100%; text-align:center; padding-top:4%;}

.footer {position:relative;}
.serial {position:absolute; right:1.5%; bottom:7%;}

/* µî·Ï */

.regis_wrap {position:relative; width:83%; margin:0 auto;}

.regis_ares {position:relative; width:100%;}
.regis_ares p {width:49.25%; float:left; background:#fff; border:1px solid #ffa5a1; margin-right:0.5%; margin-bottom:0.5%; padding:2% 0;}
.regis_ares p label {width:145px; display:inline-block; vertical-align:middle; text-align:center;}
.regis_ares p input {width:50%; height:40px; vertical-align:middle; font-size:1.2; padding:0 2%; border:1px solid #fff; background:#fff;}
.regis_ares p.last {width:99.3%;}
.regis_ares p.last label {width:145px;}
.regis_ares p.last input {width:73%;}
.regis_txt {width:100%; display:inline-block; padding:2% 0 4% 8%;}



@media all and (max-width:1000px){
	.regis_ares p.ms1 label {padding-left:3%;}
}
/*
@media all and (max-width:640px){
	.wrap {width:100%;}
}
*/

/*
.checkbox {display: inline-block; width: 20px; height: 20px; background:#ffffff; border: 2px solid #AAAAAA; cursor: pointer; vertical-align:middle;}
.radio {display: inline-block; width: 20px; height: 20px; background:#ffffff; border: 2px solid #AAAAAA; cursor: pointer; vertical-align:middle;}
*/
input[id="on_off_flag_yes"] + label {display: inline-block; width: 20px; height: 20px; background:#fff; border: 2px solid #036eb7; cursor: pointer; vertical-align:middle;}
input[id="on_off_flag_yes"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="on_off_flag_yes"] {display: none;}

input[id="on_off_flag_no"] + label {display: inline-block; width: 20px; height: 20px; background:#fff; border: 2px solid #036eb7; cursor: pointer; vertical-align:middle;}
input[id="on_off_flag_no"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="on_off_flag_no"] {display: none;}

input[id="is_agree_yes"] + label {display: inline-block; width: 20px; height: 20px; background:#fff; border: 3px solid #7d0096; cursor: pointer; vertical-align:middle;}
input[id="is_agree_yes"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="is_agree_yes"] {display: none;}

input[id="is_agree_no"] + label {display: inline-block; width: 20px; height: 20px; background:#fff; border: 2px solid #036eb7; cursor: pointer; vertical-align:middle;}
input[id="is_agree_no"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="is_agree_no"] {display: none;}

input[id="is_yes"] + label {display: inline-block; width: 20px; height: 20px; background:#eeeaf5; border:1px solid #29201e; cursor: pointer; vertical-align:middle;}
input[id="is_yes"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="is_yes"] {display: none;}

input[id="is_no"] + label {display: inline-block; width: 20px; height: 20px; background:#eeeaf5; border:1px solid #29201e; cursor: pointer; vertical-align:middle;}
input[id="is_no"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="is_no"] {display: none;}


/*dim Æ˾÷*/
.pop-layer .pop-container {
 
}

.pop-layer .btn-r {
  width: 100%;
  text-align:center;
  position: absolute;
  bottom:90px;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: auto;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
}

a.btn-layerClose:hover {
}