div.base{
background-color:ccff66;
}

div.tytle{
width:850px;
height:80px;
background-color:white;
}

img.rogo{
position:absolute;
top:35px;
left:0px;
}

img.rogo1{
position:absolute;
top:0px;
left:0px;
}

img.rogo2{
position:absolute;
top:5px;
left:5px;
}

table.rogo{
position:absolute; 
top:16px;
left:120px;
font-family: "Times New Roman",serif;
font-size:17px;
color:#c1ab05;
}

div.navi{
width:850px;
height:25px;
padding:5px;
background-color:ccff66;
color:432f2f;
}

div.mokuji{
width:150px;
float:left;
background-color:ccff66;
padding:5px;
}


div.main{
height:600px;
margin-left:150px;
background-color:ffffff;
overflow:scroll;
padding:10px;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #cccc99;
scrollbar-shadow-color: #a9a9a9;
scrollbar-3dlight-color: #a9a9a9;
scrollbar-darkshadow-color: #cccccc;
scrollbar-base-color: #cccc99;
scrollbar-arrow-color: #cccccc;
}


div.footer{
clear:both;
width:850px;
height:30px;
background-color:gray;
}

div.cover{
width:850px;
height:775px:
}

div#sample1{
font-family : Verdana;
font-size : 12px;
color: #6e7955;
}

div#sample2{
font-family : "Times New Roman",serif;
font-size : 12px;
color: #666633;
}

div#sample3{
font-family : Verdana;
font-size : 15px;
color: #ff0000;
}

div#sample4{
font-family : Verdana;
font-size :13px;
color: #666666;
}

div#sample5{
font-family : Verdana;
font-size :12px;
color: #000000;
}

div#sample6{
font-family : Verdana;
font-size :12px;
color: #ffffff;
}

div#sample7{
font-family : Verdana;
font-size :12px;
color: #664032;
}

div#sample8{
font-family : "Times New Roman",serif;
font-size : 10px;
color: #666633;
}

div#sample9{
font-family : "Times New Roman",serif;
font-size : 10px;
color: #727171;
}

div#sample10{
font-family : Verdana;
font-size :13px;
color: #666666;
}

div#sample11{
font-family : Verdana;
font-size :14px;
color: #999933;
}

div#sample12{
font-family : Verdana;
font-size :13px;
color: #00947a;
}


p.long{
line-height:1.4;
}

p.long2{
line-height:1.4;
}



p.long:first-letter{
font-size:180%;
padding:0.1em;
color:white;
background-color:red;
}

p.long2{
line-height:1.4;
}

h2{
border-style:solid;
border-width:0px 0px 1px 10px;
border-color:gray;
font-size : 16px;
color : red;
}

h3{
border-style:solid;
border-width:0px 0px 1px 8px;
border-color:gray;
font-size : 13px;
color : red;
}

h4{
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:gray;
font-size : 16px;
color : red;
}

p.#sample1{
border-style:dashed;
border-width:0px 0px 2px 0px;
border-color:white;
font-size : 13px;
}


a:link{
color:#432f2f;
}
a:visited{
color:887f7a;
}
a:hover{
color:red;
}
a:active{
color:red;
}

table{font-family:"Times New Roman",serif;
font-size:12;
color:#000000;
}

img.gazou{
border:solid 2px #c1ab05;
padding:5px;
}

img.abc{
border-width:0px;
}
a img{
border-width:0px;
}




<div class="cover">
<div class="base">

<span id="sample1">
<div class="tytle">
<a name="first">
<img src="hito5.gif" CLASS="ROGO">
<center><a href="index.html"><img src="title1.gif" CLASS="abc"></a></center>
</div>

<div id="sample1">
<div class="navi" style="font-size :13px";>
<a href="index.html">HOME</a> |
<a href="info.html">インフォメーション</a> |
<a href="di.html">日記</a> |
<a href="tra.html">サッカー観戦日記</a> |

<!--スポットライト//-->
<SPAN onmouseover="Doc15.style.display='inline'" onmouseout="Doc15.style.display='none'"><u>スポットライト</u>｜
<SPAN id=Doc15 style="display:none; position:absolute; left:320; top:15ex; background-color:ccff66">
<table border="1" bordercolor="#82ae46" cellspacing="0">
<tr><td height="17" background="image5.gif"><a href="spot.html"><div id="sample7">投稿最新版</a></td></tr>
<tr><td background="image5.gif" height="17"><a href="spot_new.html"><div id="sample7">投稿過去ログ</a></td></tr>
</table>
</SPAN>
</SPAN>



