@charset "utf-8";

html, body {
	height: 100%;
}

body {
	background:#231500 url(../images/bg04.png) no-repeat center 714px;
}

body > #wrapper {
  height: auto;
}

#loading {
width: 100%;
height: 100%;
position: absolute;
z-index: 9000;
background-color: #000;
}
#top #loading{
	background: #000 url(../images/loading.gif)no-repeat center center;
}

#top #main_img{
	position: absolute;
	top: 480px;
	left: 650px;
}

#top #bn01{
	position: absolute;
	top:580px;
	left: 408px;
}

#top #btmovie01{
	position: absolute;
	top: 70px;
	left: 26px;

}

#wrapper {
	margin: 0 auto;
	height: 717px;
	position: relative;
	background: #231500 url(../images/bg03.jpg) no-repeat 50% 0;
	display:none;
}
#feature #wrapper,
#basicinfo #wrapper {
	height: 1745px;
	background: #a00000 url(../images/bg07.jpg) no-repeat 50% 0;
}
#basicinfo #wrapper {
	height: 1015px;
}

#mainContents {
	width:1000px;
	height:717px;
	margin:0 auto;
	position:relative;
}
#feature #mainContents {
	height:1745px;
}
#basicinfo #mainContents {
	height:1015px;
}




#wrapper #logo01 {
	position: absolute;
	top: 8px;
	left:24px;
}
#mainContents #logo02 {
	position: absolute;
	top: -11px;
	right: -45px;
}

#mainContents #logo03 {
	position: absolute;
	top: 667px;
	left:422px;
}

#mainContents #tx01 {
	position:absolute;
	top:84px;
	left:40px;
}
#mainContents #tx02 {
	position: absolute;
	top: 70px;
	left: 37px;
}

#player,
#player2 {
	background: url(../images/bg02.png) no-repeat 0 0;
	/* width: 668px;
	height: 388px;
	padding: 17px 0 0 20px; */
	height: 430px;
	padding: 51px 0 0 93px;
}

#openStartBtn{
	display:none;
}
#openStart{
	width:695px;
	height:485px;
}
#openStart .txt{
	margin: 0 0 20px 0;
}
#openStart .btn{
	text-align: center;
}

#navi01 {
	position: absolute;
	top: 106px;
	left: -11px;

}
#navi01 #bt01 {
	margin:0px 0 0px 0px;
}
#navi01 #bt02 {
	margin:0 0 0 26px;
}


#backtotop {
	position: absolute;
	top: 57px;
	right: 13px;
}

#gnavi {
	background: url(../images/bg06.png) no-repeat 0 0;
	width:990px;
	height:96px;
	position:absolute;
	top:651px;
	left:-6px;
}
#feature #gnavi,
#basicinfo #gnavi {
	top:80px;
	left:-5px;
}


#gnavi ul {
	position:relative;
}
#gnavi ul li.nav01 {
	position: absolute;
	top: 14px;
	left: 60px;
}
#gnavi ul li.nav02 {
	position: absolute;
	top: 14px;
	left: 173px;
}
#gnavi ul li.nav03 {
	position: absolute;
	top: 14px;
	left: 308px;
}
#gnavi ul li.nav04 {
	position: absolute;
	top: 14px;
	left: 431px;
}
#gnavi ul li.nav05 {
	position: absolute;
	top: 14px;
	left: 547px;
}
#gnavi ul li.nav06 {
	position: absolute;
	top: 14px;
	left: 699px;
}
#gnavi ul li.nav07 {
	position: absolute;
	top: 14px;
	left: 826px;
}



#wrapper #footer {
	width: 100%;
	position: absolute;
	/* top: 717px; */
	height: 100px;
}


#feature #wrapper #footer {
	top: 1745px;
}
#basicinfo #wrapper #footer {
	top: 1015px;
}



#footerInner {
	width:1080px;
	margin:0 auto;
	position:relative;
	zoom:1;
}
#footerInner #sound {
	position: absolute;
	left: 778px;
	top: 7px;
}
#footerInner #copyright {
	position: absolute;
	right: 2px;
	top: 54px;
}

#footerInner #topbn01{
	position: absolute;
	right: 2px;
	top:77px;
}


#footerInner #snsList {
	position:absolute;
	left:0;
	top:54px;
}
#footerInner #snsList li {
	float:left;
	margin-right:23px;
	line-height:1;

	overflow: hidden;
	height: 20px;
}
#footerInner #snsList li img {
	vertical-align:bottom;
}



/* 	feature
---------------------------------------------------------- */
#feature .title01,
#basicinfo .title01 {
	text-align:center;
	padding-top:181px;
}
#feature .bg01 {
	width:941px;
	height:1421px;
	background: url(../images/feature_bg01.png) no-repeat 0 0;
	padding:29px 0 0 27px;
	margin:-6px auto 0;
}
#basicinfo .bg01 {
	width:941px;
	height:679px;
	background: url(../images/basicinfo_bg01.png) no-repeat 0 0;
	padding:29px 0 0 27px;
	margin:-6px auto 0;
}

#feature .pagetotop,
#basicinfo .pagetotop {
	text-align:center;
	margin-top:-11px;
}
#basicinfo .pagetotop {
	text-align:center;
	margin-top:-11px;
}


.aC {
	text-align:center;
}
.mb20 {
	margin-bottom:20px;
}


/* 	Clearfix Property
---------------------------------------------------------- */
*:first-child+html #snsList {
	display:inline-table;
	zoom:1;
}

#snsList:after {
	content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}