body{
	margin: 0px;
	padding: 0px;
	background: #FFF;
	text-align:center;
	background-image: url(img/page_bg.gif);
	background-repeat: repeat-y;
	background-position:center;
	background-attachment: scroll;
	color:#444;
    width:100%;
}


#container{
	display:brock;
	background-image:url(img/head.gif);
	background-repeat:no-repeat;
	width:650px;
	text-align:left;
}

#container h1{
	position:relative;
	left:-999px;
}


#container .main{
	margin:30px 25px;
}

/*/ロールオーバーリンク/*/


#container .navi{
	display:block;
	position:relative;
	top:15px;
	left:275px;
}


#container .navi li{
	list-style:none;
	padding:0px 1px;
	display:inline;
}


#container .navi a{
          width:61px;
          height:21px;
}

#container em{
	          text-indent:-999px;
}

#container a.index{
       background-image:url(img/top.gif);
}


#container a:hover.index{
             background-image:url(img/top02.gif);
}


#container a.about{
          background-image:url(img/about.gif);
}


#container a:hover.about{
                background-image:url(img/about02.gif);
}


#container a.illust{
     background-image:url(img/illust.gif);
}


#container a:hover.illust{
           background-image:url(img/illust02.gif);
}


#container a.meno{
       background-image:url(img/meno.gif);
}


#container a:hover.meno{
             background-image:url(img/meno02.gif);
}

#container a.link{
	background-image:url(img/link.gif);
}

#container a:hover.link{
	background-image:url(img/link02.gif);
}


.footer{
	display:block;
	width:650px;
	text-align:right;
	color:#107DFF;
	margin: 0px;
	padding:10px 25px 30px 0px;
	clear:both;
	background-color:#107DFF;
}