@charset "utf-8";

/* メールマガジン専用すたいるしーと */

/* ---------------------------------------------------
 * mm_mainwrap
--------------------------------------------------- */
div#mm_mainwrap {
    margin: 0 17px;
    clear: both;
    width: 836px;
    line-height: 1.4em;
    text-align: left;
}
    div#mm_mainwrap h3 {
        font-size: 16px;
    }
    div#mm_mainwrap h3{
        margin-bottom: 10px;
        padding: 17px 4px 10px 30px;
        border-bottom: solid 1px #333;
        background: transparent url("../images/mm/bg_title.jpg") repeat-x 0 0;
    }
    div#mm_mainwrap p.list {
        padding: 0 0 5px;
        font-size: 10px !important;
    }
    #mm_mainwrap p {
        padding: 0 0 15px;
    }


/* clearfix */
.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */


/* icon */
.icon_pdf a,
.icon_pdf span,
.icon_map a,
.icon_map span {
    padding: 6px 0 10px 22px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}

.icon_pdf a, .icon_pdf span {
    background-image: url("../images/mm/icon_dlpdf.gif") !important;
}
.icon_map a, .icon_map span {
    background-image: url("../images/mm/icon_map.gif");
}


/* gototopbtn */
div.gototopbtn {
    float: none;
    clear: both;
    padding-top: 30px;
    width: 562px;
    height: 25px;
}
    div.gototopbtn a {
        display: block;
        overflow: hidden;
        background: transparent url("../images/mm/btn_gototop.jpg") no-repeat 0 0;
        width: 562px;
        height: 25px;
        text-indent: -9999em;
    }

/* いろいろ */
.ta_center {
    text-align: center;
}
.fl_left {
    float: left;
}
.fl_right {
    float: right;
}
.ml_20px {
    margin-left: 20px;
}
.mm_mustinput {
    color: #ef0003;
    font-weight: bold;
}

.mm_gpc {
    background-color: #FEBAA7;
    font-weight: bold;
}
.mm_gmobile {
    background-color: #A8D2FD;
    font-weight: bold;
}


/* ---------------------------------------------------
 * mm_subbox
--------------------------------------------------- */
div#mm_subbox {
    margin: 0 0 0 15px;
    float: right;
    width: 260px;
}
    div#mm_subbox div.mm_subbox_backnumberbox {
        margin: 20px 0 0 0;
    }
        div#mm_subbox div.mm_subbox_backnumberbox h4 {
            margin: 0 0 10px 0;
            padding: 5px 0 10px 26px;
            background: transparent url("../images/mm/sub_h4_bg.jpg") no-repeat 0 0;
        }
        div#mm_subbox div.mm_subbox_backnumberbox h5 {
            padding: 0 0 6px 12px;
        }
            div#mm_subbox div.mm_subbox_backnumberbox ul {
                margin-left: 12px;
                padding-bottom: 10px;
                border-bottom: solid 2px #ccc;
            }
                div#mm_subbox div.mm_subbox_backnumberbox ul li {
                    background: transparent url("../images/mm/icon_list.gif") no-repeat 0 7px;
                    margin: 0 12px 0 0;
                    padding-left: 10px;
                    line-height: 170%;
                }
        div#mm_subbox div.mm_subbox_backnumberbox p.gotolistbtn {
            margin-top: 10px;
            text-align: right;
        }
/* /mm_subbox */



/* ---------------------------------------------------
 * mm_mainbox
--------------------------------------------------- */
div#mm_mainbox {
    float: left;
    width: 561px;
}

