@charset "utf-8";

@import "../../../files/css/layout.css";

/*-------------------------------------------------------------------------
    Books
/*-----------------------------------------------------------------------*/
#books {
    position: relative;
    min-height: 1000px;
    height: 100%;
}
    #books .wrap {
        height: 100%;
        width: 900px;
        padding: 144px 0 0 60px;
        position: relative;
        z-index: 2;
    }
        #books .wrap #content {
            position: relative;
            height: 510px;
        }
            #books .wrap #content .page {
                display: none;
                position: absolute;
                left: 0;
                top: 0;
                opacity: 0;
            }
            #books .wrap #content .page.active {
                display: block;
            }
    #books h2 {
        margin-bottom: 20px;
    }
    #books .box {
        height: 504px;
        width: 408px;
        float: left;
        margin-right: 28px;
        text-align: center;
        position: relative;
    }
    #books .thumbs img {
        margin-bottom: 20px;
        padding: 4px;
        border: 2px solid #c7bba1;
    }
    #books .pagenum {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    #books #arrow li {
        display: none;
        position: absolute;
        top: 344px;
        padding: 8px 12px;
        cursor: pointer;
        z-index: 9;
    }
        #books #arrow li.prev {
            left: 8px;
        }
        #books #arrow li.next {
            right: 0px;
        }
        #books #arrow li.active {
            display: block;
        }
    #books #pagenavi {
        position: absolute;
        left: 386px;
        bottom: -80px;
        z-index: 3;
    }
        #books #pagenavi li {
            width: 16px;
            float: left;
            margin-right: 6px;
            cursor: pointer;
            background-image: url(../img/index/book/btn_off.png);
            background-position: center;
            background-repeat: no-repeat;
        }
        #books #pagenavi li.active {
            background-image: url(../img/index/book/btn_on.png);
        }
.background.book {
    position: absolute;
    z-index: 1;
}
    .background.book p {
        margin: 0 auto;
        width: 960px;
    }
    .background.book img {
        height: auto;
        width: auto;
        position: relative;
        top: -24px;
        left: -160px;
    }
    .background.book .shadow {
        position: fixed;
        bottom: 133px;
        z-index: 2;
    }
        .background.book .shadow img {
            height: 47px;
            width: 500%;
        }

/*-------------------------------------------------------------------------
    headline
/*-----------------------------------------------------------------------*/
#headline {
    margin-top: -12px;
}

/*-------------------------------------------------------------------------
    p0506
/*-----------------------------------------------------------------------*/
#p0506 .weapon {
    margin-top: 20px;
}

/*-------------------------------------------------------------------------
    p0506
/*-----------------------------------------------------------------------*/
#p1718 h2 {
    margin-top: 84px;
}
#p1718 .lincoln {
    margin-top: -30px;
}