@charset"UTF-8";

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:0}

/* setting */
body{
background:url(img/header.jpg) top center no-repeat #000;
font-family:sans-serif;
font-size:100.01%;
font-style:normal;
font-weight:normal;
text-align:center;
}
#header,#menu,.content{text-align:left;width:900px;margin:0 auto;}
#header{height:140px;}
h1{float:left;padding:10px 0 0;}
#backToIndex{float:right;padding:10px 0 0;}
#menu li{display:inline;}

* html #menu{margin-bottom:-3px;}
*:first-child+html #menu{margin-bottom:-3px;}

#concept,#gameflow,#art1,#art2,#symbiote,#interactive,#movie,#spec{text-align:center;background:center top no-repeat;}

#concept{background-image:url(img/concept.jpg);}
#gameflow{background-image:url(img/gameflow.jpg);}
#art1{background-image:url(img/art1.jpg);}
#art2{background-image:url(img/art2.jpg);}
#symbiote{background-image:url(img/symbiote.jpg);}
#movie{background-image:url(img/movie.jpg);}
#interactive{background-image:url(img/interactive.jpg);}
#spec{background-image:url(img/spec.jpg);}

.content{overflow:hidden;position:relative;}
.content span{display:block;margin:0 -100px;}

#artBtn{
display: block;
position:absolute;
right:110px;
top:50px;
}

#movieContent{margin:-105px 0 10px;}

#footer{
border-top:solid 1px #1e1e1e;
padding: 20px 0;
position:relative;
}

#backToTop{
margin: 0 0 -20px;
position:relative;
top:-45px;
text-align:right;
}
#backToTop p{
margin: 0 auto;
width: 900px;
}

a{text-decoration:none;}

/* clearfix */
.clearfix{/zoom:1;}
.clearfix:after{content:'';display:block;clear:both;height:0;}