@import "../../../../contents/css/reset.css";
@import "../../../../contents/css/font.css";

/*common*/
*{
	margin:0;
	padding:0;
}
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:url(../images/body_bg.gif) repeat;
}

h1{
	text-indent:-10000px;
	overflow:hidden;
}
h2{
	
}
h3{

}
a{
	color:#4f3b3c;
	outline:none;
}
a:hover{
	color:#ff7444;
}
#title{
	height: 538px;
	background: url(../images/mainimage.jpg) no-repeat center top;
	margin:0px 0px 30px 0px;
}
#title .inner{
	position:relative;
	width:950px;
	margin:0 auto;
}
img{
	vertical-align:top;
}

/*------------------- 
clearfix
------------------- */  
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/**/

/*video*/
#video_area{
	position:absolute;
	width:380px;
	height:240px;
	background:url(../images/video_bg.jpg) no-repeat;
	margin:15px 0px 0px 0px;
	padding:10px;
	top: 234px;
	left:0px;
}


/*spec*/
#spec{
	position: absolute;
	top: 140px;
	left: 417px;
	height: 155px;
	overflow: hidden;
	width: 362px;
}
#spec table{
	width:380px;
	margin:0 auto;
	color:#fff;
}
#spec table th{
	width:80px;
	text-align:right;
	border-right:1px solid #fff;
	padding:3px 15px 4px 3px;
}
#spec table td{
	padding:3px 3px 4px 15px;
}

/*info*/
#info{
	width:600px;
	overflow:hidden;
	margin:0px auto 30px;
	padding:15px 10px 10px 10px;
	border:3px solid #dbd5d3;
	color:#333;
	line-height:1.5em;
	background:#FFF;
}
.info_area{
	clear:both;
	margin:0px 0px 5px 0px;
}
.info_left{
	width:80px;
	float:left;
	color:#b32a05;
}
.info_right{
	width:500px;
	float:right;
}

.info_caption{
	display:block;
	border:1px dotted #CCC;
	background:#FFC;
	padding:5px;
	font-size:0.9em;
	line-height:1.3em;
}


/*qr*/

#qr{
	position: absolute;
	height: auto;
	width: 130px;
	left: 818px;
	top: 70px;
}

/*content*/
#maincontent{
	background:url(../images/bg_header.gif) center top repeat-x;
	color: #fff;
}
#mainnavi{
	clear:both;
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 0 0;
	position:absolute;
	z-index:1;
	top:20px;
}
#mainnavi ul{
	width:650px;
	margin:0px 0px 0px auto;
}
#mainnavi li{
	width:158px;
	float:left;
}
#mainnavi li a{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	width:158px;
	height:93px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
#mainnavi li a:hover{
	margin: 10px 0 0 0;
	height: 93px;
}

/**navi**/
#navi01{
	margin:0px 5px 0px 0px;
}
#navi01 a{
	background:url(../images/navi01_off.png) no-repeat;
}
#navi01 a.selected{
	background:url(../images/navi01_on.png) no-repeat;
}
#navi02{
	margin:0px 5px 0px 0px;
}
#navi02 a{
	background:url(../images/navi02_off.png) no-repeat;
}
#navi02 a.selected{
	background:url(../images/navi02_on.png) no-repeat;
}
#navi03{
	margin:0px 5px 0px 0px;
}
#navi03 a{
	background:url(../images/navi03_off.png) no-repeat;
}
#navi03 a.selected{
	background:url(../images/navi03_on.png) no-repeat;
}
#navi04{
	margin:0px 0px 0px 0px;
}
#navi04 a{
	background:url(../images/navi04_off.png) no-repeat;
}
#navi04 a.selected{
	background:url(../images/navi04_on.png) no-repeat;
}



/**game_content**/
#game_content01{
	padding:150px 30px 0px 30px;
	width:890px;
	height:710px;
	background:url(../images/cube_bg01.png) no-repeat 0px 120px;
}
#game_content02{
	padding:150px 30px 0px 30px;
	width:890px;
	height:710px;
	background:url(../images/cube_bg02.png) no-repeat 0px 120px;
}
#game_content03{
	padding:150px 30px 0px 30px;
	width:890px;
	height:840px;
	background:url(../images/cube_bg03.png) no-repeat 0px 120px;
}
#game_content04{
	padding:150px 30px 0px 30px;
	width:890px;
	height:910px;
	background:url(../images/cube_bg04.png) no-repeat 0px 120px;
}


/**navi**/

/**
#maincontent .contents{
	width: 950px;
	margin: 0 auto;
}
**/

#maincontent .contents{
	width:950px;
	min-height:500px;
	margin:0 auto;
	position:relative;
}

#maincontent .contents h2{
	font-size:0;
}
#maincontent .contents_inner{
	width: 100%;
	overflow: hidden;
	padding: 0 0 5px 0;
	height: auto;
}

.contents_inner h2{
	position:absolute;
	z-index:2;
	overflow:hidden;
}

#contents_bg{
	text-align:center;
}
#official{
	text-align: center;
	margin: 25px auto 10px auto;
	clear: both;
}
#pagetop{
	width:950px;
	margin:0 auto 20px auto;
	text-align:right;
	font-size:0;
	clear: both;
}

/****story****/
#story{
	text-align:center;
}
/****howto****/
#howto div{

}
/****movie****/
#movie .box{
	width:560px;
	margin:0 auto;
	padding:20px 0 0;
	background:#121212;
}
/****dl****/
#download{
}
#download .box{
	width:383px;
	float:left;
	padding:0 0 0 60px;
}
#download .box2{
	width:383px;
	float:right;
	padding:0 60px 0 0;
}
#download .img , #download p{
	padding:0 0 0 40px;
}
#download p{
	padding:15px 0 0 90px;
}

/*footnavi*/
#footnavi{
	text-align:center;
	margin:0px 10px 10px 10px;
}
#footnavi li{
	display:inline;
	
}

/*footer*/
#footer{
	background:url(../images/footer_bg.gif) repeat-x;
	width: 100%;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#caption{
	text-align:center;
}
.attention{
	width:950px;
	margin:20px auto 20px auto;
	text-align:right;
}
#copyright{
	color:#fff;
	margin:0 0 20px 0;
	text-align:center;
}
#copyright a{
	color:#fff;
}