@charset "utf-8";

/* CSS Document */





.form-style li {

	list-style:none;

	margin-bottom:5px;

    padding-bottom: 5px;

    border-bottom: 1px solid #BECBDC;

}

.form-style li div{

	margin:0 -1.5px

}

.form-style li:after {

	content: '';

	display: block;

	clear: both;

	visibility: hidden;

	height: 0;

}

/*.form-style li:nth-child(2),

.form-style li:nth-child(4){

    float: right;

    width: calc(50% - 5px);

}

.form-style li:nth-child(1),

.form-style li:nth-child(3){

    float: left;

    width: calc(50% - 5px);

    margin-right: 10px;

}

.form_use3 .input_240{

    width: 240px;

}

.form-style li:nth-child(5) .rbox{

    width: 630px;

}*/

.form-style li .title {

	width: 116px;

	font-size: 14px;

	line-height:1.6;

	font-size:13px;

	color:#525252;

	padding: 0px 0px 0px 25px;

    margin-right: 30px;

	position:relative;

    float: left;

	vertical-align:top;

    -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

        box-sizing: border-box;

    border-right: 1px solid #BECBDC;

}

.form-style li .title.register:after {

    color: #4579E5;

    left: 0px;

    content: '＊';

    position: absolute;

    top: 1px;

    font-size: 16px;

}

.form-style li .rbox {

    width: 660px;

    float: left;

	line-height: 1.6;

	padding: 0px 0px 0px 0px;

	display:inline-block;

}

.form-style li .rbox .acc{

	color: #FF0000;

	font-weight: bold;

	display: block;

}

.form-style li .rbox .inf{

	display:block;

	line-height:25px;

}

/************************************************************/

/************************************************************/

.register{

	position:relative;

}

.text_ok{

	text-align:center;

	margin-bottom:20px;

    padding-bottom: 20px;

    border-bottom: #E0E0E0 1px solid;

}

.text_ok a, .text_ok a:visited {

	color: #F60;

	text-decoration: none;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}

.text_ok a:hover {

	color: #E6463E;

	text-decoration: none;



}

.text_ok .status{

	color: #FF0000;

	font-size:20px;

	font-weight:bold;

	margin-bottom:10px;

	display:block;

}

.text_ok .name {

	color: #F88A04;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

}

/**************************************************************/

/**************************************************************/

.form_use {

	color: #929292;

	background:#DDD;

	border:none;

    font-size: 16px;

	line-height:18px;

	padding: 6px 8px 6px 8px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

    -webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

}

.form_use:hover, .form_use:focus {

}

.form_use2 {

	color: #777777;

	background-color: transparent;

	border: none;

	line-height:18px;

	padding: 2px 8px 2px 8px;

	font-size: 12px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

    -webkit-border-radius: 7px 7px 7px 7px;

    border-radius: 7px 7px 7px 7px;   

}

.form_use2:hover, .form_use2:focus {

	color: #AA925F;

	border: none;

	background-color: transparent !important;

}

.form_use3 {

	line-height:18px;

	padding: 2px 8px 2px 8px;

	font-size: 14px;

	border:none;

	background:none;

    color: #777777;

}

.form_use3:focus {

    background: rgba(255,255,255,0.7);

}

.form_use4 {

	color: #BBBBBB;

	background-color: transparent;

	border: none;

	line-height:18px;

	font-size: 12px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.form_use4:hover, .form_use4:focus {

	color: #BBBBBB;

}

input[placeholder] {

	color: #BABABA;

	line-height: 18px;

}

/**************************************************************/

/**************************************************************/

.input_100{

	width:100%;

}

.input_95{

	width:95%;

}

.input_90{

	width:90%;

}

.input_85{

	width:85%;

}

.input_80{

	width:80%;

}

.input_80{

	width:80%;

}

.input_50{

	width:50%;

}

.input_40{

	width:40%;

}

.input_24{

	width:24%;

}

.input_23{

	width:23%;

}

.input_20{

	width:20%;

}

.input_240{

	width:240px;

}

 input, select{

	vertical-align: middle;

}