@charset "UTF-8";
/* CSS Document */



.png_bg{}

body {
	background-image: url(../images/common/yozora.jpg);
}

html, body{
		height:	100%;
		margin:	0px;
	}


div#wrapper	{
	width: 950px;
	height: 800px;
	margin: auto;
}

div#content{
	width: 910px;
	margin: auto;
}
p	{text-align: center;}

.relative	{
	position: relative;
}
p.absolute-0	{
	position: absolute;
	top: 150px;
	left:280px;
}
p.absolute-1	{
	position: absolute;
	top: 460px;
	left: 360px;
}
p.absolute-2	{
	position: absolute;
	top: 460PX;
	left: 468px;
}

p.absolute-3	{
	position: absolute;
	top: 460px;
	left: 480px;
}

a.alpha:hover img{
/*モダンブラウザ用*/
opacity:0.8;
/*IE7以下用*/
filter:alpha(opacity=80);
/*IE8用*/
-ms-filter:"alpha(opacity=80)";
}

#rollover01 {width:75px;height:40px;}
a#rollover01:link {background:url(../images/top/top_j.png);}
a#rollover01:visited {background:url(../images/top/top_j.png);}
a#rollover01:hover {background:url(../images/top/top_j_on.png);}
a#rollover01:active {background:url(../images/top/top_j_on.png);}

#rollover02 {width:93px;height:40px;}
a#rollover02:link {background:url(../images/top/top_f.png);}
a#rollover02:visited {background:url(../images/top/top_f.png);}
a#rollover02:hover {background:url(../images/top/top_f_on.png);}
a#rollover02:active {background:url(../images/top/top_f_on.png);}


rollover01 a {
				display:block;
				background : url(../images/top/top_j.png) ;
				width:75px;height:40px;
				position: absolute;
				top: 540px;
				left: 360px;
}

rollover01 a:hover {background  : url(../images/top/top_j_on.png) ;}