/* BASIC css start */
#loginWrap .page-head { width: 100%; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 50%; }
#loginWrap .page-body { width: 850px; margin-top: 10px; margin-left: auto; margin-right: auto; }

/* simpleLogin */
#simpleLogin { position: relative; }
#simpleLogin .sns-login { margin-top: 30px; text-align: center; font-size: 0; line-height: 0; }
#simpleLogin .sns-login p { margin-bottom: 30px; }
#simpleLogin .sns-login a { display: inline-block; margin: 0 4px; }


#loginWrap .mlog-sign { 
    margin-top : 10px;
    margin-bottom : 40px;
    padding-top:20px;
    padding-bottom:20px;
    position:relative;
}
.mlog-sign-left{
    margin:0 auto;
}
             
.mlog-sign input[type=text], .mlog-sign input[type=password], .mlog-sign input[name=orderhname]{
    width: 185px;
    height: 35px;
    padding: 2px 0 0 2px;
    border: 1px solid #eee;
}


#join_box li.input_li {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid #dadada;
    background: #fff;
    color: #959595;
    margin-bottom: 5px;
    width:60%;
}    

#join_box li .txt-input {
    position: absolute;
    top: 0;
    left: 10px;
    width: 92.5%;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}    


#join_box div.log_in {
    position:absolute;
    width: 110px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    background-color: #666;
    text-align: center;
    height: 89px;
    top: 0px;
    left: 284px;
    line-height: 87px;    
}

.mlog-sign-left,  .mlog-sign-right{
    position:relative;
}

.mlog-sign-left li, .mlog-sign-right li{
    margin-bottom:8px;
}

.mlog-sign-left li dd, .mlog-sign-right li dd{
    float:left;
}      

.left-title-img{ margin-bottom:30px; }                                    
                                    
                                    
.btn-mlog{ 
    position: absolute;
    top: 77px;
    left: 280px;
}

.mlog-sign .btn-sch {
    position: absolute;
    top: 77px;
    left: 675px;
}

.mlog-sign-left .join-btn{
    padding-left: 61px;
    padding-top: 20px;
}    

.mlog-sign-right .text-box{
    padding-top: 20px;
}    






.type-simple {display:flex; justify-content:center; flex-wrap: wrap; flex-direction: row; /*¼öÆò Á¤·Ä*/ align-items: center;}
.join_left> {width:400px;}

.join_left>div img {display:block;}
.join_right {display:flex; justify-content:space-around; flex-direction: row; /*¼öÆò Á¤·Ä*/ align-items: center;}
.join_right>div {padding:0 4px;}
.join_right>div>a:hover {opacity:0.8; transition:all 0.3s;}



.backbtn {
    margin: 40px 0 12px;
    width: 90px;
    height: 30px;
    line-height: 28px;
    background-size: auto 12px;
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 30px;
    font-size: 13px;
    color: #222;
    cursor: pointer;
    margin-bottom:20px;
}



    .modal{
        position:fixed;
        z-index:9999;
        padding-top:100px;
        left:0; top:0;
        width:100%;
        height:100%;
        overflow:auto;
        background-color:rgba(0,0,0,0.4);
        display:none;
    }
    .modal-content{
        background-color:#fefefe;
        width:80%;
        margin:auto;
        padding:20px;
        border:1px solid #888;
    }
    .close{
        color:#aaa;
        float:right;
        font-size:28px;
        font-weight:bold;
        cursor:pointer;
    }
    .close:hover{
        color:#000;
    }


input[type="text"],.MS_input_txt {width:98% !important; height:35px !important;}
/* BASIC css end */