HEAD内
<link href="http://fonts.googleapis.com/css?family=Gochi Hand" rel="stylesheet" type="text/css"><style type="text/css"><!-- body,td{ line-height:20px; font-size:12px; letter-spacing:3px ; font-family:'Gochi Hand'; }a {text-decoration: none;background-color: #0000ff;}a:hover { background-color: #ff0000; position: relative; top: 1px; left: 2px; text-decoration: none;}--></style>

一覧画面レイアウト（上部）
<center><br><br>＼わくわくする？／<br><table cellspacing="0" cellpadding="0"><tr><td width="1"></td><td rowspan="2"><img src="トップ画像ＵＲＬ"></td></tr><tr><td colspan="2" align="center"><br><br><font size="4"><a href="ＵＲＬ">COCO</a>　<a href="ＵＲＬ">BKM</a>　<a href="ＵＲＬ">RANK</a>　</font></td></tr></table></center>

一覧画面レイアウト（一覧）
<br><table style="border-style:dotted; border-width:4px; border-color:#40aeff; background-color:#ffffff;" width="90%" align="center"><td><blockquote style="margin:0em 1em 0em 1em"><br>#text#<br><br></blockquote><div align="right">#ext_TSUIKI#　<span style="background-color:#0000ff"><font color="ffffff">#date# (#time#)</font></span></div></td></table><br>

一覧画面レイアウト（下部）
※全角＃を半角#に直してご使用下さい
<br><center><font size="3">＃prev_MAE_MAE＃　　＃next_ATO_ATO＃</font></center><br><br>

追記画面レイアウト
<center><br><br>＼どきどきする？／<br><table cellspacing="0" cellpadding="0"><tr><td width="1"></td><td rowspan="2"><img src="トップ画像ＵＲＬ"></td></tr><tr><td colspan="2" align="center"><br><br><font size="4"><a href="ＵＲＬ">COCO</a>　<a href="ＵＲＬ">BKM</a>　<a href="ＵＲＬ">RANK</a>　</font></td></tr></table></center><br><table style="border-style:dotted; border-width:4px; border-color:#40aeff; background-color:#ffffff;" width="90%" align="center"><td><blockquote style="margin:0em 1em 0em 1em"><br>#text2#<br><br></blockquote><div align="right"><span style="background-color:#0000ff"><font color="ffffff">#date# (#time#)</font></span></div></td></table><br><br><br>