div#mm_mainbox div.mm_visualbox {
    margin: 0 0 20px 18px;
}

    div#mm_mainbox div.mm_universalbox,
    div#mm_mainbox div.mm_backnumberbox {
        margin: 10px 0 0 9px;
    }
        div#mm_mainbox div.mm_universalbox h4,
        div#mm_mainbox div.mm_backnumberbox h4 {
            margin: 0 0 10px 0;
            padding: 5px 0 10px 26px;
            background: transparent url("../images/mm/h4_bg.jpg") no-repeat 0 0;
        }
        div#mm_mainbox div.mm_universalbox p,
        div#mm_mainbox div.mm_backnumberbox p {
            margin: 0 12px 0 12px;
            line-height: 170%;
        }
        div#mm_mainbox div.mm_backnumberbox ul {
        }
            div#mm_mainbox div.mm_backnumberbox ul li {
                background: transparent url("../images/mm/icon_list.gif") no-repeat 0 7px;
                margin: 0 12px 0 12px;
                padding-left: 10px;
                line-height: 170%;
            }
            div#mm_mainbox div.mm_backnumberbox div.mailbody {
                margin: 0 0 10px 12px;
                padding-top: 10px;
                border-top: solid 1px #ddd;
                border-right: solid 1px #ddd;
                border-bottom: solid 1px #ccc;
                border-left: solid 1px #ccc;
                width: 520px;
                background: #f8f8f8 url("../images/mm/bg_cmg.jpg") no-repeat 0 0;
                line-height: 170%;
            }
            div#mm_mainbox div.mm_backnumberbox ul.mm_optionbox {
                margin-bottom: 10px;
                text-align: right;
            }
                div#mm_mainbox div.mm_backnumberbox ul.mm_optionbox li {
                    margin: 0 2px;;
                    padding: 0;
                    display: inline;
                    background: none;
                }


    div#mm_mainbox div.mm_contract_s,
    div#mm_mainbox div.mm_contract {
        margin: 0 0 10px 12px;
        padding-top: 10px;
        border-top: solid 1px #ddd;
        border-right: solid 1px #ddd;
        border-bottom: solid 1px #ccc;
        border-left: solid 1px #ccc;
        width: 520px;
        background: #f8f8f8 url("../images/mm/bg_cmg.jpg") no-repeat 0 0;
        line-height: 170%;
    }
    div#mm_mainbox div.mm_contract_s {
        overflow: auto;
        height: 220px;
    }
        div#mm_mainbox div.mm_contract_s h5,
        div#mm_mainbox div.mm_contract h5 {
            margin: 0 0 10px 12px;
        }

    div#mm_mainbox div.mm_confirmbox {
        margin: 0 0 10px 12px;
    }
        div#mm_mainbox div.mm_confirmbox table {
        }
            div#mm_mainbox div.mm_confirmbox table tr {
            }
                div#mm_mainbox div.mm_confirmbox table th {
                    padding: 8px 6px 6px 19px;
                    border-bottom: solid 1px #e1e1e1;
                    width: 40%;
                    line-height: 150%;
                    font-weight: normal;
                }
                div#mm_mainbox div.mm_confirmbox table td {
                    padding: 8px 0;
                    border-bottom: solid 1px #e1e1e1;
                    width: 60%;
                    line-height: 150%;
                }

    div#mm_mainbox div.mm_btnbox {
        margin: 0 0 0 40px;
    }
        div#mm_mainbox div.mm_btnbox div.btn_entry,
        div#mm_mainbox div.mm_btnbox div.btn_cancel {
            width: 120px;
            height: 31px;
        }
            div#mm_mainbox div.mm_btnbox div.btn_entry a,
            div#mm_mainbox div.mm_btnbox div.btn_cancel a {
                display: block;
                width: 120px;
                height: 31px;
                overflow: hidden;
                background-color: transparent;
                background-position: 0 0;
                background-repeat: no-repeat;
                text-indent: -9999em;
            }
            div#mm_mainbox div.mm_btnbox div.btn_entry a {
                background-image: url("../images/mm/btn_entry.jpg");
            }
            div#mm_mainbox div.mm_btnbox div.btn_cancel a {
                background-image: url("../images/mm/btn_cancel.jpg");
            }

        div#mm_mainbox div.mm_btnbox div.btn_gototop {
            margin: 20px auto;
            width: 240px;
            height: 31px;
        }
            div#mm_mainbox div.mm_btnbox div.btn_gototop a {
                display: block;
                width: 240px;
                height: 31px;
                overflow: hidden;
                background: transparent url("../images/mm/btn_gotomtop.jpg") no-repeat 0 0;
                text-indent: -9999em;
            }


div#mm_mainbox div.mm_formgroupbox {
    margin: 0 0 20px 18px;
}
    div#mm_mainbox div.mm_formgroupbox p {
        margin: 0;
        padding: 0;
    }
    div#mm_mainbox div.mm_formgroupbox em {
        color: #717171;
    }

div.mm_warning {
    margin: 0 0 10px 18px;
    padding: 10px 0 0 80px;
    width: 457px; /* 537px - 80px; */
    height: 43px; /* 53px - 10px; */
    background: transparent url("../images/mm/bg_warning.jpg") no-repeat 0 0;
}

div.mm_universalbox,
div.mm_backnumberbox {
    margin: 10px 0 10px 18px;
}


div.mm_entryflow,
div.mm_cancelflow {
    margin: 0 0 0 18px;
    border-bottom: double 3px #ef0003;
    width: 539px;
}
    div.mm_entryflow ul,
    div.mm_cancelflow ul {
        width: 539px;
    }
        div.mm_entryflow ul li,
        div.mm_cancelflow ul li {
            display: block;
            float: left;
            overflow: hidden;
            height: 29px;
            background-color: transparent;
            background-position: 0 0;
            background-repeat: no-repeat;
            text-indent: -9999em;
        }
        div.mm_entryflow ul li.mm_entryflow_s1_active { width: 190px; background-image: url(../images/mm/entryflow_s1_active.jpg)}
        div.mm_entryflow ul li.mm_entryflow_s1_disable { width: 190px; background-image: url(../images/mm/entryflow_s1_disable.jpg)}
        div.mm_entryflow ul li.mm_entryflow_s2_active { width: 208px; background-image: url(../images/mm/entryflow_s2_active.jpg)}
        div.mm_entryflow ul li.mm_entryflow_s2_disable { width: 208px; background-image: url(../images/mm/entryflow_s2_disable.jpg)}
        div.mm_entryflow ul li.mm_entryflow_s3_active { width: 141px; background-image: url(../images/mm/entryflow_s3_active.jpg)}
        div.mm_entryflow ul li.mm_entryflow_s3_disable { width: 141px;  background-image: url(../images/mm/entryflow_s3_disable.jpg)}

        div.mm_cancelflow ul li.mm_cancelflow_s1_active { width: 209px; background-image: url(../images/mm/cancelflow_s1_active.jpg)}
        div.mm_cancelflow ul li.mm_cancelflow_s1_disable { width: 209px; background-image: url(../images/mm/cancelflow_s1_disable.jpg)}
        div.mm_cancelflow ul li.mm_cancelflow_s2_active { width: 80px; background-image: url(../images/mm/cancelflow_s2_active.jpg)}
        div.mm_cancelflow ul li.mm_cancelflow_s2_disable { width: 80px; background-image: url(../images/mm/cancelflow_s2_disable.jpg)}