番号を付けての、長文説明サイト向け。
さわやかな青をイメージしましたが、使い道は多用？

<div class="menutop1">〜 </div>の間にメインタイトルを入れてください。
ご存知のとおり、「gifイメージ」は”01” ”02” ”03”・・・・”09”まで用意してあります。
それぞれスタイルシートで表示されるようにしてあるので、メインタイトルを増やす・減らすは次へ

例えば”01”が<div class="menutop1">〜 </div>の間に。
”02”が<div class="menutop2">〜 </div>の間に。
”03”が<div class="menutop3">〜 </div>の間に。
といった具合にそれぞれタイトルを入れてください。
”09”を表示させたい場合には<div class="menutop9">〜 </div>の間にタイトルを。

消したい場合には <div class="menutop*">〜 </div>を丸ごと追加したり、消したりでOKです。
タイトルとは別に説明文は次へ

説明文の挿入は <div class="menutop*">〜 </div>のすぐ下に、 <div class="contents">〜 </div>を追加して、”〜”の部分にテキストを。改行<br>を入れる必要はなくそのまま追加したり消したりでOKです。
簡単とは思います。

コンテンツ部分は幅700ピクセルにしてありますが、ポータルサイトを意識して上段と下段は画面いっぱいに表示させるようにしました。
が、好みによってはそろえたほうがいいという方は、この方法で。

上段はテーブルタグで作ってあるので、 width="100%"　を　width="700"にしてください。
問題は下段で、スタイルシートで作ってあるので、メモ帳でスタイルシートを開いてください。（いつもどおりでは見えないのでプルダウンメニューで”すべてのファイル”に指定してください）
すると、良く見ると「.footer」の中に「width: 100%;」があるので、「width: 700px;」にするおピッタリと行きます。お試しあれ。

スクロールバーの色を変更してあります。
元に戻したい場合には、メモ帳でスタイルシートを開き、body { scrollbar-base-color: #0099ff;}を削除します。

09