ssi-menu.html 、ssi-footer.html は共通です。
CSSファイルは、1カラム用にstyle-c1.css でコントロールしています。
見出し2(H2)の背景は画像で作っていますので追加画像があります。/img-layout/bg_h2-1.jpg です。
基本的なタグの使い方は他ページと同じです。
追加したいレイアウト案がありましたらご相談ください。
親DIV(double)の中にdouble-l(左)とdouble-r(右)が並んでいるレイアウトです。
こちらがdouble-r(右)です。このDIVを閉じた後は必ず br clear を入れてください。
br class="clear" を入れて置かないと回り込みが解除されなくて、DIVが無理やり横に並ぼうとしてレイアウトが崩れる場合があります。
右DIVの後は、クリアしてください。最後に親DIV(double)を閉じたあともクリアします。閲覧環境によってレイアウト崩れを防ぐためです。
画像に、 class="flo-r" というクラスを入れると、左寄になります。
画像に、 class="flo-l" というクラスを入れると、左寄になります。
回り込み解除するときは、br class="clear" で横並びをリセットしてください。
↓仮で、バナーを入れています。センター配置。

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト