@charset "utf-8";

/* CSS Document */

/* ----------------------------------------------------------------------
main
---------------------------------------------------------------------- */

html {
    min-width:1050px;
    height:100%;
}


body {
    text-align:center;
    min-width:1050px;
    height:100%;
}

a{
    cursor:pointer;
}


/* ----------------------------------------------------------------------
template edited
---------------------------------------------------------------------- */
#contents{
    position:relative;
    background:#000000;
    min-width:100%;
    overflow:hidden;
    height:2733px;
}

#sqexFooter{
    position:relative;
    overflow:hidden;
    border-top:1px solid #333333;
}


/* SAMPLE */
#loadingbox{
    position:fixed;
    width:100%;
    height:100%;
    z-index:99999;
}

#loadingbox img{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-89px;
    margin-top:-44px;
}

.imagebox{
    width:100%;
    position:relative;
    overflow:hidden;
    left:0px;
    top:0px;
    z-index:10;
    display:none;
}

.imagebox img{
    width:1800px;
    position:absolute;
    left:50%;
    top:0px;
    margin-left:-900px;
    z-index:10;
}

.imagebox .effect{
    display:none;   
}

#content_header{
    height:1000px;
}

#content_header img.base{
    height:1000px;
    z-index:10;
}

#content_header img.effect{
    height:1000px;
    z-index:20;
}

#content_chapter1{
    height:760px;
}

#content_chapter1 img.base{
    height:760px;
    z-index:10;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-drag:none;
    -khtml-user-drag:none;
}

#content_chapter1 img.effect{
    height:760px;
    z-index:20;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-drag:none;
    -khtml-user-drag:none;
}

#content_chapter1 img.ss1{
    width:431px;
    height:242px;
    left:50%;
    top:51px;
    margin-left:-474px;
    z-index:11;
}

#content_chapter1 img.ss2{
    width:431px;
    height:242px;
    left:50%;
    top:417px;
    margin-left:47px;
    z-index:11;
}

#content_chapter2{
    height:973px;
}

#content_chapter2 img.base{
    height:973px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-drag:none;
    -khtml-user-drag:none;
    z-index:10;
}

#content_chapter2 img.effect{
    height:973px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-drag:none;
    -khtml-user-drag:none;
    z-index:20;
}

.newsbox{
    position:absolute;
    left:50%;
    width:1000px;
    margin-left:-500px;
    display:none;
    box-shadow:0px 0px 20px 10px #000;
}

.newsbox img{
    width:1000px;
}

#news1.newsbox{
    height:880px;
    top:-980px;
    z-index:200;
}

#news2.newsbox{
    height:1152px;
    top:-1252px;
    z-index:210;
}

#newsnav2{
    position:fixed;
    right:-166px;
    top:48px;
    width:166px;
    height:70px;
    display:none;
    z-index:999;
}

#newsnav2 a{
    display:block;
    width:166px;
    height:70px;
    background-image:url(../images/content3/newsnavi2.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    outline:none;
}

#newsnav2 a.news2{
    background-position:0px -142px;
}


#newsnav2 a.news1{
    background-position:0px -71px;
}

#newsnav2 a.top{
    background-position:0px 0px;
}

#newsnav2 a:hover{
    opacity:0.7;   
}

/* ----------------------------------------------------------------------
pagetop
---------------------------------------------------------------------- */

#button_pagetop{
    position:fixed;
    right:0px;
    bottom:20px;
    height:30px;
    z-index:8000;
    display:none;
}

#button_pagetop a{
    position:absolute;
    right:-109px;
    bottom:0px;
    display:block;
    width:109px;
    height:30px;
    background-image:url(../images/common/button_pagetop.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    text-decoration:none;
}

#button_pagetop a:link,#button_pagetop a:visited{
    background-position:0px -30px;   
}

#button_pagetop a:hover{
    background-position:0px 0px;   
}