@charset "utf-8";

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


/*-------------------------------------------------------------------------
    Contents
/*-----------------------------------------------------------------------*/
#contents {
    background-color: #bef5be;
}
    #contents #box {
        padding-bottom: 50px;
        border-color: #28c864;
        position: relative;
    }
        #contents #box h1 {
            margin-top: -50px;
        }
        #contents #box #txt {
            margin: -4px 0 0 88px;
        }
        #contents #box #thumbs {
            margin: 12px 0 0 32px;
        }

        #contents #box #get {
            margin-top: 50px;
        }
            #contents #box #get h2 {
                margin-left: 50px;
            }
            #contents #box #get #txt01 {
                margin: 10px 0 0 98px;
            }
            #contents #box #get #txt02 {
                margin: -52px 0 0 20px;
            }
            #contents #box #get #txt03 {
                margin: -80px 0 0 36px;
            }

        #contents #box #snack {
            width: 860px;
            margin: 12px auto 0 auto;
            padding-bottom: 12px;
            background: url(../img/index/snack/stripe.png) no-repeat left bottom, url(../img/index/snack/bg.jpg);
            border-radius: 24px;
            -webkit-border-radius: 24px;
            -moz-border-radius: 24px;
            position: relative;
            z-index: 2;
        }
            #contents #box #snack h3 {
                text-align: right;
            }
                #contents #box #snack h3 img {
                    margin-top: -1px;
                }
            #contents #box #snack ul {
                margin: -4px 0 0 23px;
            }
                #contents #box #snack ul li {
                    width: 196px;
                    float: left;
                    margin: 10px 9px 0 0;
                    background: url(../img/index/snack/bg_snack.png) no-repeat;
                }
                    #contents #box #snack ul li a:hover {
                        -moz-opacity:0.60;
                        -khtml-opacity:0.60;
                        opacity:0.70;
                    }
                #contents #box #snack ul li#more {
                    width: 300px;
                    margin: 10px 0 0 25px;
                    background: none;
                }
        #contents #box #chibirobo {
            position: absolute;
            top: 1670px;
            left: 77px;
            z-index: 1;
        }

        #contents #box #special {
            width: 860px;
            margin: 28px 0 0 30px;
            position: relative;
        }
            #contents #box #special #fueramune {
                position: absolute;
                top: 176px;
                left: 75px;
            }
            #contents #box #special #ogonto {
                position: absolute;
                top: 162px;
                left: 472px;
            }
            #contents #box #special #notes {
                text-align: center;
                position: absolute;
                top: 370px;
                left: 0;
                right: 0;
            }