/* BASIC css start */
#loginWrap .loc-navi { margin-top:0px; padding-bottom: 5px; border-bottom: 0px solid #e5e5e5; }
#loginWrap .page-body { width: 100%; margin-top: 20px; margin-left: auto; margin-right: auto; }
#loginWrap .mlog-sign { width: 100%; border:1px solid #dedede; padding:0 0 60px 0; }
#loginWrap .mlog-sign .line .line_left { float:left; width:20%; height:4px;  background-color:#a8a8a8; }
#loginWrap .mlog-sign .line .line_right { float:right; width:80%; height:4px;  background-color:#515050; }
#loginWrap .mlog-sign h3 { padding:60px 0 25px 0;  }
#loginWrap .mlog-sign .MS_login_pw,
#loginWrap .mlog-sign .MS_login_id { border:1px solid #aeaeae; width:255px; height:21px; padding:2px 5px 0 2px;}

/* member login */
#loginWrap .mlog-sign .left_box {width:50%;float:left;}
#loginWrap .mlog-sign .right_box {width:50%;float:right;}
#loginWrap .mlog-sign .mlog {padding-left:20px; width:378px;margin:0 auto; position:relative;}
#loginWrap .mlog-sign .frm-list { float:left;width:310px;}
#loginWrap .mlog-sign .frm-list li,
#loginWrap .mlog-sign .frm-list li label,
#loginWrap .mlog-sign .frm-list li .txt-frm { float: left; }
#loginWrap .mlog-sign .frm-list li { width: 100%; margin-bottom: 9px; }
#loginWrap .mlog-sign .frm-list li label { width: 40px;}
#loginWrap .mlog-sign .frm-list li .txt-frm { width: 185px; height: 19px; padding: 2px 0 0 2px; border: 0; background-color: #eaeaea; }
#loginWrap .mlog-sign .btn-mlog {  float:right; }
#loginWrap .mlog-sign .se-log { }
#loginWrap .mlog-sign .security {padding:5px 0 25px 0;font-size:11px;color:8f8f91;border-bottom:1px solid #d8d8d8;height:18px; line-height:18px;}
#loginWrap .mlog-sign .findid { padding:25px 0 0 0;font-size:11px;color:8f8f91;height:18px; line-height:18px;}
#loginWrap .mlog-sign .findid ul li { float:left; }
#loginWrap .mlog-sign .findid ul li.icon { float:right; padding:0 9px 0 6px; background:url("/design/teaclass/m_common/ico_login.gif") no-repeat 0 5px; }
#loginWrap .mlog-sign .findid ul li.icon a { color:#4a4a4a; font-size:11px;height:18px; line-height:18px;}

/* sign */
#loginWrap .mlog-sign .sign { width: 328px; font-size: 0; line-height: 0; margin:0 auto;padding-right:20px;}
#loginWrap .mlog-sign .sign  h3 { padding:60px 0 25px 0;  }
#loginWrap .mlog-sign .sign  .msg { float:left;}
#loginWrap .mlog-sign .sign .btns { float:right; }
#loginWrap .mlog-sign .sign .btns a { display: block;  }
.cboth {clear:both;}
.pdt20 {padding-top:20px;}

#nonmember_order_search {border:1px solid #dedede;}
#nonmember_order_search .left_box {width:50%;float:left;}
#nonmember_order_search .right_box {width:50%;float:right;}
#order-sp { width:378px; padding-left:20px;margin:0 auto; }
#nonmember_order_search .order_title {margin:30px 0;}
#nonmember_order_search .order_num label{width:100px;padding-left:6px;height:18px; line-height:18px;color:#4a4a4a;display:inline-block;background:url("/design/teaclass/m_common/ico_login.gif") no-repeat 0 4px;}
#nonmember_order_search .order_pwd label{width:100px;padding-left:6px;height:18px; line-height:18px;color:#4a4a4a;display:inline-block;background:url("/design/teaclass/m_common/ico_login.gif") no-repeat 0 4px;}
#nonmember_order_search li{padding:0px 0px 15px 0px;}
#order-sp_order_btn {width:400px;margin:0 auto;padding-top:50px;padding-right:20px; }
#order-sp_order_btn .frm-list {float:left;width:325px;font-size:11px;}
#order-sp_order_btn .frm-list .MS_input_txt { border:1px solid #aeaeae; width:195px; height:18px; padding:2px 5px 0 2px;}


.se-log{padding-left:40px; position:absolute; bottom:30px;}
.se-log input{margin-right:5px;}

/* 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; }

/* BASIC css end */