@charset "UTF-8";

body {
	overflow: hidden;
}

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 200;
}

#mainBody a:hover {
	opacity: 0.8 !important; /* Safari, Opera */
	-moz-opacity: 0.80 !important; /* FireFox */
	filter: alpha(opacity=80) !important; /* IE */
}

#contents {
	position: fixed;
	z-index: 1;
}

#slideshow {
	position: fixed;
	z-index: 3;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	display: none;
}
#slideshow UL{
	width:100%;
	height:100%;
}
#slideshow li {
   position:absolute;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
   background-size : cover;
   height:100%;
   width: 100%;
}
#slideshow li img{
   width: 100%;
   height: auto;
}

#bgBlack {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/bg_black.png);
	z-index: 5;
}


#backBtn {
	position: fixed;
	bottom: 158px;
	left: 50%;
	margin-left: -63px;
	z-index : 100;
}
#nextBtn {
	position: fixed;
	bottom: 87px;
	left: 50%;
	margin-left: -98px;
	z-index : 100;
}
#backBtn:hover,
#nextBtn:hover {
	opacity: 0.8 !important; /* Safari, Opera */
	-moz-opacity: 0.80 !important; /* FireFox */
	filter: alpha(opacity=80) !important; /* IE */
}

.depthObj{
	pointer-events: none;
}
#restart{
	pointer-events: auto !important;
}