@charset "utf-8";
/* CSS Document */
.ol_step {
padding-bottom:17px;
border-bottom:1px solid #ccc;
margin-bottom:30px;
padding-left:20px;
}
.ol_step li {
float:left;
position:relative;
text-align:center;
width:200px;
font-size:16px;
font-weight:bold;
}
.ol_step li:not(:last-child) {
width:240px!important;
}
.ol_step li div {
width:200px;
height:60px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
border:3px solid #ccc;
color:#ccc;
float:left;
padding:5px;
line-height:1.2;
}
.ol_step li.current div {
border:3px solid #ff5266!important;
color:#ff5266!important;
}
.step {
font-size:12px;
}
.ol_step li:not(:last-child):after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 6px;
height: 6px;	
margin: -4px 0 0 0;
border-top: solid 2px #ccc;
border-right: solid 2px #ccc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.experience01 {
width:100%;
border-bottom:5px solid #FF5266;

}
.bd_pink {
border-bottom:5px solid #19B2A9;
}
.experience01 ul {
width:870px;
margin:0 auto;
}
.experience01 ul li {
float:left;
width:430px;
height:67px;
line-height:67px;
text-align:center;
position:relative;
background:#FF5266;
font-size:24px;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
}
.experience01 ul li a {
color:#fff;
background:url(../img/register/arrow_reg03.png) no-repeat right center;
display:block;
background-image:-moz-linear-gradient(rgb(153,153,153) 0%,rgb(203,203,203) 97%,rgb(204,204,204) 100%); 
background-image:-webkit-gradient(linear,color-stop(0, rgb(153,153,153)),color-stop(0.97, rgb(203,203,203)),color-stop(1, rgb(204,204,204)));
background-image:-webkit-linear-gradient(rgb(153,153,153) 0%,rgb(203,203,203) 97%,rgb(204,204,204) 100%);
background-image:-o-linear-gradient(rgb(153,153,153) 0%,rgb(203,203,203) 97%,rgb(204,204,204) 100%);
background-image:-ms-linear-gradient(rgb(153,153,153) 0%,rgb(203,203,203) 97%,rgb(204,204,204) 100%);
background-image:linear-gradient(rgb(153,153,153) 0%,rgb(203,203,203) 97%,rgb(204,204,204) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ff999999)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc,endColorstr=#ff999999);
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
}
.experience01 ul li.current a {
color:#fff;
background:#FF5266;
display:block;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
}
.experience01 ul li:last-child.current a {
color:#fff;
background:#19B2A9;
display:block;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
}
.experience01 ul li span {
color:#fff;
background:url(../img/register/arrow_reg03.png) no-repeat right center;
padding-right:35px;
}

.experience01 ul li.current span {
color:#fff;
background:url(../img/register/arrow_reg01.png) no-repeat right center!important;
padding-right:35px;
}
.experience01 ul li:last-child.current span {
color:#fff;
background:url(../img/register/arrow_reg02.png) no-repeat right center!important;
padding-right:35px;
}


.experience01 ul li:first-child {
margin-right:10px;
}
.ex_form {
width:870px;
padding:23px 44px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.dl_check_area dt {
border-left:3px solid #666;
font-size:16px;
padding-left:10px;
margin-bottom:10px;
}
.dl_check_area dd {
margin-bottom:30px;
}

.check_area li {
width:150px;
}
.check_about li {
float:left;
}
.check_about li:nth-child(odd) {
width:300px;
}
.disnon {
display:none;
}



input, select {
vertical-align:middle!important;
}
button {
cursor:pointer;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"],input[type="url"],select {
border:1px solid #ccc;
font-size:1.4rem;
padding:0 10px;
color: #333;
background: #fff;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
input[type="time"],input[type="date"] {
font-size:1.6rem!important;
padding:10px;
}
textarea {
border:1px solid #ccc;
font-size:1.4rem!important;
padding:10px;
color: #333;
background: #fff;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.input_text01 {
width:450px;
}
.input_text02 {
width:300px;
}
.input_text03 {
width:140px;
}
.input_100 {
width:100%;
}
.input_number {
width:390px;
height:60px!important;
font-size:24px!important;
}
.th_nintei {
background:#fffcd2!important;
font-weight:bold;
}
/*  request */
.form_request textarea {
width:100%;
height:150px;
}
.form_request input[type="submit"] {
border:1px solid #4f94f6;
font-size:1.4rem!important;
padding:0 10px;
background:#4f94f6;
color: #fff;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.cover {
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background:#fff;
filter:alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
z-index:100;
}
#cover02{
margin-top:-10px!important;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
width:100%;
}
.table_form {
width:100%;
border-collapse:collapse;
margin-bottom:10px;
clear:both;
}
.table_form02 {
width:100%;
border-collapse:collapse;
clear:both;
}

.p_relative {
position:relative;
}
.table_form caption,.table_form02 caption {
background:#724319;
font-size:16px;
color:#fff;
padding-left:15px;
line-height:30px;
text-align:left;
font-weight:bold;

}
.cap_attention span {
background:url(../img/register/icon_attention.png) no-repeat left center;
padding-left:20px;
font-size:14px;
color:#ffff00;
}


.table_form th,.table_form02 th {
width:230px;
font-size:14px;
color:#323232;
text-align:left;
vertical-align:middle;
padding:15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#F7F4E1;
border-bottom:1px dotted #ccc;
line-height:1.5;
font-weight:500;
}
.table_form td,.table_form02 td {
font-size:14px;
padding:15px;
vertical-align:middle;
border-bottom:1px dotted #ccc;
background-color:#fffff5;
}
.relative {
position:relative;
}
.bubble_container {
position:absolute;
top:-50px;
left:0;
}
.table_form td .bubble02,.table_form02 td .bubble02  {
position: relative;
display: inline-block;
padding: 0 15px;
width: auto;
min-width: 115px;
height: 40px;
line-height: 40px;
color: #323232;
text-align: center;
background: #fff;
border: 3px solid #666;
z-index: 0;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
-moz-box-shadow:4px 4px 2px rgba(0,0,0,0.1);
-webkit-box-shadow:4px 4px 2px rgba(0,0,0,0.1);
box-shadow:4px 4px 2px rgba(0,0,0,0.1);
font-size:12px;
font-weight:bold;
}
.table_form td .bubble02:before,.table_form td02 .bubble02:before {
content: "";
position: absolute;
bottom: -8px; left: 50px;
margin-left: -9px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 9px 9px 0 9px;
border-color: #fff transparent transparent transparent;
z-index: 0;
}
.table_form td .bubble02:after,.table_form02 td .bubble02:after {
content: "";
position: absolute;
bottom: -12px; left: 50px;
margin-left: -10px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #666 transparent transparent transparent;
z-index: -1;
}


.table_form th .must,.table_form02 th .must {
float:right;
vertical-align:top;
padding:0 5px;
}
.table_form td input,.table_form td select,.table_form02 td input,.table_form02 td select {
height:30px;
font-size:14px;
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.table_form td label,.table_form02 td label  {
cursor:pointer;
}
.must_input {
background:#ffe9ed!important;
}
.table_form td .form_caption,.table_form02 td .form_caption {
line-height:30px;
color:#666;
padding-left:15px;
}
.table_form td ul.form_radio,.table_form02 td ul.form_radio {
display:table;
}
.table_form td ul.form_radio li,.table_form02 td ul.form_radio li {
display:table-cell;
}
.form_link {
background:url(../img/common/arrow14.png) no-repeat left center;
font-size:12px;
float:right;
padding-left:18px;
line-height:30px;
}
.form_link a {
text-decoration:underline;
}
.form_check li {
float:left;
margin-right:35px;
}
.form_check02 li {
float:left;
width:140px;
}
.table_form td textarea {
width:494px;
height:150px;
}
.plr45 {
padding-left:45px;
padding-right:45px;

}
button.bt_register {
width:430px;
margin:0 auto;
display:block;
}

/*-- login --*/
.box_login {
background:#ffffcc;
border:5px solid #ccc;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:28px 55px;
margin-bottom:50px;
}
.box_login dl.dl_login dt {
float:left;
vertical-align:middle;
font-size:18px;
font-weight:bold;
line-height:60px;
width:270px;
clear:both;
text-align:right;
margin-bottom:16px;
}
.box_login dl.dl_login dd {
padding-left:280px;
vertical-align:middle;
margin-bottom:16px;
}
.box_login input[type="text"],.box_login input[type="email"],.box_login input[type="password"] {
height:60px;
}
.box_login button {
width:300px;
margin:0 auto;
display:block;
}

.box_login ul {
text-align:center;
}
.box_login ul li {
display:inline-block;
vertical-align:middle;
}

.dl_register dt {
text-align:center;
font-size:22px;
font-weight:bold;
margin-bottom:20px;
color:#ff0000;
}
.dl_register dd input {
width:600px;
margin:0 auto 20px;
}
.dl_register02 {
width:670px;
margin:0 auto;
padding:15px 0;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
.dl_register02 dt {
text-align:center;
color:#ff0000;
font-size:12px;
font-weight:bold;
margin-bottom:10px;
}
.dl_register02 dd {
font-size:12px;
line-height:1.6;
text-align:center;
}
button.bt_register {
width:430px;
margin:0 auto;
display:block;
}
.bubble01 {
color: #19283C;
position: relative;
display: block;
padding: 15px;
width: 560px;
margin:0 auto;
text-align: center;
background: #fff;
border: 3px solid #ccc;
z-index: 0;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
font-size:14px;
color:#323232;
}
.bubble01:before {
content: "";
position: absolute;
top: -8px; left: 50%;
margin-left: -9px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 9px 9px 9px;
border-color: transparent transparent #fff transparent;
z-index: 0;
}
.bubble01:after {
content: "";
position: absolute;
top: -12px; left: 50%;
margin-left: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #ccc transparent;
z-index: -1;
}
.reg_mail {
text-align:center;
line-height:50px;
background:#F7F4E1;
font-size:14px;
font-weight:bold;
}
.form_link {
background:url(../img/common/arrow14.png) no-repeat left center;
font-size:12px;
float:right;
padding-left:18px;
line-height:30px;
}

.box_member {
width:900px;
margin:0 auto 25px;
background:url(../img/common/bg_yellow.png);
-moz-box-shadow:1px 1px 2px 2px rgba(0,0,0,0.65);
-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.65);
box-shadow:1px 2px 2px rgba(0,0,0,0.65);
border-top:1px solid #f0f0f0;
}
.box_member dl {
width:712px;
margin:0 auto;
}
.box_member dl dt {
font-size:22px;
text-align:center;
font-weight:bold;
margin-bottom:10px;
line-height:1.4;
}
.box_member dl dt span {
color:#fff;
background:#ff5266;
font-size:18px;
padding:0 5px;
margin-right:3px;
}
.box_member dl dd {
font-size:14px;
line-height:1.6;
text-align:center;
padding-bottom:20px;
}
.box_member dl dd:not(:last-of-type) {
margin-bottom:20px;
border-bottom:1px dotted #ccc;
}

.box_dot {
width:410px;
background:url(../img/register/bg_dot.png);
border:1px solid #ccc;
padding:20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
}
.box_dot ul {
text-align:center;
margin-bottom:10px;
}
.box_dot ul li {
display:inline-block;
}
.box_dot ul li:first-child {
padding-right:4px;
}