@charset "utf-8";

html{
	background-color:#000;
	color#fff;
}

p{
	color#fff;
}

body{
	
	/*background:url(../img/guide.jpg) top center no-repeat;*/
}


#wrapper{
	display:none;
	width:100%;
	min-width:1024px;
	padding:0;
	margin:0 auto;
	position:relative;
}

#contents{
}

.inner1024{
	width:1024px;
	margin:0 auto;
}

.backtotop{
	cursor:pointer;
}


#top-container{
}

#top-badge{
	position:absolute;
	top:105px;
	left:339px;
	cursor:pointer;
}

/*-----------------------
@contents-navi
-----------------------*/
#contents-navi-container{
	margin:0 auto;
}

.navi-contents ul li {
	cursor: pointer;
	width:86px;
	height:60px;
	display: block;
	float: left;
}

/*-----------------------
@side-navi
-----------------------*/
#navi-container{
	position:relative;
	margin:0 auto;
	min-width:1024px;
}

#side-navi{
	position:absolute;
	width:174px;
	top:341px;
	
}

#side-navi-bg{
	background-color: #d6000a;
	padding: 6px;
	margin:0;
}

#navi-top-bg{
	background:url(../img/navi/navi-top-bg.png) top center no-repeat;
	width:174px;
	height:4px;
	padding:0px;
	margin:0px;
}

#navi-bottom-bg{
	background:url(../img/navi/navi-bottom-bg.png) top center no-repeat;
	width:174px;
	height:5px;
	padding:0px;
	margin:0px;
}


#news{
	width:162px;
	height:70px;
	background:url(../img/navi/news-bg.gif) no-repeat;
	cursor:pointer;
}

#news-txt-area{
	height:20px;
	margin:0 auto;
	padding: 28px 0 0 0;
	color:#fff;
}

#news-txt{
	font-size:11px;
	color:#FFF;
	letter-spacing:1px;
	line-height:1em;
}

.ticker {
	margin:0px 0 0;
	padding:0 11px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.ticker ul {
	width: 100%;
	position: relative;
}


.ticker ul li {
	width: 100%;
	height:39px;
	overflow:hidden;
	display: none;
	font-size:12px;
	line-height:1.5;
}

#sns{
	margin: 13px 0 4px;
}
.sns-btn{
	margin: 0 12px 0 0px;
}

#side-navi img{
	cursor:pointer
}



.side-btn{
	border-bottom:1px #CC3333 solid;
	width:162px;
}

#side-banner-container{
	margin:10px 0 0;
}
.side-banner{
	border-bottom:none;
	margin:5px 0 0;
}


.side-btn img{
	margin:0;
}

a:link a:visit{
	color:#FFF;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}


.margin-none{
	margin:0;
}




#vgrid-area{
	background:url(../img/navi/bg_pattern.jpg) repeat-x;
	padding:10px 0 0px;
	width:100%;
	height:708px;
}

#vgrid-container{
	margin:0 0 0 182px;
}

#vgrid-navi{
}

#vgrid-btn0{
	position:absolute;
	top:0px;
	left:0px;
}

#vgrid-btn1{
	position:absolute;
	top:0px;
	left:562px;
}

#vgrid-btn2{
	position:absolute;
	top:138px;
	left:562px;
}

#vgrid-btn3{
	position:absolute;
	top:0px;
	left:0px;
}

#vgrid-btn4{
	position:absolute;
	top:0px;
	left:281px;
}

#vgrid-btn5{
	position:absolute;
	top:200px;
	left:0px;
}

#vgrid-btn6{
	position:absolute;
	top:200px;
	left:281px;
}

#vgrid-btn7{
	position:absolute;
	top:400px;
	left:0px;
}

#vgrid-navi img{
	cursor:pointer;
}

.box{
	margin:0 0px 8px 8px;
}


/*-------------------
top
--------------------*/
#top{
	background:url(../img/top/bg.jpg) top center no-repeat;
	height: 840px;
	padding:0;
	margin:0;
	border-bottom:5px #FFFFFF solid;
}


/*-------------------
intro
--------------------*/
#intro{
	background:url(../img/intro/bg.jpg) top center no-repeat;
	height: 694px;
}


/*-------------------
story
--------------------*/
#story{
	background:url(../img/story/bg.jpg) top center no-repeat;
	height: 756px;
}


/*-------------------
chara
--------------------*/
#chara{
	background:url(../img/chara/bg.jpg) top center no-repeat;
	height:820px;
}

#chara-ttl{
	position:absolute;
	top:85px;
	left:873px;
}

#chara-txt{
	position:absolute;
	top:307px;
	left:190px;
}

#chara-navi{
	position:absolute;
	width:845px;
	top:330px;
	left:190px;
}

.chara-btn{
	margin:0 8px 11px 0;
}

/*-------------------
staff
--------------------*/
#cassta{
	height: 766px;
}

#cassta-img{
	position:absolute;
	top:53px;
	left:249px;
	z-index:100;
}


/*-------------------
footer
--------------------*/
#footer{
	height: 110px;
}


#cc{
	color: #fff;
	padding: 47px 0 0;
	margin: 0 auto;
	display: block;
	text-align:center;
}


/*-------------------
@preloader
-------------------*/
#preloader {
	width:268px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -134px;
}

#preloader-bg{
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -143px;
	z-index:1;
}

#preloader-ttl{
	padding:0 0 5px;
	
}
#preloader-txt{
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: 55px;
	margin-left: 0px;
	z-index:2;
}

#progress-txt {
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: 90px;
	margin-left:-16px;
	z-index:3;
	color:#FFF;
	font-weight:bold;
	letter-spacing:1px;
}


.loading{
  background: url(../img/loader.gif) no-repeat center center;
}



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

social-container

----------------------*/
#social-container {
	position:absolute;
	width:425px;
	top: 768px;
	left: 523px;
}

.social-btn {
	
	float:left;
	padding:0;
	text-align:left;
}

#twitter-btn{
	width:110px;
}

#fb-btn{
	width:110px;
}

#mixi-btn{
	width:110px;
}
#google-btn{
	width:70px;
}