<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>ロールオーバー効果</title>
<script language="JavaScript">
<!--
function preloadimages() {
image01 = new Image();
image01.src = "home_up.gif";
image02 = new Image();
image02.src = "keijiban_up.gif";
image03 = new Image();
image03.src = "kousin_up.gif";
image04 = new Image();
image04.src = "profile_up.gif";
image05 = new Image();
image05.src = "link_up.gif";}
//-->
</script>
<style type="text/css">
<!--
body { text-align: center;}
-->
</style>
</head>
<body onLoad="preloadimages();" bgcolor="#FF3366">
<img src="welcome.gif" width="400" height="50"><br>
<br>
<a href="home.html" onMouseOver="home1.src=image01.src" onMouseOut="home1.src='home_org.gif'">
<img name="home1" src="home_org.gif" width="97" height="20" border="0"></a><a href="keijiban.html" onMouseOver="keijiban.src=image02.src" onMouseOut="keijiban.src='keijiban_org.gif'">
<img name="keijiban" src="keijiban_org.gif" width="97" height="20" border="0"></a>
<a href="kousin.html" onMouseOver="kousin.src=image03.src" onMouseOut="kousin.src='kousin_org.gif'">
<img name="kousin" src="kousin_org.gif" width="97" height="20" border="0"></a>
<a href="profile.html" onMouseOver="profile.src=image04.src" onMouseOut="profile.src='profile_org.gif'">
<img name="profile" src="profile_org.gif" width="97" height="20" border="0"></a>
<a href="link.html" onMouseOver="link1.src=image05.src" onMouseOut="link1.src='link_org.gif'">
<img name="link1" src="link_org.gif" width="97" height="20" border="0"></a>
</body></html>
