/*-------------------------------------------------------------------
    * member.css
    * site name : チャンスイット
    * description : 
-------------------------------------------------------------------*/
/*共通枠*/
.main-pw {
    width:635px;
    margin:30px auto 50px auto;
    font-family: "Meiryo","メイリオ","ＭＳ　Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size: 14px;
}
.main-pw h2 {
    background: url("../../../img/10/mypage/bg_title_menu.gif") no-repeat;
    height: 24px;
    font-weight: bold;
    color: #fff;
    padding: 2px 0 0 30px;
    font-size: 14px;
}
.main-pw .menuwrap {
    padding: 10px 0 15px;
    height: 1%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
input {
    vertical-align:middle;
    font-family: "Meiryo","メイリオ","ＭＳ　Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    color: #333333;
}
.main-pw .menuwrap form.password {
    width: 530px;
    margin:20px auto 30px auto;
    overflow: hidden;
}
.main-pw .menuwrap form.password label {
    font-size:14px;
    font-weight:bold;
    padding:7px 10px 7px 7px;
    text-align:right;
}

/* パスワード確認 */
.main-pw .menuwrap p.pw_error {
    display:inline-block;
    color:#FF0004;
    padding:7px 0 8px 105px;
    background: url("../../../img/10/mypage/ico_no.gif") no-repeat 90px 11px;
}
.main-pw .menuwrap a.forget {
    display:inline-block;
    float:right;
    padding:8px 0;
}

/* パスワード再設定 */
.menuwrap p.security {
    width: 530px;
    margin: 0 auto;
    padding: 8px 0;
    background: #FDFFAD;
    border: 1px solid #f00;
    color: #f00;
    font-weight: bold;
    text-align: center;
}
.menuwrap p.mail_error {
    display:inline-block;
    color:#FF0004;
    padding:7px 0 8px 133px;
    background: url("../../../img/10/mypage/ico_no.gif") no-repeat 118px 11px;
}
.menuwrap .message_sent {
    padding: 10px 20px 10px;
    text-align: center;
    line-height: 1.6em;
}
.menuwrap .message_sent p {
    margin-bottom: 8px;
    color: #f00;
    font-weight: bold;
    font-size: 18px;
}

/* パスワード変更 */
.main-pw .menuwrap table.modify p.error {
    color:#FF0004;
    padding:7px 0 8px 18px;
    background: url("../../../img/10/mypage/ico_no.gif") no-repeat 3px 11px;
}



/*フォーム（囲い線あり）*/
.main-pw .menuwrap table.modify {
    width:600px;
    margin:15px auto;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
}
.main-pw .menuwrap table.modify tr {
    border-bottom:1px solid #cccccc;
}
.main-pw .menuwrap table.modify tr th {
    padding:10px;
    width:150px;
    vertical-align:middle;
    background-color:#f5f5f4;
}
.main-pw .menuwrap table.modify tr td {
    padding:10px;
    background-color:#ffffff;
    border-right:1px solid #cccccc;
}


/*フォーム（共有）*/
.main-pw .menuwrap form input[type="text"],
.main-pw .menuwrap form input[type="password"] {
    width: 270px;
    padding: 5px;
    border: 1px solid #cccccc;
    background: #FAFAFA;
}
/*フォーム（エラーなど）*/
.main-pw .menuwrap p.lead {
    padding:0 20px;
    line-height:1.6;
}
.main-pw .menuwrap p.lead span {
    color:#0681ac;
}
.main-pw .menuwrap table td p.annotation {
    padding:5px 0 0 0;
    color:#0681ac;
}



/*注意事項*/
.main-pw .menuwrap .note {
    display:block;
    background-color:#fafafa;
    border:1px dotted #cccccc;
    padding:10px 10px 3px 10px;
    width:580px;
    margin:0 auto;
}
.main-pw .menuwrap .note ul li {
    background: url("../../../img/10/mypage/icon-list.gif") no-repeat 0 -298px;
    padding: 0 0 0 11px;
    margin: 0 0 7px;
}
/*フォームボタン*/
input.btn {
    border-radius: 3px;
    background-image: -moz-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(255,255,255) 63%);
    background-image: -webkit-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(255,255,255) 63%);
    background-image: -ms-linear-gradient( 90deg, rgb(225,225,225) 0%, rgb(255,255,255) 63%);
    height: 33px;
    border:1px solid #cccccc;
    padding:0 20px;
    margin:0 0 0 5px;
}
input.btn:hover {
    cursor: pointer;
    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 37%, rgb(245,245,245) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 37%, rgb(245,245,245) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 37%, rgb(245,245,245) 100%);
}
.btn_pw input[type="submit"] {
    display:block;
    margin:0 auto;
}