/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

/* ============================== */

#page {
    min-width: 980px;
    margin: auto;
    color: #333;
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 12px;
    font-size: 75%\9;
    line-height: 1.8;
    background: url("../../images/section_bg_repeat.gif");
}

#contents {
    width: 980px;
    margin: auto;
    padding: 80px 0 20px 0;
    text-align: center;
    background: url("../../images/section_bg_shadow.png") no-repeat bottom #fff;
}

img {
    border: 1px solid #f1f1f1;
}

/* ============================== */
.title {
    font-size: 150%;
    font-weight: bold;
    text-align: left;
    margin: 0 0 50px 0;
    padding: 0 0 20px 20px;
    border-bottom: 1px solid #ccc;
}

.section01, .section02, .section03, .section04, .section05, .section06, .section07, .section08 {
    clear: both;
}

dl.mailset-list {
    float: left;
    padding: 0 0 0 50px;
}

/* ============================== */

dt.step {
    text-indent: 100%;
    overflow: hidden;
    padding: 0 0 4px 0;
    background: url("../../images/step-all-24.png") no-repeat;
}

    dt.step.p01 {
    }

    dt.step.p02 {
        background-position: 0px -28px;
    }

    dt.step.p03 {
        background-position: 0px -56px;
    }

    dt.step.p04 {
        background-position: 0px -84px;
    }

    dt.step.p05 {
        background-position: 0px -112px;
    }

    dt.step.p06 {
        background-position: 0px -140px;
    }

    dt.step.p07 {
        background-position: 0px -168px;
    }

    dt.step.p08 {
        background-position: 0px -196px;
    }

/* ============================== */

dl.mailset-list dt {
}

dl.mailset-list dd {
    width: 100%;
    padding: 10px;
    text-align: left;
}

.mailset-img {
    width: auto;
    height: auto;
}

.next-section {
    margin-inline: auto;
    margin-top: 10px;
    background: url("../../images/allow64.png") no-repeat;
    background-size: 70%;
    width: 64px;
    height: 70px;
}

p.stepintext {
    width: 100%;
    padding: 10px 0 10px 60px;
    text-align: left;
}

p.emphasis {
    font-weight: bold;
    color: red;
}

/* ============================== */

#Footer {
    width: 980px;
    margin: 0 auto;
    padding: 18px 0;
    line-height: 1;
    background: #fff;
}

#pagetop {
    position: fixed;
    bottom: 30px;
    right: 30px;
}

#Footer ul {
    float: left;
    padding: 0 0 0 20px;
}

    #Footer ul li {
        float: left;
        padding: 0 10px 0 0;
        font-size: 92%;
        white-space: nowrap;
    }

        #Footer ul li a {
            color: #666;
        }

#Footer .copyright {
    float: right;
    padding: 0 20px 0 0;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 0;
}

/* ============================== */

/* clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}