@charset "utf-8";

/* +++++++++++++++++++++++++++++++

form.css

+++++++++++++++++++++++++++++++ */

.body-box {
    width: 960px;
    margin: 0 auto;
}

/*入力テーブル
-----------------------------------*/
.body-box table {
    width: 920px;
    margin: 0 auto;
    border-bottom: 2px solid #c9c9c9;
}
.main-box table,
.main-box2 table {
    width: 100%;
    margin: 0;
}
.body-box th,
.body-box td {
    padding: 13px 10px 10px 20px;
    border-top: 1px dotted #aaa;
}
.body-box .no_border,
.body-box .noBorder td { border: none; }
.body-box .noBorder td { padding-top: 0; }
.body-box tr:first-child th,
.body-box tr:first-child td { border-top: 2px solid #c9c9c9; }
.body-box th {
    width: 130px !important;
    background: #f5f5f5;
    color: #444;
    font-size: 14px;
    text-align: left;
}
.body-box td p { margin: 0; }
.body-box .ex {
    color: #666;
    font-size: 11px;
}
.body-box p.ex,
.body-box br + .Example {
    display: block;
    margin: 5px 0 0;
}

.body-box font,
.body-box th span,
.TableRead span {
    color: #c00000;
    font-size: 12px;
    font-weight: normal;
}

/*フォームパーツ
-----------------------------------*/
input[type="text"] {
/*     width: 330px; */
    padding: 5px 10px;
    border: 1px solid #bababa;
    border-radius: 3px;
}

input:not(:first-child) {
/*	margin-left: 10px; */
}

input + label { margin-left: 5px; }

select { margin-right: 5px; }
select:not(:first-child) { margin-left: 5px; }

textarea {
    padding: 20px;
    border: 2px solid #bababa;
    font-size: 14px;
}

/*テキスト
-----------------------------------*/
.reg_comp {
    text-align: center;
}
.reg_comp p a {
    color: #004691;
    text-decoration: underline;
}

/*ボタン
-----------------------------------*/
.btn_register-box ,
.btn_pw_edit,
center,
.MypageFormButton,
.btn_leave,
.MypagetopLink  {
    margin-top: 40px;
    text-align: center;
}

.MypageFormButton dt,
.MypageFormButton dd { display: inline-block; }

.btn_register-box input[type="submit"],
.btn_pw_edit input[type="submit"],
.btn_register-box input,
.MypageFormButton input {
    display: inline-block;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    padding: 10px 0 11px;
    border: none;
    border-radius: 3px;
    background: #333;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.btn_register-box input,
.MypageFormButton input { width: 200px; }
.btn_register-box a,
#toplink_b,
.MypagetopLink a {
    display: inline-block;
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    margin: 0 13px;
    padding: 10px 0 11px;
    border: none;
    border-radius: 3px;
    background: #333;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.btn_register-box a:after,
#toplink_b:after,
.MypagetopLink a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 6px;
    height: 10px;
    margin-top: -5px;
    background: url(//d1hmck1dafa717.cloudfront.net/ec/images/common/ico_arrow_rw.png) no-repeat left top;
    content: " ";
}

.attention_id { text-align: center; }
.attention_id a {
    padding-left: 10px;
    background: url(//d1hmck1dafa717.cloudfront.net/ec/images/common/ico_arrow_r.png) no-repeat left center;
}

.btn_back { display: inline-block; }
.MypageFormButton dt input,
.btn_back input { background: #777; }


/*見出し
-----------------------------------*/
.ttl_leave {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #333;
    font-size: 18px;
}

.body-box h2 {
    margin: 30px 0 20px;
    padding: 0 20px 10px;
    background: url(//d1hmck1dafa717.cloudfront.net/ec/images/common/bg_headline01.png) repeat-x left bottom;
    font-size: 18px;
}

.cart h3:not(:first-of-type),
.cart + h3 {
    margin: 0 0 20px;
    padding: 0 10px 5px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}
.reg_mag h4  {
    margin: 20px 0;
    padding: 0 10px 5px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}