/* 各指定の意味がすぐわかるように、必ずコメントをつける */



/* 以下は色の指定 */

BODY { color: #000000; background-color: #fff8dc } /* 文字は黒、背景はクリーム色 */

A:link { color: #0000ff }    /* 未訪問リンクの色 blue */
A:visited { color: #800000 } /* 訪問済リンクの色 maroon */
A:active { color: #00ff00 }  /* 訪問中リンクの色 lime */



/* 以下は見出しの指定 */

H1, H2, H3, H4, H5, H6 { color: #000080;          /* 全見出しのテキストの色 navy */
                         border-color: #000080 }  /* 全見出しのボーダーの色 navy */

H1 { text-align: left } /* 左寄せ */



H2 { text-align: left;                      /* 左寄せ */
     margin: 1em 0em 0.5em 0em;             /* マージンは、上が１文字分、左がなし、下が0.5文字分、右がなし */
     padding: 0.6em;                        /* パディングは上下左右に0.6文字分 */ 
     border-width: medium 0em thin 0em ;    /* ボーダーの幅は、上が普通、右がなし、下が細い、左がなし */
     border-style: solid none solid none }  /* ボーダーのスタイルは、上が一重線、右がなし、下が一重線、左がなし */

                                  /* 下記は、H2に画像を使っているとき、ボーダーを出さないために使用する */
H2.with-image { text-align: left;            /* 左寄せ */
                margin: 1em 0em 0.5em 0em;   /* マージンは、上が１文字分、左がなし、下が0.5文字分、右がなし */
                border-style: none }         /* ボーダーのスタイルは、なし */

H3 { text-align: left;                      /* 左寄せ */
     margin: 1em 1em 0.5em 1em;             /* マージンは、上が１文字分、左が１文字分、下が0.5文字分、右が１文字分 */
     padding: 0.4em }                       /* パディングは上下左右に0.4文字分 */ 

H4 { text-align: left;                      /* 左寄せ */
     margin: 1em 2em 0.5em 2em;             /* マージンは、上が１文字分、左が２文字分、下が0.5文字分、右が２文字分 */
     padding: 0.4em }                       /* パディングは上下左右に0.4文字分 */ 





/* 以下は、上下マージンと左右マージンの指定 */

P { margin: 0.5em 2em }

LI { margin: 0.5em 1em }

DD { margin: 0.5em 1em }

DT { margin: 0.5em 1em }

OL { margin: 0.5em 2em }

UL { margin: 0.5em 2em }

DL { margin: 0.5em 2em }

TABLE { margin: 0.5em 2em }




/* 作者情報の指定 */

ADDRESS { font-style: normal } /* イタリックでなく普通の書体で */




/* 以下は汎用の CLASS の指定：
　　・クラス名は「文章中で見栄えを変える根拠」に因んだものにする。
　　・色や大きさなど見栄えを意味するクラス名をつけると、見栄えを
　　　変える必要が生じたときに、該当箇所をすべて書き換えなければ
　　　ならなくなるので要注意。 */


/* 全ページに使用する。 */
.mainbody { margin-right: 5% } /* 右にウィンドウの5%の余白をとる */


/* 「〜へ戻る」などのときに使う。*/
.goback { text-align: right; font-size: small }  /* 右寄せし、サイズをスモールにする */


/* スピーチなどで文字が詰まって読みにくいときに使う。 */
.speech { line-height: 1.6 } /* 行送りを1.6行分にする */


/* ディスカッションなどで、発言者が変わるときに使う。 */
.discussion { line-height: 1.6 ;           /* 行送りを1.6行分にする */
              text-indent: -4em;           /* 行頭のインデントを−４文字分にする */
              margin: 1em 2em 1em 6em }    /* マージンは、上が１文字分、左が２文字分、下が１文字分、右が６文字分 */


/* Welcome のページで使用する。 */
.welcome { line-height: 1.6;   /* 行送りを1.6行分にする */
           margin: 1em 4em;    /* 上下マージンは１文字分、左右マージンは４文字分 */
           font-size: 1.3em }  /* フォントサイズを1.3倍にする */


/* 特に注意をひく必要のある注釈に使う。 */
.note  { text-indent: -4em;   /* 行頭のインデントを−４文字分にする */
         margin: 1em 2em 1em 6em;    /* マージンは、上が１文字分、左が２文字分、下が１文字分、右が６文字分 */
         font-weight: bold;  /* フォントをボールドにする */
         font-size: 1.3em }  /* フォントサイズを1.3倍にする */


/* ふつうの注釈に使う。 */
.small-note  { text-indent: -4em;   /* 行頭のインデントを−４文字分にする */
               margin: 1em 2em 1em 10em }    /* マージンは、上が１文字分、左が２文字分、下が１文字分、右が10文字分 */