@charset "utf-8";


/* CSS Document */
/* ----------------------------------------------------------------------
global
---------------------------------------------------------------------- */
body{
    background-color:#fff;
}

body.loading{
    background-color:#000 !important;
}

#wp{
    position:relative;
    z-index:10000;
    overflow-y:hidden;
}

#contents{
    overflow:hidden;
    background:transparent;
    opacity:0.0;
    -webkit-transition-property:opacity;
    -webkit-transition-duration:1.0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property:opacity;
    -moz-transition-duration:1.0s;
    -moz-transition-timing-function: ease-out;
    -ms-transition-property:opacity;
    -ms-transition-duration:1.0s;
    -ms-transition-timing-function: ease-out;
    transition-property:opacity;
    transition-duration:1.0s;
    transition-timing-function: ease-out;
}

body.readycomplete #contents{
    opacity:1.0;
}

#sqexFooter{
    opacity:0.0;
    -webkit-transition-property:opacity;
    -webkit-transition-duration:1.0s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-property:opacity;
    -moz-transition-duration:1.0s;
    -moz-transition-timing-function: ease-out;
    -ms-transition-property:opacity;
    -ms-transition-duration:1.0s;
    -ms-transition-timing-function: ease-out;
    transition-property:opacity;
    transition-duration:1.0s;
    transition-timing-function: ease-out;
}

body.readycomplete #sqexFooter{
    opacity:1.0;
}



.background_pattern{
    background:url(../images/common/scroll_pattern_base.png) center top repeat fixed;
}



/* ----------------------------------------------------------------------
line mover
---------------------------------------------------------------------- */
#linemover_background{
    position:fixed;
    z-index:1110;
    width:100%;
    height:100%;
    overflow:hidden;
}
#linemover_wrapper{
    position:fixed;
    width:1920px;
    height:1920px;
    left:50%;
    top:50%;
    margin-left:-960px;
    margin-top:-960px;
    z-index:1110;
    transform:rotate(135deg);
    transform-origin:center center;
}

#linemover_background .linemover{
    position:absolute;
    z-index:1110;
    /*opacity:0.2;*/
}

#linemover_background .linemover.color_bk{
    background-color:#000;
}

#linemover_background .linemover.color_pp{
    background-color:#c78dd0;
}

#linemover_background .linemover.color_rd{
    background-color:#fb418c;
}

#linemover_background .linemover.color_gr{
    background-color:#999;
}

#linemover_background .linemover.color_wh{
    background-color:#eee;
}


body:not(.readycomplete) #linemover_background .linemover.color_bk{
    background-color:#fff !important;
}


body:not(.readycomplete) #linemover_background .linemover.color_pp{
    background-color:#aaa !important;
}

body:not(.readycomplete) #linemover_background .linemover.color_rd,body:not(.readycomplete) #linemover_background .linemover.color_gr{
    background-color:#3df9fa !important;
}

/* ----------------------------------------------------------------------
global
---------------------------------------------------------------------- */


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



}