@charset "utf-8";



/* CSS Document */



#member-box2 {

    width: 100%;

    height: auto;

    color: #72482D;

}

#member-box2 .title-box {

    width: 100%;

    height: auto;

    padding: 15px 0 15px 0;

    text-align: left;

    float: left;

    background: url(../images/pages_line.jpg) repeat-x bottom;

}

#member-box2 .title {

    width: 100%;

    height: auto;

    float: left;

    text-align: center;

    float: left;

    padding: 30px 0;

}

#member-box2 .words {

    float: left;

    text-align: left;

    background: url(../data/wrapper/line.png) top center no-repeat, url(../data/wrapper/line.png) bottom center no-repeat;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    ;

    width: 100%;

    height: auto;

    margin: auto;

    margin-bottom: 20px;

    padding: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: #72492E;

}

#member-box2 .words span {

    color: #666666;

}

#member-box2 .words .mail {

    color: #B20000;

}

#member-box2 .comment {

    color: #B20000;

}

#member-box2 .head {

    color: #72482D;

    background: url(../data/wrapper/separated.png) right center no-repeat;

}

.example {

    color: #B20000;

}



/**title_sub_member******************/



#title_sub_member {

    width: 684px;

    height: auto;

    padding-left: 50px;

}

#title_sub_member .btn {

    width: 104px;

    height: 30px;

    text-align: center;

    margin-top: 15px;

    float: left;

    margin: 0px 4px;

    font-size: 15px;

}

#title_sub_member .btn a {

    padding: 5px 0 0 20px;

    width: 104px;

    height: 30px;

    background: url(../data/member/btn.png);

    display: block;

    color: #fff;

    text-decoration: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

#title_sub_member .btn a:hover {

    color: #fff;

    text-decoration: none;

    background: url(../data/member/btn-.png);

}

#title_sub_member .lock a {

    color: #fff;

    text-decoration: none;

    background: url(../data/member/btn-.png);

}



/**member_register******************/



.member-register-box {

    width: 100%;

    height: auto;

    float: left;

}

.member-register-box .contact {

    font-size: 13px;

}

.member-register-box .contact a {

    color: #FF0000;

    font-size: 13px;

    text-decoration: underline;

    -webkit-transition: color 200ms linear;

    -moz-transition: color 200ms linear;

    -o-transition: color 200ms linear;

    transition: color 200ms linear;

}

.member-register-box .contact a:visited {

    color: #FF0000;

    text-decoration: none;

}

.member-register-box .contact a:hover {

    color: #900;

    text-decoration: none;

}

.member_check {

    width: 100%;

    height: auto;

    margin: 15px 0 0px 0;

    padding: 15px 0;

    color: #72472C;

    background: url(../data/wrapper/line.png) repeat-x center top, url(../data/wrapper/line.png) repeat-x center bottom;

}

.member_check a {

    color: #B20000;

    text-decoration: underline;

    -webkit-transition: color 200ms linear;

    -moz-transition: color 200ms linear;

    -o-transition: color 200ms linear;

    transition: color 200ms linear;

}

.member_check a:visited {

    color: #B20000;

    text-decoration: none;

}

.member_check a:hover {

    color: #000;

    text-decoration: underline;

}



/**member_edit******************/



.member-edit-box {

    width: 100%;

    height: auto;

    float: left;

}

.member-edit-box .account {

    color: #B20000;

    font-size: 14px;

}



/**member-register-ok******************/



.member-register-ok-box {

    width: 100%;

    height: auto;

}

.member-register-ok-box .ok {

    background: #E7E7E7;

    padding: 5px 0;

    text-align: center;

    color: #B20000;

    width: 400px;

    height: auto;

    margin: auto;

    font-weight: bold;

    font-size: 15px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.member-register-ok-box .txt-info {

    width: 100%;

    height: auto;

    margin: auto;

    padding: 20px 0 0 0;

    text-align: center;

}

.member-register-ok-box .name {

    font-size: 14px;

    color: #777777;

    height: 40px;

}

.member-register-ok-box .name span {

    color: #D89037;

}

.member-register-ok-box .contact a {

    color: #B20000;

    text-decoration: underline;

    -webkit-transition: color 200ms linear;

    -moz-transition: color 200ms linear;

    -o-transition: color 200ms linear;

    transition: color 200ms linear;

}

.member-register-ok-box .contact a:hover {

    color: #900;

    text-decoration: none;

}