/* lib_page.css  by foussin
   初版: 2008.06.14 Sat 09:45
   最終更新日: ファイルのタイムスタンプの日時
   mailto:foussin@blue.zero.jp */


/***************
 色指定
 ***************/

/* Constants of RGB 216 colors: 00 33 66 99 cc ff */

/* A要素の定義済みクラス。link, visited, active はそれぞれ、通常のリンク、読み込み済みのリンク、クリックされた瞬間のリンク。hover は CSS2 でサポート、マウスをその上に乗せた時の色を指定。IE4.0 や Netscape 6.0 でサポートされた。 */
a:link    { color: blue; }
a:visited { color: 999999; }
a:active  { color: blue; }
a:hover   { color: #ff5500; } /* orange */
    /* 背景:白 text:黒 link:青 vlink:薄灰 alink:赤 で表示 */
    /* vlink="#ccccdd"→bgcolor=black でも white でも可能 */

.red { color: red; }
.orange { color: #ff9966; }
.gryellow { color: #cccc99; } /* グレイッシュyellow */
.lightgreen  { color: #ccffcc; }
.under-construction { color: #cccccc; } /* 【工事中】 */
.bgblack { background-color: black; }
.bgdarkred   { background-color: #440000; }
.bgdarkgreen { background-color: #003300; }
.bgdarkblue  { background-color: #000033; }

/* default background-color class：コンセプト色・規定値 */
/* 季節ごとに背景色を一変させたい時などに使う */
/* Constants of RGB 216 colors:  00 33 66 99 cc ff */
.defbgcolor {
    background-color: #99ff99;
    /* RGB→ R+B=M R+G=Y G+B=C */
    /* #99ff99; → ライトグリーン(春っぽいカンジ？) */
    /* #ccff99; → 薄黄緑(春っぽいカンジ？) */
}


/***************
 マージン指定
 ***************/
/* margin: 1px;             上下左右=1px */
/* margin: 1px 2px;         上下=1px、左右=2px */
/* margin: 1px 2px 3px;     上=1px、左右=2px、下=3px */
/* margin: 1px 2px 3px 4px; 上=1px、右=2px、下=3px、左=4px */

img {
/*     margin: 0px, 10px;   上下 0px, hspace=10(左右の余白) */
    margin: 10px;
}


/***************
 ブロック指定
 ***************/

body {
    color: black;
    background-color: white;
    /* text:黒  背景:白 で表示 */
}

p { text-indent: 1em; }
.txtindent { text-indent: 1em; }

dt { font-weight: bold; }

dd {
    margin-bottom: 6px; /* margin-top: 1em; */
    margin-right : 1em; /* padding: 2em; */
}

pre { font-size: 9pt; }

pre.blk { /* Block要素 */
    color: white;
    background-color: #334444;
    padding: 3px;
    width: 99%;
}
div.block { /* Block要素 */
    color: black;
    background-color: #cccccc;
    border: 1 solid black;
    padding: 3px;
    width: 99%;
}
pre.code { /* Code Block */
    color: black;
    background-color: #ffffcc;
    border: 1px solid gray;
    padding: 5px;
    white-space: pre;
    width: 99%;
}
div.indent {
    margin-left: 2em;
    margin-right: 2em;
}

.fnc-name {
    font-weight: bold;
    padding: 3px 1px 1px 1px;  /* 上右下左(時計回り) */
}

table {
    width: 100%;
    margin-bottom: 9px; /* margin-top: 1em; */
}
caption {
    caption-side: left;
    padding: 4px 1px 1px 1px;  /* 上右下左(時計回り) */
/*  font-size: 71%; */
    color: black;
    font-weight: bold;
}
td {
    background-color: #efefef;
    border: 1px solid gray;
    padding: 5px;     /* 上右下左(時計回り) */
}
/* table.col { border-collapse: collapse; } */
/* table.sep { border-collapse: separate; } */


/***************
 タイトル指定
 ***************/

/* マージンは境界線(ボーダー)の外側：パディングは内側。IEとネスケでは省略値(デフォルト)の違いから margin の解釈が違うので、使わない方が良さそうだ。マージンを指定すると、Internet Explorer では『横スクロール・バー』が表示される場合があるので、やはり使わない方が良さそうだ。
margin-bottom:  margin-top:  ならば横スクロール・バーは出ない。 */

/* 『アマチュア・スタイル!』『fのtinyスクリプト集』『fの試行錯誤prog』 */
h1 {
    padding: 2px 2px 1px 2px;  /* 上右下左(時計回り) */
    font-size: 10pt;
    font-weight: bold;
    width: 99%;
}

h2 {
    background-color: white;
    padding: 1px 1px 1px 8px; /* 上右下左(時計回り) */
    border: 1px solid red;
    font-size: 24pt;
    font-weight: bold;
    width: 99%;
}
h3 {
    color: black;
    background-color: #eeddcc; /* ウォームグレー */
    padding: 3px 3px 2px 3px;  /* 上右下左(時計回り) */
    font-size: 11pt;
    width: 99%;
}
h4 {
    color: #ffffcc;            /* 薄黄 */
    background-color: #000099; /* 紺   */
    padding: 4px 4px 2px 4px;  /* 上右下左(時計回り) */
    font-weight: bold;
    width: 99%;
}
h5 {
    color: black;
    background-color: #ccffff; /* 水色 */
/*  padding: 4px 4px 2px 4px;  上右下左(時計回り) */
    font-weight: bold;
    width: 99%;
}
h6 {
    color: black;
    background-color: white;
    padding: 3px 3px 1px 3px;
    font-weight: bold;
    width: 99%;
}

.size+2 { font-size: 160%; }    /* ＜font size="+2"＞ の代用 */
.size+1 { font-size: 130%; }    /* ＜font size="+1"＞ の代用 */
.size-1 { font-size: 80%; }     /* ＜font size="-1"＞ の代用 */
.size-2 { font-size: 60%; }     /* ＜font size="-2"＞ の代用 */
.size-3 { font-size: 40%; }     /* ＜font size="-3"＞ の代用 */
.center { text-align: center; } /* センター揃え */
.rigtht { text-align: right; }
.left   { text-align: left; }

.through { text-decoration: line-through; }
.under { text-decoration: underline; }
.ita  { font-style: italic; }
.no-break { white-space: nowrap; }  /* 自動改行しない */