body {
	color: #FFF;
	background-color: #000;
	margin:0;
	padding:0;
}
h1 { float:left;
margin-top:-20px;
padding:0 30px 0 0;}

#container{
	width:100%; height:100%; 
	padding:0; 
	margin:0;
	text-align:center;}

#allbox{
	width:950px;
	height:500px;
	padding-top:0;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#footer{ width:100%;
	   border-bottom:#444 solid 1px;
	   text-align:center;
	   padding-top:20px;}
	   
#navi{
	width:950px;
	height:40px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	padding-top:20px;
	padding-bottom:10px;
	   }
.navi_parts{ padding:0px 15px 0px 15px;
float:left;
 }
 .off_parts{ padding:0px 0px 0px 20px;
float:right;
margin-top:-5px;
 }
 #topimg{ 
 float:left;
 width:640px;
 height:500px;}
 #imggn{
	 float:left;
	 width:310px;
 }
   #imggn p{
	   padding:0;
	   margin:0; 
 }
#copyright{ font-size:10px; letter-spacing:1px; text-align:center; color:#444; padding-top:20px;}




 
#allbox img{
display:block;
}
 
/* マウスオーバーで出現する部分で通常は隠れている */
#allbox a span{
display: none;
}
 
#allbox a:link,
#allbox a:visited,
#allbox a:hover,
#allbox a:active{display:block;}
 

 
/* マウスオーバーで出現する画像の場所を指定 */
#allbox a:hover span{
display:block;
position:absolute;
top:0;
left:0;
}
 
/* マウスオーバーで出現する画像のサイズ */
#allbox a:hover span img{
width: 640px;
height: 500px;
}