


.purchase_table1 .title {
    display: none;
}

.purchase_table1 .title {
    display: none;
}

.purchase_table1,
.purchase_table1 tbody,
.purchase_table1 tbody tr,
.purchase_table1 tbody td {
    display: block;
}

    .purchase_table1 td,
    .purchase_table1 th {
        border: 1px #3d73b2 solid;
        border-top: none;
        padding: 10px 6px 9px 6px;
        font-size: 12px;
        word-break: break-all;
        text-align: left;
        background-color: #fff;
    }

    .purchase_table1 td {
        width: 100%;
        text-align: right;

    }

    .purchase_table1 tbody td::before {
        color: #ff69b4;
        float: left;
    }

    .purchase_table1 tbody td:nth-of-type(1) {
        text-align: right;
        background: #00b2d8;
        color: #fff;
    }

        .purchase_table1 tbody td:nth-of-type(1):before {
            content: "商品コード";
            color: #fff;
        }

    .purchase_table1 tbody td:nth-of-type(2) {
        color: #ef349d;
    }
    .purchase_table1 tbody td:nth-of-type(2):before {
        content: "商品名";
    }

    .purchase_table1 tbody td:nth-of-type(2) {
        text-align: left;
    }

        .purchase_table1 tbody td:nth-of-type(2) span {
            padding-left: 15px;
            display: inline-block;
        }


    .purchase_table1 tbody td:nth-of-type(3):before {
        content: "販売価格";
    }

    .purchase_table1 tbody td:nth-of-type(4):before {
        content: "注文数";
    }

    .purchase_table1 tbody td:nth-of-type(5):before {
        content: "小計";
    }
    .purchase_table1 tbody td:nth-of-type(6):before {
        content: "特別送料";
    }



    /*.purchase_table1 tbody .total td:nth-of-type(1) {
        border: 1px #3d73b2 solid;
        padding: 10px 6px 9px 6px;
    }

        .purchase_table1 tbody .total td:nth-of-type(1):before {
            content: "合計";
            display: block;
        }

    .purchase_table1 tbody .total td:nth-of-type(2),
    .purchase_table1 tbody .total td:nth-of-type(3) {
        display: none;
    }

    .purchase_table1 tbody .total td:nth-of-type(4):before {
        content: "合計申込み数";
        display: block;
    }

    .purchase_table1 tbody .total td:nth-of-type(5):before {
        content: "合計予定金額";
        display: block;
    }*/






.payment_notice_border {
    display: block;
    height: 0;
    border-bottom: 1px #ff69b4 dotted;
    margin: 10px 0;
}





/*------------------------------------------------
main
------------------------------------------------*/

.main_btn01,
.main_btn02,
.main_btn03,
.main_btn04,
.main_btn05,
.main_btn06,
.main_btn07,
.main_btn08,
.main_btn09,
.main_btn10 {
    /*margin: 0 auto 40px;
	width: 403px;*/
    margin: 0 auto 20px;
    width: 100%;
    height: 70px;
}

    .main_btn01 a span,
    .main_btn02 a span,
    .main_btn03 a span,
    .main_btn04 a span,
    .main_btn05 a span,
    .main_btn06 a span,
    .main_btn07 a span,
    .main_btn08 a span,
    .main_btn09 a span,
    .main_btn10 a span {
        display: none;
    }

/*
#liHall01a .main_btn01 a
,#liHall01b .main_btn01 a  {
	display: block;
	width: 100%;
	height: 95px;
	margin: 10px auto 40px;
	background: url(../images/hall/title_hall_1.png) no-repeat;
	background-size: cover;
}
*/

