#pan{
        margin: 20px 15px 10px;
    }

    div#page_main{
        margin-bottom: 10px;
    }

    div#page_main h3{
        background: url(/order/img/title_2.gif) no-repeat top left;
        outline-color: invert;
        outline-style: none;
        outline-width: medium;
        text-decoration: none;
        display: block;
        text-indent:-9999px;
        width: 435px;
        height: 50px;
        margin: 10px 0 0 20px;
    }

    div#page_main .page_text{
        padding-left: 13px;
        margin-left: 30px !important;
        margin-bottom: 5px !important;
    }
    
    div#page_main .page_text_4gatsubaka{
        margin-top:5px;
        padding-left: 15px;
        font-size:15px;
        background-color:#ffcece;
        width:700px;
        height:22px;
        font-weight:bold;
        margin-left: 30px !important;
        margin-bottom: 5px !important;
    }

    #flow{
        margin: 0 auto;
        text-align: center;
    }

    #step{
        margin: 15px auto;
        text-align: center;
    }

    div.err_box{
        width: 580px;
        margin: auto;
    }


/* ステップ１ ---------------------------------------------------------------------- */

    div#page_main table{
        margin: 10px auto;
        width: 736px; /* ABtest用に調整 */
    }

    div#page_main table th{
        font-size: 14px;
        font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
        letter-spacing: 1px;
        text-align: left;
    }

    div#page_main table th{
        vertical-align: top;
        padding-top: 12px;
        width: 200px; /* ABtest用に調整 */
    }

    div#page_main table th span{
        margin: 0 10px;
        color: #F48180;
    }

    div#page_main table td{
        width: 530px;
    }

    div#page_main table td input.frm_text{
        width: 300px;
    }

    div#page_main table td label{
        margin-left: 5px;
        font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
        font-size: 14px;
    }

    div#page_main table td label a{
        margin: 0 3px;
        font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
        font-size: 14px;
    }

    #btn_sp{
        text-align: center;
        margin: 10px auto 30px;
    }
    
    .btn_sp_order{
        margin: 2px 0 2px 5px;
    }

    div#page_main .line_1{
        height: 3px;
        font-size: 3px;
        background-color: #e5e5e5;
        margin: 0 auto;
        width: 740px;
    }

    div#page_main dl#help{
        margin: 10px 10px 10px 30px;
        width: 740px;
    }

    div#page_main dl#help dt{
        float: left;
        width: 35px;
    }

    div#page_main dl#help dd{
        float: left;
        width: 600px;
        line-height: 20px;
        margin-top: 5px;
    }

    div#page_main dl#help dd a{
        color: #66A7B3;
    }


    .page_link{
        font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
    }

    /* td#login_id_sp input{
        width: 300px;
    } */

    td#login_id_sp a{
        position: relative;
        top: 5px;
        left: 3px;
    }

    .attention{
        display: none;
        margin: 8px 0 15px;
    }

    .attention li{
        background: url(/common/img/att.gif) no-repeat top left;
        color: #ff6060;
        padding-left: 20px;
        padding-bottom: 5px;
        line-height: 16px;
    }

    .att_float{
        clear:both;
    }

    #checkId_input{
        width:300px;
        float:left;
    }

    #checkLoginId{
        margin:2px 0 0;
        display:none;
        float:right;
        width:160px;
        padding: 0 0 0 24px;
        line-height: 17px;
    }

    .checkOK{
        v-align:middle;
        vertical-align:middle;
        margin:9px 0 0;
        background: url(/common/img/checkok.gif) no-repeat top left;
        color: #39c;
    }

    .checkNG{
        background: url(/common/img/att.gif) no-repeat top left;
        color: #ff6060;
    }

    ul.attention li.rei{
        background: none;
        color: #ff6060;
        padding-left: 0px;
    }

    ul.att{
        margin: 8px 0 10px;
        list-style-type: none;
        }

        ul.att li{
            background: url(/common/img/att.gif) no-repeat top left;
            color: #ff6060;
            padding-left: 20px;
            padding-bottom: 5px;
            line-height: 16px;
            }

            ul.att li a{
                color: #ff6060;
                margin: 0 3px;
                }

        ul.att li.rei{
            background: none;
            color: #ff6060;
            padding-left: 0px;
            }

/* ステップ２ ---------------------------------------------------------------------- */

    #step2_img{
        margin:10px auto;
        text-align:center;
    }

    .step2_note{
        margin:10px auto;
        text-align:center;
        width: 600px;
        text-align: left;
        letter-spacing: 1px;
        line-height: 20px;
    }

    strong {
        background-color: #FFFFDE;
        color: #000;
        padding: 3px;
    }


/* ステップ３ ---------------------------------------------------------------------- */

    #step3_btn{
        margin:10px auto 30px;
        text-align:center;
    }

    div#buta{
        margin:0px auto 30px;
        text-align:left;
        width: 700px;
        height: 180px;
        background: url(/order/img/obj_2.gif) no-repeat center right;
    }

    div#buta h4{
        text-align: left;
        width: 400px;
        font-family:"ヒラギノ角ゴ Std W8","Hiragino Kaku Gothic Std",Meiryo,"メイリオ",Osaka,"オーサカ","EE EゴシチE",arial,sans-serif;
        font-size: 20px;
        color: #ababab;
        padding-top: 30px;
    }

    div#buta p{
        margin: 10px 0;
        text-align: left;
        width: 400px;
        font-size: 13px;
        line-height: 19px;
    }



/* 制作会社 ---------------------------------------------------------------------- */

    body#production div#page_main h3,
    body#production_step_1 div#page_main h3,
    body#production_step_2 div#page_main h3,
    body#production_step_3 div#page_main h3{
        background: url(/order/img/title_3.gif) no-repeat top left;
        outline-color: invert;
        outline-style: none;
        outline-width: medium;
        text-decoration: none;
        display: block;
        text-indent:-9999px;
        width: 435px;
        height: 50px;
        margin: 10px 0 0 20px;
    }

    body#production .page_text{
        width: 500px;
    }

    #obj_1{
        position: relative;
        top: 0px;
        left: 0px;
    }

    #obj_1 div{
        position: absolute;
        top: -250px;
        right: -80px;
        background: url(/order/img/obj_3.png) no-repeat top left;
        __background-image:none;
        __filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/order/img/obj_3.png',sizingMethod=image);
        outline-color: invert;
        outline-style: none;
        outline-width: medium;
        text-decoration: none;
        display: block;
        text-indent:-9999px;
        width: 335px;
        height: 263px;
    }

    dl#tokuten{
        border: solid 6px #cfeef0;
        margin: 30px 35px 0px;
        padding: 5px 5px 8px;
    }

    dl#tokuten dt{
        background: url(/order/img/obj_4.gif) no-repeat top left;
        outline-color: invert;
        outline-style: none;
        outline-width: medium;
        text-decoration: none;
        display: block;
        text-indent:-9999px;
        width: 400px;
        height: 33px;
    }

    dl#tokuten dd{
        padding-left: 78px;
        letter-spacing: 1px;
        line-height: 18px;
    }

    #production_desuka{
        margin: 20px 40px 30px;
        text-align: left;
        line-height: 30px;
        font-size: 14px;
    }

    #production_desuka label{
        color: #2BB7C0;
        cursor: pointer;
        position: relative;
        top: -2px;
        left: 5px;
        font-size: 15px;
        border-bottom:1px dotted #2BB7C0;
    }

    #back_btn_sp{
        position: relative;
        top: 0px;
        left: 0px;
    }

    #back_btn_sp a{
        position: absolute;
        top: -75px;
        left: 30px;
    }