
<style TYPE="text/css">
<!--
/* 全体 */
body,td { font-size:10pt;
scrollbar-3dlight-color:white;
scrollbar-arrow-color:#191c32;
scrollbar-darkshadow-color:white;
scrollbar-face-color:#191c32;
scrollbar-highlight-color:white;
scrollbar-shadow-color:white;
scrollbar-track-color:white; }
a{ text-decoration:none; }
a:link{ color:black; }
a:active { color:black; }
a:visited{ color:black; }
a:hover{ color:#191c32; }
input,textarea { border:1px solid #191c32;
background-color:white; }

/* ボックス */
.box1{ width:100%; height:400px;
border-top:1px solid; color:red;
border-bottom:1px solid; color:black;
margin-top:10%; }
.box2{ width:880px; height:400px; }

/* メニュー */
.menu{ width:400px;height:400px;
background-image:url(site.gif);
text-align:left;
float:left; }
.menu1{ width:400px;height:102px; }
.menu2{ width:400px;height:76px; }
.menu3{ width:400px;height:120px; }

/* メニュー画像 */
a.m1{ width:60px; height:60px;
margin-top:33px; margin-left:120px;
background-image:url(star1.gif);
float:left; }
a:hover.m1{ background-position:0px -60px; }
a.m2{ width:60px; height:60px;
margin-top:42px; margin-left:19px;
background-image:url(star2.gif); }
a:hover.m2{ background-position:0px -60px; }


a.m3{ width:60px; height:60px;
margin-top:0px; margin-left:54px;
background-image:url(star3.gif);
float:left; }
a:hover.m3{ background-position:0px -60px; }
a.m4{ width:60px; height:60px;
margin-top:16px; margin-left:44px;
background-image:url(star4.gif);
float:left; }
a:hover.m4{ background-position:0px -60px; }
a.m5{ width:60px; height:60px;
margin-top:3px; margin-left:41px;
background-image:url(star5.gif); }
a:hover.m5{ background-position:0px -60px; }

a.m6{ width:200px; height:80px;
margin-top:40px; margin-left:69px;
background-image:url(sitelogo.gif); }
a:hover.m6{ background-position:0px -80px; }

/* フレーム */
.frame{ width:450px; height:400px;
float:right; }

/* 現在の設定値では、メニュー＋アイフレームの幅が.box2の設定幅値より30px足りていないので、メニューとアイフレームの間に30px分のマージンがある。 */
/* アイフレームの幅を広げる・メニューとフレーム間のマージンを調節する場合は、.box2のwidth値も確認するように。 */
/* .box2のwidth値＜メニュー＋アイフレームの幅だとレイアウトが崩れるので注意 */
-->
</style>
