を全ページにかけました（media属性の値をallにしただけです）ので、ネスケ４．ｘを使っている人には素のページが見えるはずです。「どうもこれでは見栄えが…」とお思いの方は、ご自分でお好きにレイアウトしてください（残念ながら、私にはやり方が分かりません。むしろ教えて頂きたいくらいです）。

　どこかで既出かもしれませんが、ＩＥ・ネスケ・ファイアフォックスの３ブラウザで確認済の、『水平線に色を付ける』技をご紹介します（古いブラウザだと無効かもしれません。ご了承ください）。
　水平線要素（hr）にスタイルシートで色を付けるのですが、
・color
・background-color
・border
の３プロパティの値に、同じ色を指定します（borderプロパティのみ、値に『1px』（線の太さ）及び『solid』（線の種類：実線）も指定します）。もし違う色を指定した場合、ブラウザによって水平線の色が変わって面白い…かも知れませんが、私は試したことはありません。
　この技の残念な点は、ＣＳＳチェッカーにかけたときに、思い切りツッコミ…もとい、駄目出しをされることです。Ｗ３Ｃのお墨付きが欲しい方は諦めた方が良さそうです。

　リンクと自己紹介が少々増えた他は、ＣＳＳを中心に手直ししました。
　その時気づいた事を一つ。物の本によると、外部ＣＳＳの最初に＠ｉｍｐｏｒｔとか＠ｃｈａｒｓｅｔとか付けなければならないらしいのですが、それを付けると、何故かｂｏｄｙに指定した色が反映されません。「ＩＥのバグだろう」と思い、ネスケでも確認しましたが、同様でした。私の書き方が悪いのでしょうか。
　とまあ、色々ありましたが最終的に元に戻ったのでまあ良しという事で。次は、枠の部分と色の部分のＣＳＳを別にしようかと思っています。

　ちょっとアレな事になっていますが、近日中に直します。

　数日前より、ＣＳＳだけアップロードしつつ確認作業を行っていましたが、『まあこんなもんかな』というレベルになりましたので、全ページをアップロードしました。
　今回のこだわりは、

1. 文字と背景の、色差・明度差をはっきりさせる


2. セーフカラーのみ使用

というところです。文字が読みづらいと、ストレスが溜まりますから。
　当初、ネスケで見た時に、コンテンツと見出し・本文の頭が揃っていなかったのですが、コンテンツと見出しに枠線を入れたら、なんと頭が揃いました。と同時に、ＩＥだとｐａｄｄｉｎｇを５ｐｘ程取らないと、コンテンツの部分だけ下にずれてしまう現象も直りました。バックと、コンテンツ及び見出しの境界が今一つ見辛いと思ったので、枠線を入れたのですが、こんな効果があるとは！理屈は良く分かりませんが、これは使えます。
　詳しくは、ソースを覗いてみてください。