背景は少年チラリズム様よりお借りしました。

カラーコード■■

文字色#704b38 背景色#ffffff リンク色#badbc7 アクティブリンク色#ffcccc

HEAD

<style type="text/css"><!-- *{ margin: 0; padding: 0;} body{ letter-spacing:2px; line-height:140%; font-size:12px; font-family:'Century Gothic',Arial,Osaka,Verdana,Helvetica,sans-serif; background:url(//static.nanos.jp/upload/k/kusakao0/mtr/0/0/20150205052355.gif);} a {text-decoration: none; background-color:#ffffff;} a:hover { color: #CEA44E; } .yohaku{ text-align:left; padding: 5px 15px 5px 30px; letter-spacing:2px;} .yohaku2{ text-align:left; padding: 5px 5px 5px 100px;} .line { background-color:#dcf0dc; padding:10px 40px 10px 40px; line-height:150%;} .line a{ color:#ffd0d0; background-color:#ffffdd; } .line a:hover { background-color:#dcf0dc; color: #CEA44E; } span.pink{ border-style: dotted ; border-width: 2px; padding: 2px; background-color:#ffffdd; border-color: #ffd0d0; letter-spacing:2px;} .right { text-align:right;} --></style>

全体レイアウト

<div class="yohaku2"> <font size="5">Site name</font> <span class="pink">up date</span> 2/4 ○○を更新 <a href="">...more</a> </div><div class="line"><a href="">info</a> <a href="">main</a> <a href="">memo</a> <a href="">link</a> <a href="">clap</a> <a href="">res</a> </div><div class="yohaku"> <span class="pink">rank</span> <a href="">rank</a> <a href="">rank</a> <a href="">rank</a> <div class="right">カウンター</div></div>