メニューは<div id="menu">の『 <li>〜</li>』の中に入れて下さい。表示中のページリンクの『a href="xxx.html"』の後に 『class="on"』 を設定すると 表示中のメニューだけ違う表示（アイコンや文字色等・CSSにて設定済み）ができます。
メニューの数を変えたときは忘れずに、CSS内の以下の太字部分で上下の空白を調整して下さい。
じゃないと数が増えたときにメニューがはみ出ます･･･。
#menu ul li a {
margin : 2px 0px;
padding: 38px 0px;
display: block;
width: 90px;
}
margin : 2px 0px;
padding: 38px 0px;
display: block;
width: 90px;
}