<!--ゲストブック//-->
<SPAN onmouseover="Doc2.style.display='inline'" onmouseout="Doc2.style.display='none'"><u>ゲストブック</u>｜
<SPAN id=Doc2 style="display:none; position:absolute; left:390; top:15ex; background-color:ccff66">
<table border="1" bordercolor="#82ae46" cellspacing="0">
<tr><td height="17" background="image5.gif"><a href="http://acenumber1020.1616bbs.com/bbs/"><div id="sample7">ゲストブック</a></td></tr>
<tr><td background="image5.gif" height="17"><a href="bbs.html" target="_blank"><div id="sample7">ゲストブック過去ログ</a></td></tr>
</table>
</SPAN>
</SPAN>


トピックス</a> |
<a href="mailto:fantasista_tsukasa@hotmail.com?subject=Message from HP"onFocus="this.blur()">メール</a> |
<a href="link2.html" onFocus="this.blur()">リンク集</a> |
<script Language="javaScript"><!--
function hiraku(){
window.open('yome.html','aaa','width=370,height=500,scrollbars=yes');
}
//--></script>

<a href="JavaScript:hiraku('yome.html');">ヨメのつぶやき</a>
</div>

<div class="mokuji" id="sample4">
<br>
for English
<h2><b>Contents</b></h2>
<table border="0">
<tr><td width="130" background="image11.gif"><a href="index.html"><div id="sample6">Home</a></td></tr>
<tr><td background="image11.gif"><a href="wan.html"><div id="sample6">Wanted/Offered</a></td></tr>
<tr><td background="image11.gif"><a href="spot.html"><div id="sample6">Spotlight</a></td></tr>
<tr><td background="image11.gif"><a href="spot_new.html"><div id="sample6">Back Number</a></td></tr>
<tr><td background="image11.gif"><a href="http://acenumber1020.1616bbs.com/bbs/"><div id="sample6">Guest Book</a></td></tr>
<tr><td background="image11.gif"><div id="sample6">Topics</a></td></tr>
<tr><td background="image11.gif"><a href="mailto:fantasista_tsukasa@hotmail.com?subject=Message from HP"onFocus="this.blur()"><div id="sample6">E-mail</a></td></tr>
<tr><td background="image11.gif"><a href="link2.html" onFocus="this.blur()"><div id="sample6">Links</a></td></tr>
</table>


<h3><b>Collection list</b></h3>

<SPAN onmouseover="Doc3.style.display='inline'" onmouseout="Doc3.style.display='none'"><u>Liga Espanola</u></p>
<SPAN id=Doc3 style="display:none; position:absolute; left:93px; top:61ex; background-color:ccff66">
<table border="1" bordercolor="#82ae46" width="130" cellspacing="0">
<tr><td background="image5.gif"><A href="bar.html"><div id="sample7">Barcelona</A></td></tr>
<tr><td background="image5.gif"><A href="real.html"><div id="sample7">R.Madrid</A></td></tr>
</table>
</SPAN>
</SPAN>

<SPAN onmouseover="Doc4.style.display='inline'" onmouseout="Doc4.style.display='none'"><u>Premiership</u></p>
<SPAN id=Doc4 style="display:none; position:absolute; left:78px; top:64ex; background-color:ccff66">

<table border="1" bordercolor="#82ae46" width="130" height="17"  cellspacing="0">
<tr><td background="image5.gif"><A href="liv.html"><div id="sample7">Liverpool</A></td></tr>
<tr><td background="image5.gif"><A href="man.html"><div id="sample7">Manchester.U</A></td></tr>
<tr><td background="image5.gif"><A href="ar.html"><div id="sample7">Arsenal</A></td></tr>
</table>
</SPAN>
</SPAN>

<SPAN onmouseover="Doc5.style.display='inline'" onmouseout="Doc5.style.display='none'"><u>Serie A</u></p>
<SPAN id=Doc5 style="display:none; position:absolute; left:51px; top:71ex; background-color:ccff66">

<table border="1" bordercolor="#82ae46" width="130"cellspacing="0">
<tr><td background="image5.gif"><A href="ac.html"><div id="sample7">AC Milan</A></td></tr>
<tr><td background="image5.gif"><A href="ju.html"><div id="sample7">Juventus</A></td></tr>
</table>
</SPAN>
</SPAN>

<SPAN onmouseover="Doc6.style.display='inline'" onmouseout="Doc6.style.display='none'"><u>Others</u></p>
<SPAN id=Doc6 style="display:none; position:absolute; left:49px; top:77ex; background-color:ccff66">

<table border="1" bordercolor="#82ae46" width="130" cellspacing="0">
<tr><td background="image5.gif"><A href="uef.html"><div id="sample7">UEFA club</A></td></tr>
<tr><td background="image5.gif"><A href="fifa.html"><div id="sample7">National team</A></td></tr>
</table>
</SPAN>
</SPAN></p>
<br>
<br>
<br>
<br>
<center><A HREF=http://auctions.yahoo.co.jp/jp/booth/fantasista_tsukasa><IMG ALT="マイ・オークションをごらんください" SRC=http://image.auctions.yahoo.co.jp/button.gif></A></center>
</div>