/* darkside.css  by foussin (updated: 2008.07.24 Thu 23:09) */
/* mailto:foosan@ha.bekkoame.ne.jp */
/* mailto:foussin@blue.zero.jp */

body,th,td { color: white; } /* text:白 で表示 */

.red { color: red; }
.orange { color: #ff9966; }
.gryellow { color: #cccc99 } /* グレイッシュyellow */
.lightgreen  { color: #ccffcc; }

/* A要素の定義済みクラス */
a:link    { color: #66ffff; }   /* sky blue */
a:visited { color: #3333ff; }
a:active { color: #ff3300; }    /* orange */
a:hover  { color: #00ff00; }    /* green  */

.bgblack { background-color: black; }
.bgdarkred   { background-color: #440000; }
.bgdarkgreen { background-color: #003300; }
.bgdarkblue  { background-color: #000033; }

.border-red {               /* 編集後記用 */
    border: 1px solid red;
    background-color: black;
    padding: 5px;
    margin:  0px 0px 5px 0px; /* 上右下左(時計回り) */
/*  width: 99%; */
}

pre {
    font-size: 9pt;
    line-height: 12pt;
}

.bldg { /* bldg==ビルディング：編集後記用：ブロック要素のクラス */
    width: 340px;
    padding:  5px 5px 0px 8px;
    margin:  40px 0px 0px 150px; /* 上右下左(時計回り) */
    background-color: black;     /* ビルのシルエット */
}
div.block { /* Block要素(リンクは記述できない) */
    color: black;
    background-color: #cccccc;
    border: 1 solid black;
    padding: 3;
    width: 100%;
}
pre.code { /* Code Block */
    color: black;
    background-color: white;
    border: 1px solid gray;
    padding: 3px;
    white-space: pre;
    width: 100%;
}
div.indent {
    margin-left: 2em;
    margin-right: 2em;
}

/* banner.html専用クラス */
.body-banner {
    color: #ccffcc; /* #ccffcc ライトグリーン：#ffff99 文字薄黄 */
    background-color: black;
    background-image: url(./image/banner_bg2.jpg);
    background-attachment: fixed;       /* スクロールしない */
    background-repeat: no-repeat;
    background-position: left center;   /* left 100% top 100%; */
    text-align: right;
}
.floatleft { float: left; }

/* マージンは境界線(ボーダー)の外側：パディングは内側。IEとネスケでは省略値(デフォルト)の違いから margin の解釈が違うので、使わない方がよさそうだ。 */
h1.default {
    color: #ffff99;        /* 薄黄 */
    background-color: #000066; /* 濃紺 */
    padding: 2px 2px 1px 2px; /* 上右下左(時計回り) */
    margin: 0px;
    border: 1px solid red;
    font-size: 18pt;
    text-align: center;
    font-weight: bold;
    width: 100%;
}
h2 {
    color: white;
    padding: 3px 3px 1px 3px; /* 上右下左(時計回り) */
    border: 1px solid red;
    font-size: 80%;
    font-weight: bold;
    width: 100%;
}
h3 {
    color: #ffffcc;        /* 薄黄 */
    background-color: #444433; /* ウォームグレー */
    border: 1px solid red;
    padding: 3px 3px 2px 3px; /* 上右下左(時計回り) */
    font-weight: bold;
    width: 100%;
}
h4 {
    color: #ffffcc;        /* 薄黄 */
    background-color: #000099; /* 紺 */
/*  padding: 4px 4px 2px 4px;  上右下左(時計回り) */
    font-weight: bold;
    width: 100%;
}
h5 {
    color: black;
    background-color: #ccffff; /* 水色 */
/*  padding: 4px 4px 2px 4px;  上右下左(時計回り) */
    font-weight: bold;
    width: 100%;
}
h6 {
    color: black;
    background-color: white;
    padding: 3px 3px 1px 3px;
    font-weight: bold;
    width: 100%;
}

/* 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; → 薄黄緑(春っぽいカンジ？) */
}

.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; }

.through { text-decoration: line-through; }
.under { text-decoration: underline; }