#container{
	background:url(img/back.png) 50% 0% repeat-y;
}

#sitename a{
	display:block;
	position:absolute;
	top:40px;
	left:565px;
	width:176px;
	height:80px;
	z-index:5;
	background:url(img/logo.png) no-repeat;
}


#ptitle{
	z-index:1;
	width:750px;
	height:41px;
}

#sitename a,#ptitle{
	text-indent: 100%;
 	white-space: nowrap;
 	overflow: hidden;
}

#body{
	background:url(img/grid.png) repeat;
}

.box{
	margin:10px 0 15px 30px;
	padding:5px;
}

.navi{
	text-align:right;
}

.navi li{
	display:inline-block;
	margin:10px 5px 10px 0px;

}

/* キャラクター紹介用 */

img.box{
	display:inline-block;
	margin:70px 0 110px;
}

a.box{
	padding:0;
	margin-left:20px;
}

/* あらすじ */
p.box{
	position:absolute;
}

/* 説明画像 */
.inimg{

	list-style:none;
	padding:0 0 0 500px;
}

.inimg li{
	line-height:50px;
}

/*IE用*/
@media all and (-ms-high-contrast: none){
.inimg li img{
	padding:0 0 12px 0;
  }
}

/* キャラ説明 */

.scinfo,.cinfo,.minfo{
	position:absolute;
	width:340px;
}

.scinfo{
	margin:0 auto;
}

.scit,.cit{
	color:#fff;
	padding:2px 5px;
	font-weight:bold;
}

.scip,.cip{
	font-size:12px;
	padding:2px 5px;
	background:#fff;
}

.minfo{

}

/* 各キャラ位置 */
.cleft,.cright{
	position:absolute;
	margin-top:30px;
	z-index:4;
}

.cleft{
	left:20px;
}

.cright{
	right:20px;
}

/* 各キャラキャプション */

#pwhite{
	top:145px;
	right:0;
	left:0;
	margin:0 auto;
	border:1px solid #05c;
	background:#05c;
}

#pblack{
	top:620px;
	left:25px;
	border:1px solid #50c;
	background:#50c;
}

#pgreen{
	top:620px;
	right:25px;
	border:1px solid #0c5;
	background:#0c5;
}

#ired{
	
}

#pred{
	top:160px;
	left:180px;
	border:1px solid #c33;
	background:#c33;
}

#iwill{
	
}

#pwill{
	top:280px;
	right:180px;
	border:1px solid #98a;
	background:#98a;
}

#iyellow{
	top:370px;
}

#pyellow{
	top:430px;
	left:180px;
	border:1px solid #ba3;
	background:#ba3;
}

#iblue{
	top:370px;
}

#pblue{
	top:540px;
	right:180px;
	border:1px solid #33a;
	background:#33a;
}

#iorange{
	top:620px;
}

#porange{
	top:670px;
	left:180px;
	border:1px solid #c83;
	background:#c83;
}

#ilblue{
	top:620px;
}

#plblue{
	top:790px;
	right:180px;
	border:1px solid #3bc;
	background:#3bc;
}

#igray{
	top:900px;
}

#pgray{
	top:930px;
	left:180px;
	border:1px solid #888;
	background:#888;
}

#igold{
	top:900px;
}

#pgold{
	top:1050px;
	right:180px;
	border:1px solid #aa3;
	background:#aa3;
}

/* メカニック編 */

.mimg{
	position:absolute;
	display:block;
	z-index:3;
}

.minfo{
	width:320px;

}

img#igaia{
	top:20px;
	left:120px;
}

div#pgaia{
	top:130px;
	left:260px;
	margin:0 auto;
	border:1px solid #05c;
	background:#05c;
}

div#pgaia p{
	padding-left:80px;
}

img#ihades{
	top:280px;
	left:20px;
}

div#phades{
	top:390px;
	left:140px;
	border:1px solid #50c;
	background:#50c;
}

div#phades p{
	padding-left:80px;
}

img#ilumber{
	top:400px;
	right:0;
}

div#plumber{
	top:520px;
	left:290px;
	border:1px solid #0c5;
	background:#0c5;
}

div#plumber p{
	padding-right:80px;
}

#isbf{
	bottom:0px;
}

#psbf{
	bottom:70px;
	left:380px;
	color:#333;
	border:1px solid #ccc;
	background:#ccc;
}

#sbf p{
	color:#333;
}