body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 80%;
    color: #000000;
}
.layout_body {
    width: 100%;
    margin: 0 auto;
}
.layout_content {
    width: 1000px;
    margin: 20px auto 48px;
    vertical-align: top;
}
.pageTitle {
    padding: 0 4px;
    margin: 10px 0 20px 0;
    border-bottom: 2px solid rgb(255, 180, 0);
}

.template h1, .template h2, .template h3, .template h4, .template h5, .template h6, .template address, .template div, .template blockquote, .template p, .template pre, .template ul, .template ol, .template li, .template dl, .template dt, .template dd, .template hr, .template center, .template span, .template em, .template strong, .template dfn, .template code, .template samp, .template kbd, .template var, .template cite, .template abbr, .template acronym, .template sub, .template sup, .template q, .template br, .template ins, .template del, .template a, .template img, .template object, .template iframe, .template form, .template caption {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: inherit;
    font-size:100%;
}

.template {
    line-height:1.5;
    font-size:85%;
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: inherit;
    color:#000000;
}
.template div:after {
    display:block;
    content:"";
    clear:both;
}
.template a {
    color:#660000;
    text-decoration:underline;

}
.template a:hover {
    color:#660000;
    text-decoration:none;
}

.template ul {
    list-style:none;
}
.template img {
    vertical-align:top;
}
.template .clear_both {
    clear:both;
}
.template .mg_top5 {
    margin-top:5px;
}
.template .bottom_10 {
    padding-bottom:10px;
}
.template .mg_top10 {
    margin-top:10px;
}
.template .bottom_15 {
    padding-bottom:15px;
}
.template .mg_top15 {
    margin-top:15px;
}
.template .bottom_20 {
    padding-bottom:20px;
}
.template .mg_top25 {
    margin-top:25px;
}
.template .bottom_25 {
    padding-bottom:25px;
}
.template .mg_top30 {
    margin-top:30px;
}
.template .f_red {
    color: #FF0000;
    background: #FFFFFF;
}

.template .f_orange{
    color:#FF7A24;
}
.template .f_sizeL{
    font-size:110%;
}
.template .f_sizeS{
    font-size:80%;
}
.template .f_bold{
    font-weight:bold;
}
.template .col_l{
    float:left;
}
.template .col_r{
    float:right;
}


#header {
    width:100%;
    background:url(../images/head_bg2.gif) repeat-x left bottom;
}
#header_box {
    width: 1000px;
    height: 217px;
    margin: 0 auto;
}

.cartTable {
    width: 100%;
    margin-bottom: 50px;
    border-collapse: collapse;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}
.cartTable th {
    width: 190px;
    padding: 10px 12px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background-color: #fff6eb;
}
.cartTable td {
    padding: 8px 11px 7px;
    text-align: left;
    vertical-align: middle;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.cartTable th span {
    display: inline-block;
    margin-left: 4px;
    padding: 2px;
    background-color: #fc0000;
    color: #ffffff;
    font-size: 83%;
    line-height: 1;
}
.cartTable td input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #aaaaaa;
}
.cartTable td input.short_text {
    width: 200px;
}
.form-button {
    margin-bottom: 30px;
    text-align: center;
}
.form-button input[type="submit"],
.form-button .preview-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 20px 60px;
    font-size: 36px;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fc0000;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow:  0 0 3px rgba(0, 0, 0, 0.8);
    box-shadow:  0 0 3px rgba(0, 0, 0, 0.8);
    cursor: pointer;
    vertical-align: middle;
    outline: none;
}
.form-button input[type="submit"]:hover,
.form-button .preview-button:hover {
    opacity: 0.8;
}
.form-button .preview-button {
    margin-right: 40px;
    padding: 20px;
    background-color: #00a848;
}
.close-button {
    text-align: right;
}
.close-button a {
    display: inline-block;
    margin-right: 5px;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #acacac;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    -moz-box-shadow:  0 0 5px rgba(0, 0, 0, 0.8);
    box-shadow:  0 0 5px rgba(0, 0, 0, 0.8);
}
.alert {
    margin-top: 0;
    margin-bottom: 5px;
    color: #cf0000;
    font-weight: bold;
    text-indent: 230px;
}

.preview-form {
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.modal-overlay {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    overflow: hidden;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10;
}
.modal-wrapper {
    position: relative;
    width: 90%;
    max-width: 900px;
    height: 60%;
    margin: 120px auto 0;
    padding: 40px 10px 10px;
    background-color: #fff;
    z-index: 20;
}
.modal-body {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 2px #000;
    -moz-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
}
.modal-body iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.modal-title {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight:bold;
}
.modal-close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -15px;
    top: -15px;
    text-align: center;
    line-height: 30px;
    font-size: 28px;
    font-weight: bold;
    border-radius: 30px;
    color: #fff;
    background-color: #000;
    border: 2px solid #fff;
    cursor: pointer;
}
html.show-modal,
.show-modal body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.show-modal .modal-overlay {
    width: 100%;
    height: 100%;
    opacity: 1;
}