@charset "utf-8";
/*-=========================================-*/
/* paneo css                                 */
/*-=========================================-*/

/* borderbox reset */
* {
-webkit-box-sizing                              : border-box;
-moz-box-sizing                                 : border-box;
-o-box-sizing                                   : border-box;
-ms-box-sizing                                  : border-box;
box-sizing                                      : border-box;
}

/* font */
html,body {
-webkit-text-size-adjust                        : none;
}

/* container */
div#container {
position                                        : static;
text-align                                      : left;
}

/* contents */
div#contents {
text-align                                      : left;
width                                           : auto;
}

/* footer */
footer {
display                                         : block;
text-align                                      : center;
}

/* text */
.hide-text {
text-indent                                     : 100%;
white-space                                     : nowrap;
overflow                                        : hidden;
}

/* responsive element style */
.paneoimg img {
max-width                                       : 100%;
height                                          : auto;
width                                           : auto\9; /* ie8 */
vertical-align                                  : text-bottom;
}

/* paneo fix layout a4 */
/* 1280px x 1810px 1 : √2 */
/* 2894px x 4093px 1 : √2 350dpi*/
@media  paper,
        (min-width: 1280px),
        (device-width:768px),
        (device-width:1024px) {

    div#container {
/*        position:       relative;
        margin:         0 auto;
        width:          1280px;
        height:         1810px;*/
    }

    header {
    }

    div#contents {
        height:         auto;
    }

    footer {
        position:       absolute;
        bottom:         0;
    }

    div#container.p2 {
        height:         3620px !important;
    }
    
    div#page2 {
        position:       absolute;
        top:            1810px;
        width:          1280px;
    }

    div#container.p3 {
        height:         5430px !important;
    }

    div#page3 {
        position:       absolute;
        top:            3620px;
        width:          1280px; 
    }

    div#container.p4 {
        height:         7240px !important;
    }

    div#page4 {
        position:       absolute;
        top:            5430px;
        width:          1280px;
    }

}