body { color: black; background-color: white; margin: 0; padding: 0; }
p.head  /* ヘッダの大きさやマージン、バックグランド、フォント関係定義 */ { color: white; font-size: 14px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; font-weight: bold; font-stretch: ultra-expanded; font-style: italic; background-color: #555; background-repeat: no-repeat; width: 711px !important; height: 90px; margin: 0 !important; padding: 0; border-bottom: 5px solid orange; }
.wrapper  /* 全体の下地の色です。ページ定義枠外の色の選択 */ { background-color: white; }
p.head img  /* ヘッダ内のimgタグでマークのものに適応 */ { vertical-align: middle; margin-right: 50px; }
.contents  /* 本体部分の背景色、大きさ、マージンなど */ { color: gray; background-repeat: no-repeat; position: absolute; top: 100px; left: 180px; width: 510px; height: 1000px; margin: 0; padding: 10px; border-left-width: 0; }
h1  /* 見出し１のスタイル */ { color: blue; font-size: 16px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; font-weight: bold; line-height: 25px; text-decoration: underline; }
h2  /* 見出し２ */ { color: orange; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; border-left-style: solid; }
p.text  /* 本文のスタイル */ { color: #808080; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 1.5em; }
p.footer  /* フッタのスタイル */ { color: #666; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; background-color: transparent; border-top: 1px solid black; }
p.menu  /* サイドバーのサイズと内部のフォントスタイル */ { color: blue; font-size: 12px; font-stretch: semi-expanded; line-height: 2.5em; background-image: url(../img/side_flower_b.jpg); background-repeat: no-repeat; background-position: 0 bottom; text-decoration: none; text-align: center; position: absolute; top: 100px; left: 0; width: 170px; height: 1020px; margin: 0; }
p.menu a  /* サイドバーに表示するリンクボタンのスタイル <a>タグでマークされたものに適応 */ { color: #555; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 2.5em; background-color: white; text-decoration: none; vertical-align: middle; width: 100%; border-right: 2px groove white; border-bottom: 2px groove white; display: block; }
p.menu a:hover  /* リンクボタンにロールオーバーを設定 */ { background-color: #9cf; }
td {}
a:link { color: blue }
a:visited { color: purple }
a:hover { color: purple }
a:active { color: red }