@charset "UTF-8";

/*----Common----*/
html{
	height:100%;
}

body{
	margin:0;
	background-color:#000;
	height:100%;
}

img{
	border-width:0;
}

#wrapper{
	width:100%;
	min-width:930px;
	min-height:100%;
	position:relative;
}

.clearfix:after {
  content: "　";  
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

#wrap-bottom{
	clear:both;
	height:180px;
}


#header{
	width:100%;
	min-width:930px;
	height:32px;
	position:fixed;
	top:0;
	left:0;
}

#header img{
	display:block;
	margin:0 auto;
}

#sharebutton{
	position:fixed;
	top:81px;
	right:0;
	z-index:1000:
}


#scrl-navi,
#scrl-navi #navi-area,
#scrl-navi #navi-base{
	height:60px;
}

#scrl-navi{
	width:100%;
	min-width:930px;
	position:fixed;
	bottom:0;
	left:0;
}

#scrl-navi #navi-area{
	width:930px;
	margin:0 auto;
	position:relative;
}

#scrl-navi #navi-base{
	width:73px;
	/*margin:0 auto;*/
	background-image:url(../images/common/scrl-navi.png);
	text-align:center;
	position:absolute;
	top:0;
	right:-80px;
}

#scrl-navi #navi-base img{
	margin:0 auto;
}

#footer{
	width:100%;
	height:170px;
	text-align:center;
	background-image:url(../images/common/footer-bg.png);
	background-repeat:repeat-x;
	position:fixed;
	left:0;
	bottom:0;
}


#nav{
	height:43px;
	margin-top:16px;
}

#nav span,
#nav a{
	display:inline;
	display:inline-block;
	zoom:1;
	margin:0;
	height:43px;
	text-indent:-999px;
	font-size:1;
	overflow:hidden;
	margin:0 10px;
}

#nav a{
	background-position:0 0;
}

#nav .active,
#nav a:hover{
	background-position:0 -43px;
}

#nav span{
	background-position:0 -86px;
}

#nav #menu0{/*--HOME--*/
	background-image:url(../images/common/menu0.png);
	width:53px;
}

#nav #menu1{/*--Feature--*/
	background-image:url(../images/common/menu1.png);
	width:89px;
}
#nav #menu2{/*--CHARA--*/
	background-image:url(../images/common/menu2.png);
	width:148px;
}
#nav #menu3{/*--SYSTEM--*/
	background-image:url(../images/common/menu3.png);
	width:110px;
}
#nav #menu4{/*--Mode--*/
	background-image:url(../images/common/menu4.png);
	width:93px;
}
#nav #menu5{/*--movie--*/
	background-image:url(../images/common/menu5-up.png);
	width:56px;
}
#nav #menu6{/*------*/
	background-image:url(../images/common/menu6.png);
	width:71px;
}

#nav #menu7{/*--SCreenshot--*/
	background-image:url(../images/common/menu7.png);
	width:110px;
}

#nav #menu8{/*--STORY--*/
	background-image:url(../images/common/menu8.png);
	width:103px;
}

/*---Contents----*/

.content #wrapper{
}
.content{
	background-image:url(../images/common/contents-bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#content-body{
	padding-top:85px;
}

#content-body #article{
	background-image:url(../images/common/contents-article-bg.png);
	border:2px #b39ced ridge;
	position:relative;
	width:925px;
	margin:0 auto;
	color:#eee;
	font-size:14px;
	line-height:150%;
}

#content-body #article #article-body{
	margin:0 auto;
	width:880px;
	padding-bottom:60px;
}

#content-body #article #article-body .img-box{
	margin-top:10px;
}

#content-body #article #article-body .img-box td{
	padding:0 5px 0 5px;
	vertical-align:top;
}


#content-body #article #article-body .images{ margin-top:20px; }
#content-body #article #article-body .images img{ margin:0 auto;display:block; }


#content-body #article #h1{
	display:block;
	margin:0 auto;
	margin-top:60px;
}

#content-body #article #content-title{
	position:absolute;
	top:0;
	left:0;
}

#content-body #article span.sub{
	font-size:80%;
	color:#999;
}
	


/*-----submenu common----*/

#article #submenu{
	position:absolute;
	top:0;
	right:0;
	height:33px;
	background-image:url(../images/common/submenu-bg.png);
}

#article #submenu span:first-child,
#article #submenu a:first-child{
	margin-left:30px;
}

#article #submenu a,
#article #submenu span,
#article #submenu img.splitter{
	display:block;
	float:left;
	background-position:center 0;
	background-repeat:no-repeat;
	height:29px;
}


#article #submenu span{
	background-position:center -58px;
}

#article #submenu span.active{
	background-position:center -29px;
}

#article #submenu .mark{
	position:absolute;
	top:-14px;
}