/*#liHall02a .main_btn02 a, #liHall02b .main_btn02 a {
    display: block;
    width: 100%;
    height: 95px;
    margin: 10px auto 40px;
    background: url(../images/hall/title_hall_2.png) no-repeat;
    background-size: cover;
}

#liHall03a .main_btn03 a, #liHall03b .main_btn03 a {
    display: block;
    width: 100%;
    height: 95px;
    margin: 10px auto 40px;
    background: url(../images/hall/title_hall_3.png) no-repeat;
    background-size: cover;
}

#liHall04a .main_btn04 a, #liHall04b .main_btn04 a {
    display: block;
    width: 100%;
    height: 95px;
    margin: 10px auto 40px;
    background: url(../images/hall/title_hall_4.png) no-repeat;
    background-size: cover;
}

#liHall05a .main_btn05 a, #liHall05b .main_btn05 a {
    display: block;
    width: 100%;
    height: 95px;
    margin: 10px auto 40px;
    background: url(../images/hall/title_hall_5.png) no-repeat;
    background-size: cover;
}

#liHall06a .main_btn06 a, #liHall06b .main_btn06 a {
    display: block;
    width: 100%;
    height: 95px;
    margin: 10px auto 40px;
    background: url(../images/hall/title_hall_6.png) no-repeat;
    background-size: cover;
}

#liHall07a .main_btn07 a, #liHall07b .main_btn07 a {
    display: block;
    width: 100%;
    height: 95px;
    margin: 10px auto 40px;
    background: url(../images/hall/title_hall_7.png) no-repeat;
    background-size: cover;
}

#liHall08a .main_btn08 a, #liHall08b .main_btn08 a {
    display: block;
    width: 100%;
    height: 95px;
    margin: 10px auto 40px;
    background: url(../images/hall/title_hall_8.png) no-repeat;
    background-size: cover;
}

#liHall09a .main_btn09 a, #liHall09b .main_btn09 a {
    display: block;
    width: 100%;
    height: 95px;
    margin: 10px auto 40px;
    background: url(../images/hall/title_hall_9.png) no-repeat;
    background-size: cover;
}


#liHall10a .main_btn10 a, #liHall10b .main_btn10 a {
    display: block;
    width: 100%;
    height: 95px;
    margin: 10px auto 40px;
    background: url(../images/hall/title_hall_10.png) no-repeat;
    background-size: cover;
}*/




    .main_btn01 a {
        display: block;
        width: 290px;
        height: 70px;
        margin: 10px auto 40px;
        background: url(../images/hall_sp/title_hall_01_off.gif) no-repeat;
        background-size: contain;
    }

        .main_btn01 a:hover {
            background: url(../images/hall_sp/title_hall_01_on.gif) no-repeat;
            background-size: contain;
        }

    .main_btn02 a {
        display: block;
        width: 290px;
        height: 70px;
        margin: 10px auto 40px;
        background: url(../images/hall_sp/title_hall_02_off.gif) no-repeat;
        background-size: contain;
    }

        .main_btn02 a:hover {
            background: url(../images/hall_sp/title_hall_02_on.gif) no-repeat;
            background-size: contain;
        }

    .main_btn03 a {
        display: block;
        width: 290px;
        height: 70px;
        margin: 10px auto 40px;
        background: url(../images/hall_sp/title_hall_03_off.gif) no-repeat;
        background-size: contain;
    }

        .main_btn03 a:hover {
            background: url(../images/hall_sp/title_hall_03_on.gif) no-repeat;
            background-size: contain;
        }

    .main_btn04 a {
        display: block;
        width: 290px;
        height: 70px;
        margin: 10px auto 40px;
        background: url(../images/hall_sp/title_hall_04_off.gif) no-repeat;
        background-size: contain;
    }

        .main_btn04 a:hover {
            background: url(../images/hall_sp/title_hall_04_on.gif) no-repeat;
            background-size: contain;
        }

    .main_btn05 a {
        display: block;
        width: 290px;
        height: 70px;
        margin: 10px auto 40px;
        background: url(../images/hall_sp/title_hall_05_off.gif) no-repeat;
        background-size: contain;
    }

        .main_btn05 a:hover {
            background: url(../images/hall_sp/title_hall_05_on.gif) no-repeat;
            background-size: contain;
        }

    .main_btn06 a {
        display: block;
        width: 290px;
        height: 70px;
        margin: 10px auto 40px;
        background: url(../images/hall_sp/title_hall_06_off.gif) no-repeat;
        background-size: contain;
    }

        .main_btn06 a:hover {
            background: url(../images/hall_sp/title_hall_06_on.gif) no-repeat;
            background-size: contain;
        }

    .main_btn07 a {
        display: block;
        width: 290px;
        height: 70px;
        margin: 10px auto 40px;
        background: url(../images/hall_sp/title_hall_07_off.gif) no-repeat;
        background-size: contain;
    }

        .main_btn07 a:hover {
            background: url(../images/hall_sp/title_hall_07_on.gif) no-repeat;
            background-size: contain;
        }

    .main_btn08 a {
        display: block;
        width: 290px;
        height: 70px;
        margin: 10px auto 40px;
        background: url(../images/hall_sp/title_hall_08_off.gif) no-repeat;
        background-size: contain;
    }

        .main_btn08 a:hover {
            background: url(../images/hall_sp/title_hall_08_on.gif) no-repeat;
            background-size: contain;
        }

    .main_btn09 a {
        display: block;
        width: 290px;
        height: 70px;
        margin: 10px auto 40px;
        background: url(../images/hall_sp/title_hall_09_off.gif) no-repeat;
        background-size: contain;
    }

        .main_btn09 a:hover {
            background: url(../images/hall_sp/title_hall_09_on.gif) no-repeat;
            background-size: contain;
        }

    .main_btn10 a {
        display: block;
        width: 290px;
        height: 70px;
        margin: 10px auto 40px;
        background: url(../images/hall_sp/title_hall_10_off.gif) no-repeat;
        background-size: contain;
    }

        .main_btn10 a:hover {
            background: url(../images/hall_sp/title_hall_10_on.gif) no-repeat;
            background-size: contain;
        }


/*------------------------------------------------
changeDevice
------------------------------------------------*/

.rwd{
    text-align:center;
    padding:10px 10px;
}



/*------------------------------------------------
flow
------------------------------------------------*/


.flow_table {
    width: 95%;
    margin-top: 10px;
}

    .flow_table th,
    .flow_table td {
        border: 1px #ff69b4 dotted;
        padding: 5px 10px;
        font-size: 14px;
        background: #fff;
    }

    .flow_table .title {
        background: #00b2d8;
        color: #fff;
        width: 315px;
    }

    .flow_table .title2 {
        background: #00b2d8;
        color: #fff;
        width: 180px;
    }

    .flow_table .text {
        color: #ef349d;
    }

    .flow_table .text2 {
        background: #eaf9ff;
    }

.flow {
    padding: 15px;
    color: #4e4e4e;
}

.flow_htp, .flow_htp a {
    font-size: 12px;
}



/*------------------------------------------------
faq
------------------------------------------------*/

#faq {
    width: 100%;
}

#faq_q {
    overflow: hidden;
    margin: 20px 0 40px;
}

    #faq_q a {
        line-height: 2em;
    }

        #faq_q a,
        #faq_q a:link,
        #faq_q a:active,
        #faq_q a:visited {
            color: #ef349d;
            text-decoration: underline;
        }

            #faq_q a:hover {
                color: #ef349d;
                text-decoration: none;
            }

#faq_a h3 span {
    background: #00b2d8;
    border: 1px dotted #ff69b4;
    border-bottom: none;
    color: #fff;
    margin: 0;
    padding: 5px 20px;
}

#faq_a img {
    vertical-align: middle;
}

#faq_a .q_inner {
    border: 1px #ff69b4 dotted;
    margin: 0 0 20px;
    background: #fff;
    padding-top: 10px;
    overflow: hidden;
}

#faq_a .title {
    border-bottom: 1px #ff69b4 dotted;
    color: #ef349d;
}

#faq_a .title,
#faq_a .text {
    padding: 5px 10px;
}


#faq_a .q_inner ul {
    padding: 5px 10px;
}

#faq_a .q_inner li {
    font-size: 13px;
}


    #faq_a .q_inner li a,
    #faq_a .q_inner li a:link,
    #faq_a .q_inner li a:active,
    #faq_a .q_inner li a:visited {
        color: #ef349d;
        text-decoration: underline;
    }



/*------------------------------------------------
inquiry
------------------------------------------------*/

#inquiry {
    margin: 0 0 20px;
    overflow: hidden;
}

#inquiry_l {
    width: 100%;
    min-height: 175px;
    float: left;
}

    #inquiry_l h3 {
        width: 498px;
        margin: 1px auto;
        background: #005599;
        color: #fff;
        padding: 5px 10px;
    }

    #inquiry_l p {
        margin: 10px;
        font-size: 14px;
        line-height: 1.6em;
    }

        #inquiry_l p a,
        #inquiry_l p a:link,
        #inquiry_l p a:active,
        #inquiry_l p a:visited {
            color: #ef349d;
            text-decoration: underline;
        }

            #inquiry_l p a:hover {
                color: #ef349d;
                text-decoration: none;
            }

#inquiry_r {
    width: 100%;
    min-height: 100%;
    display:inline-block;
    border: 1px dotted #ff69b4;
    background: #fff;
    text-align: center;
}

    #inquiry_r img {
        width: 268px;
        margin: 0 auto;
    }

    #inquiry_r .text1 {
        text-align: center;
        margin: 10px 0 0;
    }

        #inquiry_r .text1 span {
            font-size: 26px;
            color: #4d4d4d;
        }

    #inquiry_r .text2 {
        font-size: 10px;
        text-align: left;
        margin: 5px 0 5px 30px;
        line-height: 2em;
    }


#tQuestion {
    width: 100%;
}




/*------------------------------------------------
news
------------------------------------------------*/

#topNews {
    width: 100%;
    margin: 0px auto 20px auto;
    border: 1px solid #000;
    background: #fff;
}

    #topNews h3 {
        width: 100%;
        margin: 1px auto;
        background: #000;
        color: #fff;
        padding: 5px 10px;
    }

    #topNews h4 {
        margin: 10px;
        font-size: 12px;
        line-height: 1.6em;
        font-weight: bold;
    }

    #topNews p {
        margin: 10px;
        font-size: 12px;
        line-height: 1.6em;
    }

    #topNews a {
        color: #ef349d;
    }

    #topNews .bar {
        height: 1px;
        border-bottom: 1px solid #000;
    }




/*------------------------------------------------
login
------------------------------------------------*/

#login_l .login_aks{padding:20px;border-radius:8px;background:#f2f2f2;margin:30px 0px 30px 0px;}

#login_l #btnAKBGIDLogin {
    width: 80%;
}

#login_l .login_aks p {
   text-align:center; 
   padding-bottom:5px;
}

