/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
body{
    background: url('../images/koma_bg.png') repeat center 0px;
}


/*--------------------------------------------------------------------
font
--------------------------------------------------------------------*/
@font-face{
	font-family: 'miso-bold';
	src: url('font/miso-bold-webfont.eot');
	src: url('font/miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('font/miso-bold-webfont.woff') format('woff'),
	     url('font/miso-bold-webfont.ttf') format('truetype'),
	     url('font/miso-bold-webfont.svg#webfont') format('svg');
}
.en{
	font-family: 'miso-bold', Arial, sans-serif;
}

#wrap{
    width:100%;
    height:100%;
    min-width:902px;
    overflow:hidden;
}
#innerBG{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10;
    display:none;
}
#innerBG ul.imgs{
    width:100%;
    z-index:2;
}
#innerBG ul.imgs li{
    position:absolute;
    width:100%;
    display:none;
}
#innerBG ul.imgs li.waku1{
    display:block;
}
#innerBG ul.imgs li img,
#innerBG .bigwaku img,
#innerBG .dummy img{
    width:100%;
    height:auto;
}
#innerBG .bigwaku{
    position:absolute;
    width:100%;
    display:none;
}
#innerBG .dummy{
    position:absolute;
}


/*--------------------------------------------------------------------
start
--------------------------------------------------------------------*/
#start{
    position:relative;
    width:902px;/*22*41*/
    height:616px;/*22*28*/
    margin:0 auto 0;
    z-index:100;
}
#start div{
    position:absolute;
}
#start .start_btn{
    left:286px;
    top:506px;
    opacity:0;
    display:none;
    z-index: 1;
}
#start .start_btn a{
    cursor: url(../images/hand.cur) 28 0, url(../images/hand.png) 28 0, auto;
}

#start_def {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 90;
    display:none;
    cursor: url(../images/hand_small.cur) 24 0, url(../images/hand_small.png) 24 0, auto;
}
#start .start_def {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display:none;
    cursor: url(../images/hand_small.cur) 24 0, url(../images/hand_small.png) 24 0, auto;
    z-index: 0;
}

/*--------------------------------------------------------------------
end
--------------------------------------------------------------------*/
#endBG{
    position:absolute;
    background:#000;
    z-index:8;
    cursor: url(../images/hand_small.cur) 24 0, url(../images/hand_small.png) 24 0, auto;
    display:none;
}
#end{
    position:absolute;
    width:472px;
    height:200px;
    margin:0;
    z-index:201;
    display:none;
}
#end .replay_btn,
#end .sns{
    float:left;
    width:192px;
    height:192px;
    border:4px solid #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#end .replay_btn{
    margin-right:72px;
}
#end .replay_btn a{
    display:block;
    width:192px;
    height:158px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align:center;
    padding-top:34px;
    cursor: url(../images/hand.cur) 28 0, url(../images/hand.png) 28 0, auto;
}
#end .sns p{
    margin-top:34px;
    text-align:center;
}
#end .sns ul{
    width:120px;
    height:50px;
    margin:24px auto 0;
}
#end .sns ul li{
    float:left;
}
#end .sns ul li:first-child{
    margin-right:20px;
}
#end .sns ul li a{
    cursor: url(../images/hand.cur) 28 0, url(../images/hand.png) 28 0, auto;
}
/*--------------------------------------------------------------------
footer
--------------------------------------------------------------------*/
.footer{
    width:100%;
    height:50px;
    background:#fff;
    position:absolute;
    box-shadow: 0 0px 4px 2px rgba(0, 0, 0, 0.1);
    z-index:10000;
}
.footer .footer_inn{
    position:relative;
    padding:15px;
}
.footer .link{
    font-size:14px;
    position:absolute;
    float:left;
    left:20px;
}
.footer .copy{
    padding-top:3px;
    font-size:14px;
    position:absolute;
    float:right;
    right:20px;
}
/*------------------------------*/
/* loading */
/*------------------------------*/
#loader {
    width: 46px;
    height: 49px;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -23px;
    z-index: 100001;
}
#loader img {
	width:46px;
	height:49px;
}
#fade {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100000;
}


/*--------------------------------------------------------------------
controller
--------------------------------------------------------------------*/
#controller{
    position:absolute;
    width:546px;
    height: 82px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin:auto;
    z-index:999;
    font-size: 0;
    display:none;
}

#controller .ctrl_btn{
    display: inline-block;
    width: 82px;
    height: 82px;
    padding: 0 50px;
    cursor: url(../images/hand_small.cur) 24 0, url(../images/hand_small.png) 24 0, auto;
}

.btn_off {
    opacity: 0.3;
}

/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */