@charset "utf-8";
#login{
    width: 400px;
    margin: 8% auto 0;
    display: inline-block;
    color: #111;
    letter-spacing: 0;
    border: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), inset 1px 1px 0px 1px rgba(255, 255, 255, 0.9);
    border-radius: 14px;
    text-decoration: none;
    padding: 20px 40px;
    background: #fff;
}
/*------------------------------------------------------------
	dl01
------------------------------------------------------------*/
#login dl.dl01{
    margin-top:25px;
    text-align:left;
}
#login dl.dl01 dt{
    font-size:14px;
    margin-top:5px;
}
#login dl.dl01 dd{
}
/*------------------------------------------------------------
	input
------------------------------------------------------------*/
#login .input01 {
    margin:4px 0px;
    width:300px;
    font-size:14px;
    padding:10px;
}
/*------------------------------------------------------------
	loginButton
------------------------------------------------------------*/
#login .loginButton{
    width:300px;
    height:46px;
    display: inline-block;
    vertical-align: middle;
    color: #FFFFFF;
    font-size: 1em;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    border: none;
    border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#009574', endColorstr = '#005e49');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#009574', endColorstr = '#005e49')";
    background-image: -moz-linear-gradient(top, #009574, #005e49);
    background-image: -ms-linear-gradient(top, #009574, #005e49);
    background-image: -o-linear-gradient(top, #009574, #005e49);
    background-image: -webkit-linear-gradient(top, #009574, #005e49);
    background-image: linear-gradient(top, #009574, #005e49);
    background-clip: padding-box;
    margin:0 auto;
}
#login .loginButton:hover{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#52dabc', endColorstr = '#3ca48d');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#52dabc', endColorstr = '#3ca48d')";
    background-image: -moz-linear-gradient(top, #52dabc, #3ca48d);
    background-image: -ms-linear-gradient(top, #52dabc, #3ca48d);
    background-image: -o-linear-gradient(top, #52dabc, #3ca48d);
    background-image: -webkit-linear-gradient(top, #52dabc, #3ca48d);
    background-image: linear-gradient(top, #52dabc, #3ca48d);
    background-clip: padding-box;
    cursor:pointer;
}
#login .loginButton p{
    text-shadow:0 -1px 1px rgba(255, 138, 0, .7), 0 1px 1px rgba(0, 0, 0, .75);
    font-weight: bold;
    font-size: 13px;
    text-align:left;
    letter-spacing: 0;
    padding-left:126px;
    line-height:16px;
    display:table-cell;
    vertical-align: middle;
}
#login .ctrlArea{
    margin-top:10px;
}
#login .loginError{
    font-size:12px;
}


.permanentCheckBoxArea{
    margin-top:20px;
    text-align:left;
}

@media screen and (max-width: 520px) {
#login {
    width: calc(100% - 20px);
}
#login img {
    margin: auto;
    max-width: 100%;
}
#login form {
    max-width: 300px;
    margin: auto;
}
#login .input01 {
    width: 100%;
}
#login .loginButton {
	width: 100%;
}
}