body { 	margin: 0 auto;
	padding: 0px;
	background-color: #ffffff;
	background-image:url("img/sfo1.jpg") ;
	background-repeat: repeat-x;
 	color: #ffffff;
	font-family: "‚l‚r ƒSƒVƒbƒN", Osaka, Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	}

*html body {overflow-y:auto;}
*+html body {overflow-y:auto;}

#hed1 {	width: 720px;height: 110px;margin: 0 auto;}

#hed2 {	width: 181px;
	height:110px;
	background-image:url("img/hed1.gif");
	background-repeat: no-repeat;
	background-position:0px 0px;
	float: left;
	}

#hed2 h1 {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	}

#hed3 {	width: 539px;
	height:110px;
	margin: 0px;
	padding: 0px;
	text-indent:-9999px;
	background-image:url("img/hed4.jpg");
	background-repeat: no-repeat;
	float: right;
	}

#hed3 a{
	width:220px;
	height:30px;
	margin-top: 80px;
	margin-left: 319px;
	display:block;
	overflow:hidden;
	text-decoration: none;
	}

#hed3 a:hover{	background-image:url("img/hed5.gif");
	background-repeat: no-repeat;}

.nas{	visibility:hidden;}

#menua {margin: 0 auto;
	padding: 0px;
	border-top: 1px solid #333333;
	border-right: solid 3px #2a2a2a;
	border-left: solid 3px #2a2a2a;
	width: 714px;
	height: 30px;
	clear: both;
	}

ul#menu{
	margin: 0 auto;	padding: 0;
	width:100%;list-style:none;
	}
ul#menu li{width:102px;float:left;line-height:0;}
ul#menu a{
	display:block;
	width:102px;
	height:30px;
	text-indent:-1000px;
	background-image:url("img/menu.gif");
	overflow:hidden;
	background-repeat: no-repeat;}

a.atop{background-position:0px 0px;}
a:hover.atop{background-position:0px -30px;}

a.rank{background-position:-102px 0px;}
a:hover.rank{background-position:-102px -30px;}

a.list{background-position:-204px 0px;}
a:hover.list{background-position:-204px -30px;}

a.sys{background-position:-306px 0px;}
a:hover.sys{background-position:-306px -30px;}

a.gallery{background-position:-408px 0px;}
a:hover.gallery{background-position:-408px -30px;}

a.access{background-position:-510px 0px;}
a:hover.access{background-position:-510px -30px;}

a.recruit{background-position:-612px 0px;}
a:hover.recruit{background-position:-612px -30px;}

#main {
	margin: 0px;
	padding-top: 2px;
	width: 720px;
	min-height: 500px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #888888;
	background-color: #000000;
	}

.swf {	margin: 0px;
	padding-top: 2px;
	width: 420px;
	height:245px;
      	text-align: left;
	background-color: #000000;
	float: left;
	}

.mov {	margin: 0px;
	padding-top: 2px;
	width: 300px;
	height:245px;
	background-color: #000000;
	float: right;
	}

.staff a{margin: 0 auto;
	width: 720px;
	height: 125px;
	clear: both;
	display: block;
	text-indent:-9999px;
	background-image:url("img/recruit.jpg");
	background-repeat: no-repeat;
	overflow:hidden;
	}

.staff a:hover{background-position:0px -125px;
	background-repeat: no-repeat;}

.mailmaga {margin: 0 auto;
	width: 720px;
	height: 125px;
	clear: both;
	display: block;
	text-indent:-9999px;
	background-image:url("img/mailmaga.png");
	background-repeat: no-repeat;
	overflow:hidden;
	}


#blog {
	margin: 0px;
	padding-top: 4px;
	width: 420px;
	height:324px;
	background-color: #000000;
	float: left;
	}

.blg1 a{
	width: 420px;
	height:98px;
	text-indent:-9999px;
	display: block;
	overflow:hidden;
	background-image:url("img/blg1.jpg");
	background-repeat: no-repeat;
	background-position:0px 0px;
	}

.blg1 a:hover{background-position:0px -98px;
	background-repeat: no-repeat;}

.blg2 a{
	margin-top: 4px;
	width: 420px;
	height:98px;
	text-indent:-9999px;
	display: block;
	overflow:hidden;
	background-image:url("img/blg2.jpg");
	background-repeat: no-repeat;
	background-position:0px 0px;
	}

.blg2 a:hover{background-position:0px -98px;
	background-repeat: no-repeat;}

.blg3 a{
	margin-top: 4px;
	width: 420px;
	height:98px;
	text-indent:-9999px;
	display: block;
	overflow:hidden;
	background-image:url("img/blg3.jpg");
	background-repeat: no-repeat;
	background-position:0px 0px;
	}

.blg3 a:hover{background-position:0px -98px;
	background-repeat: no-repeat;}

.news {	margin: 0px;
	background-color: #000000;
	padding-top: 4px;
	width: 300px;
	height:300px;
	float: right;
	border:0px;
	}

.news_header {
	margin: 0 auto;
	width: 300px;
	height: 35px;
	text-indent:-9999px;
	background-image:url("img/news_header.gif");
	background-repeat: no-repeat;
	}


.foot {	margin: 0px;
	padding: 0px;
	clear: both;
      	text-align: center;
	width: 720px;
	height:110px;
	background-color: #000000;
	border-top: 1px solid #888888;
	background-image:url("img/foot.gif");
	background-repeat:repeat-x;
	}

h2 {	margin: 40px 0px 0px 0px;
	padding: 0px;
	letter-spacing: 0px;
	font-weight: normal;
	font-size:14px;
	}

h3 {	margin: 6px 0px 0px 0px;
	padding: 0px;
	letter-spacing: 0px;
	font-weight: normal;
	font-size:10px;
	color:#888888;
	}



html {overflow-y: scroll;}
em {font-style: normal;font-size:9px;font-weight: bold;}
strong {font-weight: normal;font-size:9px;}
acronym {font-weight: bold;}
img {display: block;border:0px;vertical-align:bottom;}
img a{display: block;}
address	{margin: 1px 4px 0px 0px;font-style: normal;font-size:10px;color:#888888;}

a {text-decoration: none;}
a:link {color: #ffffff;}
a:visited {color: #cccccc;}
a:active {color: #ff9900;}
a:hover {color: #ff9900;}