body{
	background:#000;
	color:#fff;
}

#wrapper{
	width:997px;
	margin:10px auto;
	padding:10px;
	border:solid 1px #333;
}

#loader{
	width:100%;
	height:100%;
	display:block;
	background:#000;
	position:fixed;
	z-index:100;
	text-align:center;
}

#loader span#load-text{
	font-family:Arial,Helvetica,Sans-Serif;
	font-size:12px;
	position:absolute;
	top:48%;
	left:48%;	
	display:none;
}
#loader span#ttl{
	position:absolute;
	top:20%;
	left:50%;	
	margin-left:-205px;
	display:none;
}

#loader #progressbar{
	width:100%;
	height:1px;	
	position:absolute;
	top:48%;
}
#loader #progressbar span{
    display: block;
    width: 0px;
    height: 1px;
    background: #333;
    }

#overlay{
	display:none;
}

ul,ol,li{list-style:none; padding:0; margin:0;}
li{background-color:#000;}

.flexslider li .contents{position:absolute;}
.flexslider li#page10 .contents{
	position:absolute;
	top:0;
	right:0;
	width:500px;
	height:680px;
	z-index:8;
}
.flexslider li#page10 .contents #movie{
	width:438px;
	margin:105px auto 0 auto;
}
.flexslider li#page10 .contents #movie img{display:block; margin-bottom:8px;}

.flexslider li#page11 .contents{
	position:absolute;
	top:0;
	right:0;
	width:997px;
	height:680px;
	z-index:8;
}
.flexslider li#page11 .contents .btn01{
	position:absolute;
	top:325px;
	left:531px;
	z-index:10;
}
.flexslider li#page11 .contents .btn02{
	position:absolute;
	top:370px;
	left:531px;
	z-index:10;
}
.flexslider li#page11 .contents .btn03{
	position:absolute;
	top:418px;
	left:531px;
	z-index:10;
}

.flexslider li#page11 .contents .btn04{
	position:absolute;
	top:570px;
	left:830px;
	z-index:10;
}

::-moz-selection { color: white;  background: black; }
::selection      { color: white;  background: black; }



.flexslider li span.caption{position:absolute; bottom:20px; right:20px; font-size:9px; z-index:10;}

/*@flexslider
   ========================================================================== */

.flexslider{width:997px; height:680px; overflow:hidden; position:relative;}
.flex-control-nav{display:none;}

/* Direction Nav */
.flex-direction-nav {*height:0;}
.flex-direction-nav a  {
display:block;
width:50px;
height:50px;
background-image:url(../images/btn_control.png);
    background-size:100px 50px;
    -moz-background-size:100px 50px;
    -webkit-background-size:100px 50px;
margin:-20px 0 0;
position:absolute;
top:50%;
z-index:10;
overflow:hidden;
opacity:0;
cursor:pointer;
color:rgba(255,255,255,0);
    -webkit-transition:all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.flex-direction-nav .flex-prev {left:-10px; }
.flex-direction-nav .flex-next {right:-10px;}
.flex-direction-nav a.flex-prev {background-image:url(../images/btn_control.png);}
.flex-direction-nav a.flex-next {background-position:50px 0;}
.flexslider:hover .flex-prev {opacity:1.0; left:0px; }
.flexslider:hover .flex-next {opacity:1.0; right:0px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:0.75;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor:default; display:none;}
.flex-direction-nav a:before  {font-family:"flexslider-icon"; font-size:40px; display:inline-block; content:''; }
.flex-direction-nav a.flex-next:before  {/* content: '\f002'; */}