/* --------------------
nav.sub-nav
-------------------- */
#acupuncture nav.sub-nav {
    display: block;
    border-bottom: solid 1px #efeecd;
    background: #fefdda;
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
    height: 48px;
    z-index: 5;
    overflow: hidden;
}

#acupuncture nav.sub-nav ul {
    display: block;
    width: 320px;
    height: 48px;
    margin: 0 auto;
    overflow: hidden;
}

#acupuncture nav.sub-nav ul li {
    display: block;
    width: 160px;
    height: 48px;
    overflow: hidden;
    float: left;
}

#acupuncture nav.sub-nav ul li a {
    display: block;
    background: no-repeat 0 0;
    background-size: contain;
    width: 0;
    height: 14px;
    margin: 16px auto 0;
    overflow: hidden;
}

#acupuncture nav.sub-nav ul li.acupuncture-course01 a {
    background-image: url("../images/nav_course01.gif");
    padding-left: 58px;
}

#acupuncture nav.sub-nav ul li.acupuncture-course02 a {
    background-image: url("../images/nav_course02.gif");
    padding-left: 44px;
}

#acupuncture nav.sub-nav ul li.current a,
#acupuncture nav.sub-nav ul li a:hover {
    padding-bottom: 8px;
    border-bottom: solid 1px #8f8d78;
}

/* --------------------
article
-------------------- */
#acupuncture article {
    /* override common.css */
    padding-top: 203px;
}

section.acupuncture {
    margin-bottom:64px;
    overflow: hidden;
}

section.acupuncture h3.head,
section.acupuncture h3.fee,
section.acupuncture h3.symptom-head,
section.acupuncture dl.symptom,
section.acupuncture p.notice{
    display: block;
    background: no-repeat 0 0;
    background-size: contain;
    width: 0;
    margin: 0 auto;
    overflow: hidden;
}

#acupuncture h3.symptom-head {
    background-image: url("../images/symptom_head.gif");
    padding-left: 120px;
    height: 48px;
    margin-bottom: 56px;
}

#acupuncture sections.books {
}

#acupuncture section.books p.lead {
    display: block;
    background: url("../images/books_lead.gif") no-repeat;
    background-size: contain;
    width: 0;
    padding-left: 452px;
    height: 62px;
    margin: 60px auto 36px;
    overflow: hidden;
}

#acupuncture section.books ul {
    display: block;
    width: 640px;
    margin-bottom: 114px;
    overflow: hidden;
}

#acupuncture section.books ul li {
    display: block;
    width: 160px;
    float: left;
}

#acupuncture section.books ul li a.image {
    display: block;
    background: no-repeat 0 0;
    background-size: contain;
    width: 0;
    height: 128px;
    margin: 0 auto 20px;
    overflow: hidden;
}

#acupuncture section.books ul li a.name {
    display: block;
    background: no-repeat 0 0;
    background-size: contain;
    width: 0;
    height: 14px;
    margin: 0 auto;
    overflow: hidden;
}

#acupuncture section.books ul li.book01 a.image {
    background-image: url("../images/books_book01.gif");
    padding-left:80px;
}
#acupuncture section.books ul li.book01 a.name {
    background-image: url("../images/books_book01_name.gif");
    padding-left:28px;
}
#acupuncture section.books ul li.book02 a.image {
    background-image: url("../images/books_book02.gif");
    padding-left:80px;
}
#acupuncture section.books ul li.book02 a.name {
    background-image: url("../images/books_book02_name.gif");
    padding-left:64px;
}
#acupuncture section.books ul li.book03 a.image {
    background-image: url("../images/books_book03.gif");
    padding-left:87px;
}
#acupuncture section.books ul li.book03 a.name {
    background-image: url("../images/books_book03_name.gif");
    padding-left:146px;
}
#acupuncture section.books ul li.book04 a.image {
    background-image: url("../images/books_book04.gif");
    padding-left:88px;
}
#acupuncture section.books ul li.book04 a.name {
    background-image: url("../images/books_book04_name.gif");
    padding-left:81px;
}

#acupuncture section.books ul li a:hover {
    opacity: 0.6;
}



@media screen and (max-width: 568px) {

    #acupuncture nav.sub-nav {
        top: 32px;
        height: 32px;
    }

    #acupuncture nav.sub-nav ul {
        width: 160px;
        height: 32px;
    }

    #acupuncture nav.sub-nav ul li {
        width: 80px;
        height: 32px;
    }

    #acupuncture nav.sub-nav ul li a {
        height: 7px;
        margin: 13px auto 0;
    }

    #acupuncture nav.sub-nav ul li.acupuncture-course01 a {
        padding-left: 29px;
    }

    #acupuncture nav.sub-nav ul li.acupuncture-course02 a {
        padding-left: 22px;
    }

    #acupuncture nav.sub-nav ul li a:hover {
        padding-bottom: 0;
        border-bottom: none;
    }

    #acupuncture nav.sub-nav ul li.current a {
        padding-bottom: 4px;
    }

    section.acupuncture {
        margin-bottom:16px;
    }

    #acupuncture h3.symptom-head {
        background-image: url("../images/symptom_head.gif");
        padding-left: 120px;
        height: 48px;
        margin-bottom: 56px;
    }

    #acupuncture article {
        padding-top: 106px;
    }

    #acupuncture h3.symptom-head {
        padding-left: 60px;
        height: 24px;
        margin-bottom: 28px;
    }

    #acupuncture section.books p.lead {
        padding-left: 226px;
        height: 31px;
        margin: 32px auto 30px;
    }

    #acupuncture section.books ul {
        width: 320px;
        margin-bottom: 28px;
    }

    #acupuncture section.books ul li {
        display: block;
        width: 160px;
        float: left;
    }

    #acupuncture section.books ul li a.image {
        display: block;
        background: no-repeat 0 0;
        background-size: contain;
        width: 0;
        height: 128px;
        margin: 0 auto 8px;
        overflow: hidden;
    }

    #acupuncture section.books ul li a.name {
        height: 7px;
        margin-bottom: 16px;
    }

    #acupuncture section.books ul li.book01 a.name {
        padding-left:14px;
    }

    #acupuncture section.books ul li.book02 a.name {
        padding-left:32px;
    }

    #acupuncture section.books ul li.book03 a.name {
        padding-left:73px;
    }

    #acupuncture section.books ul li.book04 a.name {
        padding-left:40px;
    }

    #acupuncture section.books ul li a:hover {
        opacity: 1;
    }
}