@charset "utf-8";

input:focus{
    outline-color: #3582ca ;
}

/* form========================================== */

#form_regist{
    max-width: 900px ;
    width: 100% ;
    margin: 0 auto 70px auto;
}
#form_regist dl{
    border-bottom: #ddd solid 1px ;
    padding: 10px 0 ;
}
#form_regist dl:after{
    content: ".";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden; 
}
#form_regist dt{
    width: 20% ;
    float: left ;
    color: #758D94 ;
    padding: 20px 10px 10px 10px ;
    font-weight: bold ;
}
#form_regist dt small{
    display: block ;
    font-size: 0.8em ;
    font-weight: normal ;
}
#form_regist dd{
    width: 80% ;
    float: left ;
    padding: 15px 10px 10px 10px ;
}
#form_regist dd input,
#form_regist dd textarea{
    padding: 7px ;
    border: none; 
    border-radius: 3px ;
    margin-bottom: 10px ;
    background-color: #eee ;
}
#form_regist dd input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px #eee inset;
}
#form_regist .attention{
    color: #888 ;
    font-size: 13px ;
    margin-bottom: 3px ;
}
#form_regist .msg{
    color: #fa5360 ;
    font-size: 13px ;
    margin-bottom: 3px ;
}
input.size_xs{
    width: 150px ;
}
input.size_s{
    width: 200px ;
}
input.size_m{
    width: 300px ;
}
input.size_l{
    width: 500px ;
}
input.size_xl{
    width: 100% ;
}
#form_regist dd textarea{
	width: 100% ;
	line-height: 1.3em ;
}

@media (max-width: 900px){
    #form_regist dl{
        padding: 15px 0 ;
    }
    #form_regist dt small{
        display: inline ;
        padding-left: 5px ;
    }
    #form_regist dt,
    #form_regist dd{
        padding: 5px 0 ;
        width: 100% ;
        float: none ;
    }
    input.size_xs{
        width: 70px ;
    }
    input.size_s,
    input.size_m,
    input.size_l,
    input.size_xl{
        width: 100% ;
    }
}

/* check====================================== */

#check{
    text-align: center ;
}
.p_userassist{
    color: #3582ca ;
    font-size: 20px ;
    margin-bottom: 10px ;
    font-weight: bold ;
}
.btn_playertest a{
    background-color: #758d94 ;
    padding: 10px 15px ;
    border-radius: 5px ;
    display: inline-block ;
    color: #fff ;
    margin-bottom: 40px ;
    transition: all 0.2s ;
}
.btn_playertest a:hover{
    background-color: #577d88 ;
}
.check_userpolicy{
    margin-bottom: 60px ;
}
.check_userpolicy p{
    font-weight: bold ;
    font-size: 17px ;
    text-decoration: underline ;
}
.check_userpolicy .msg{
    color: #fa5360 ;
    font-size: 13px ;
    margin-bottom: 40px ;
}

/* userpolicy================================ */

.userpolicy{
    max-width: 900px ;
    color: #777 ;
    margin: 0 auto 50px auto ;
    height: 300px ;
    overflow-y: scroll ;
    text-align: left ;
    padding: 15px ;
    line-height: 1.8em ;
    border: #eee solid 2px ;
    font-size: 13px ;
}
.userpolicy h3{
    font-size: 1.2em ;
}
.userpolicy h4{
    color: #758d94 ;
    font-size: 1em;
    margin-bottom: 5px ;
}
.userpolicy p,
.userpolicy ol{
    font-size: 0.9em ;
    margin-left: 20px ;
    margin-bottom: 10px ;
}

/* corseselect=========================== */

#courseselect{
    padding: 10px ;
    max-width: 1000px ;
    margin: 0 auto ;
    text-align: center ;
}
#courseselect in{
    padding: 10px ;
}
#courseselect input{
    background-color: #3582ca ;
    border-radius: 3px ;
    border: 0 ;
    padding: 10px 15px ;
    color: #fff ;
    transition: all 0.2s ;
    margin-bottom: 20px ;
    font-size: 15px ;
    width: 100% ;
    max-width: 200px ;
}
#courseselect input:hover{
    cursor: pointer ;
    background-color: #226cb1 ;
}
#courseselect .p_small{
    color: #758d94 ;
    font-size: 13px ;
    margin-bottom: 30px ;
}

.caution{
	margin-left: auto ;
	margin-right: auto ;
	margin-bottom: 20px ;
	max-width: 1000px ;
	padding: 15px 15px 10px 15px  ;
	border-radius: 5px ;
	border: #ddd 1px solid ;
}
.caution p{
	position: relative ;
	padding-left: 25px ;
	margin-bottom: 5px ;
	font-size: 14px ;
}
.caution p a{
	color: #3582ca ;
	text-decoration: underline ;
	display: inline-block ;
}
.caution p a:hover{
	text-decoration: none ;
}
.caution p i{
	position: absolute ;
	top: 3px ;
	left: 0 ;
	color: #fa5360 ;
}

@media (max-width: 900px){
	#form_regist{
		margin-bottom: 40px ;
	}
    .p_userassist{
        font-size: 16px ;
    }
    .p_userassist br{
        display: none ;
    }
    .userpolicy{
        font-size: 12px ;
    }
}