<style type=text/css><!--
.td10{background:#f00;}
.td11{color:#fff;font-family:Arial,sans-serif;font-weight:bold;font-size:9pt;background:#A00;}
.td12{background:#666;}
.td13{background:#444;}
a{color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-weight:bold;font-size:9pt;}
--></style>

<script type="text/javascript"><!--
function chg(i){i.style.background='#CCC';}
function rtn(i){i.style.background='#444';}
function clk(i){i.style.background='#C00';}
//--></script>

<table><tr>
<td width="8" height="10" class="td10"></td>
<td width="60" class="td11"> Contents</td>
<td width="8" height="10" class="td12"></td>
<td width="50" onmouseover="chg(this);" onmouseout="rtn(this);" onClick="clk(this);" class="td13"><a href="#"> Topics</a></td>
<td width="8" height="10" class="td12"></td>
<td width="50" onmouseover="chg(this)" onmouseout="rtn(this)" onClick="clk(this);" class="td13"><a href="#"> Photo</a></td>
<td width="8" height="10" class="td12"></td>
<td width="50" onmouseover="chg(this)" onmouseout="rtn(this)" onClick="clk(this);" class="td13"><a href="#"> BBS</a></td>
<td width="8" height="10" class="td12"></td>
<td width="50" bgcolor="#444444" onmouseover="chg(this)" onmouseout="rtn(this)" onClick="clk(this);" class="td13"><a href="#"> Mail</a></td>
<td width="8" height="10" class="td12"></td>
<td width="40" height="10" class="td13"></td></tr></table>