@charset "utf-8";

#header {
    background: none;
}

/* EFOデザイン */
#gap_formArea {
    width: 870px;
    margin: 0 auto;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#gap_formArea h1 {
  box-sizing: content-box!important;
}
#simplemodal-container h1 {
  box-sizing: content-box!important;
}
#gap_formArea h2 {
    background: #173;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 20px;
}

#gap_formArea .try_ornithine {
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 20px 0 36px;
    width: 100%;
}

#gap_formArea .try_ornithine td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 20px 20px;
    line-height: 28px;
    vertical-align: middle 
}

#gap_formArea .try_ornithine .disp_ornithine {
    background: url("../images/thumb-ornithine_2.jpg") no-repeat 10px center;
    padding-left: 100px;
    width: 420px;
}

#gap_formArea .disp_ornithine_p {
    font-size: 1.2em;
#    width: 600px;
}

#gap_formArea .ornithine_notes {
    font-size: 0.8em;
}

#gap_formArea .ornithine_notes_second {
    font-size: 0.65em;
}

#gap_formArea .ornithine_price {
    color: #f60;
    font-weight: bold;
}

#gap_formArea .contact_table {
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 28px 0 0;
}

#gap_formArea .contact_table.bordor_short {
    margin: 8px 0;
}

#gap_formArea .contact_table th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: rgba(244, 244, 244, 0.5);
    color: #535353;
    padding-left: 8px;
    text-align: left;
    width: 220px;
    font-size: 1.1em;
}

#gap_formArea .contact_table th.middle {
    border-left: 1px solid #ccc;
}

#gap_formArea .contact_table th.required {
    background: #f4f4f4 url("../images/form/icon_required.png") no-repeat 170px center;
}

#gap_formArea .contact_table th.required_wide {
    background: #f4f4f4 url("../images/form/icon_required.png") no-repeat 205px center;
    width: 250px;
}

#gap_formArea .contact_table .input_area {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 20px 16px;
    font-size: 0.9em;
}

#gap_formArea .contact_table .input_area_half {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    color: #060;
    padding: 16px 0 16px 16px;
}

#gap_formArea .contact_table .input_area_radio {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 20px 16px;
    width: 20px;
}

#gap_formArea .contact_table .empty_area_half_th {
    padding: 0 0 0 16px;
    width: 175px;
}

#gap_formArea .contact_table .empty_area_half_td {
    padding: 0 0 0 16px;
}

#gap_formArea .contact_table .address_area_th {
    padding: 0 0 0 16px;
    width: 175px;
}

#gap_formArea .contact_table .payment-method_area {
    padding: 20px 0 0;
}

#gap_formArea .namae_table th {
    background: #fff;
    width: 60px;
    font-size: 0.925em;
    border: none;
}

#gap_formArea .namae_table td {
    width: 186px;
    font-size: 0.925em;
}

#gap_formArea .address_table th {
    background: #fff;
    border: none;
    font-size: 0.925em;
    width: 175px;
}

#gap_formArea .address_table th.required {
    background: #fff url("../images/form/icon_required.png") no-repeat 125px center;
}

#gap_formArea .address_table td {
    padding: 5px 0;
    font-size: 0.925em;
}

#gap_formArea .creditcard_table {
    width: 100%;
}

#gap_formArea .creditcard_table th {
    background: #fff;
    width: 175px;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 0.925em;
}

#footer_links li a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

#gap_formArea .policy_link a {
    color: #004ac3;
}

#gap_formArea .creditcard_table th a {
    font-size: 0.8em;
    color: #666;
}

#gap_formArea .creditcard_table td {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px 0 10px 10px;
}

#gap_formArea .creditcard_limit {
    line-height: 44px;
}

#gap_formArea .creditcard_limit img {
    vertical-align: top;
}

#gap_formArea .delivery_set_area input,
label {
    margin: 4px;
}

#gap_formArea .policy_link {
    text-align: center;
    margin-top: 40px;
}

#gap_formArea .btnConfrimArea {
    margin-top: 16px;
    text-align: center;
}

#gap_formArea .hintBox {
    border-left: 4px solid #173;
    font-size: 0.9em;
    line-height: 22px;
    padding-left: 8px;
    margin-top: 4px;
}

#payment-method_hint {
    margin: 10px 20px !important;
}

#gap_formArea .validate_error {
    background: url("../images/gaprise/error_mark.gif") no-repeat 8px center #f00;
    color: #fff;
    font-weight: bold;
    border: none;
    padding-left: 28px;
}

#gap_formArea .check_mark {
    float: right;
    margin-right: 16px;
}

#gap_formArea input[type="text"],
#gap_formArea input[type="password"] {
    font-size: 16px;
    padding: 4px 8px;
}

#gap_formArea .short-text { width: 150px; }
#gap_formArea .middle-text { width: 300px; }
#gap_formArea .long-text { width: 450px; }
#gap_formArea .addr-text { width: 306px; }

#gap_formArea .payment-method_area input[type="radio"] {
    margin: 0 8px 20px 20px;
}

#gap_formArea .payment-method_area label {
    margin-right: 44px;
}

#footer {
    background: #173;
    color: #fff;
    font-size: 10px;
    padding: 26px 0 32px;
    text-align: center;
}

#footer_links li {
    border-right: 1px solid #fff;
    display: inline;
    padding: 0 18px;
}

#footer_links li:first-child {
    border-left: 1px solid #fff;
}

#footer_links li a:hover { text-decoration: underline; }
#copyright { margin-top: 40px; }