外部スタイルシート

/* ------------------ 全体設定 --------------------------------- */
/* クラス設定を使わない場合のbody */
body {
background-color: #202020;
}
body { color: #000000; }
body, th, td { font-size: 100%; }
p {
font-size: 100%;
text-align: left;
font-family: "ＭＳ Ｐゴシック";"ＭＳ Ｐ明朝","ＭＳ 明朝", Arial;
}
/* リンク */
a:link { color: #ffff00; }    /* 通常（未アクセス）の色 */
a:visited { color: #00ffff; }    /* アクセス済みの色 */
a:hover { color: #000099; }    /* ポイント時の色 */
a:active { color: #00ff00; }    /* アクティブ時の色 */

/* ------------------ クラス設定 --------------------------------- */
/* body */
.body {
    margin: 0 0 0 18em; 
    padding: 0 0 0 0;
    font-size: 100%;
    font-family: "ＭＳ Ｐゴシック";"ＭＳ Ｐ明朝","ＭＳ 明朝", Arial; 
    }

/* ----------------- 文字 ----------------- */
.black { color: black; }     /* 文字色を黒に指定 */
.red { color: red; }        /* 文字色を赤に指定 */
.blue { color: blue; }       /* 文字色を青に指定 */
.green { color: green; }     /* 文字色を緑に指定 */
.purple { color: purple; }     /* 文字色を紫に指定 */
.fuchsia { color: fuchsia; }     /* 文字色をfuchsiaに指定 */
.maroon { color: maroon; }     /* 文字色をmaroonに指定 */
.aqua { color: aqua; }     /* 文字色をaquaに指定 */
.navy { color: navy; }     /* 文字色をnavyに指定 */
.lime { color: lime; }     /* 文字色をlimeに指定 */
.teal { color: teal; }     /* 文字色をtealに指定 */
.olive { color: olive; }     /* 文字色をoliveに指定 */
.gray { color: gray; }     /* 文字色をgrayに指定 */
.silver { color: silver; }     /* 文字色をsilverに指定 */

.fs30 { font-size: 300%; }    /* 文字サイズを300%に指定 */
.fs25 { font-size: 250%; }    /* 文字サイズを250%に指定 */
.fs20 { font-size: 200%; }    /* 文字サイズを200%に指定 */
.fs18 { font-size: 180%; }    /* 文字サイズを180%に指定 */
.fs15 { font-size: 150%; }    /* 文字サイズを150%に指定 */
.fs12 { font-size: 120%; }    /* 文字サイズを120%に指定 */
.fs10 { font-size: 100%; }    /* 文字サイズを100%に指定 */
.fs9 { font-size: 80%; }    /* 文字サイズを90%に指定 */
.fs8 { font-size: 80%; }    /* 文字サイズを80%に指定 */
.fs7 { font-size: 70%; }    /* 文字サイズを70%に指定 */
.fs6 { font-size: 60%; }    /* 文字サイズを60%に指定 */
.fs5 { font-size: 50%; }    /* 文字サイズを50%に指定 */
.fs4 { font-size: 40%; }    /* 文字サイズを40%に指定 */
.fs3 { font-size: 30%; }    /* 文字サイズを30%に指定 */
.fs2 { font-size: 20%; }    /* 文字サイズを20%に指定 */
.fs1 { font-size: 10%; }    /* 文字サイズを10%に指定 */

.fwn { font-weight: normal; }    /* 文字太さをnormalに指定 */
.fwb { font-weight: bold; }    /* 文字太さをboldに指定 */
.fw7 { font-weight: 700; }    /* 文字太さを700に指定 */
.fw9 { font-weight: 900; }    /* 文字太さを900に指定 */

.lh20 { line-height: 200%; }    /* 行間を200%に指定 */
.lh15 { line-height: 150%; }    /* 行間を150%に指定 */
.lh10 { line-height: 100%; }    /* 行間を100%に指定 */
.lh8 { line-height: 80%; }    /* 行間を80%に指定 */
.ti1{ text-indent: 1em; }    /* 1文字インデント */
.ti2{ text-indent: 2em; }    /* 2文字インデント */
.ti3{ text-indent: 3em; }    /* 3文字インデント */
.ti4{ text-indent: 4em; }    /* 4文字インデント */
.ti5{ text-indent: 5em; }    /* 5文字インデント */

/* ----------------- リスト ----------------- */
.ln { list-style-type: none; }    /* リストマーク無し */
.ld { list-style-type: disc; }    /* リスト黒丸 */
.ld { list-style-type: circle; }    /* リスト白丸 */
.ls { list-style-type: square; }    /* リスト四角 */
.ld { list-style-type: decimal; }    /* リスト数字 */
.lr { list-style-type: lower-roman; }    /* リストローマ数字 */
.li1 { list-style-image: url(../image/mark1.gif); }    /* リスト画像1*/
.li2 { list-style-image: url(../image/mark2.gif); }    /* リスト画像2*/
.li3 { list-style-image: url(../image/mark3.gif); }    /* リスト画像3*/
.lih {
float: left;
width: 150px;
margin-right: 5px;
padding: 2px;
border: 1px #ffb366 solid;
background-color: #303030;
text-align: center;
}    /* 横並びリスト */

/* ----------------- ボックス ----------------- */
/* 左ボックスの設定 */
.leftbox {
    position: absolute; 
    margin: 0; 
    padding: 0;
    background: #303030;
    border-right: 1px solid #000000;
    left: 0px; 
    top: 0px; 
    width: 20em; 
    height: 140%;
    }
/* 左ボックスリスト */
.leftbox ul{margin: 35px 0 0 0; padding: 0 0 0 0px; list-style-type:none;}
.leftbox li{margin: 0 0 0 0; padding: 0 0 0 0px;}
/* 左ボックスリンク */
.leftbox a{
    margin: 10px 0 12px 10px;
    padding: 0 0 0 5px;
    font-size: 100%; 
    display: block;
    width: 18em; 
    height: 1.5em;
    color:# 333;
    border-bottom: 1px dotted #aaa;
    text-decoration: none;
    }
.leftbox a:hover{ color: #7fff00; border-bottom: 1px dotted #000;} /* ポイント時の色 */
.leftbox a:visited { color: #ff6347; border-bottom: 1px dotted #000; }    /* アクセス済みの色 */
.leftbox a:active { color: #008000; border-bottom: 1px dotted #333; }    /* アクティブ時の色 */
.leftbox address{
    margin: 100px 0 0 0px;
    padding: 0 0 0 0px;
    display: block;
    width: 18em; 
    height: 1.3em;
    font-size:100%; 
    color: #333;
    border-bottom: 1px dotted #aaa;
    text-decoration: none;
    }
/* 左ボックス段落 */
.leftbox p{
    margin: 0px 5px 0 5px;
    padding: 0px 5px 0 5px;
    font-size: 70%;
    color: #d3d3d3;
} 
.leftbox div{
    margin: 0px 5px 0 5px;
    padding: 0px 5px 0 5px;
    font-size: 90%;
    color: #d3d3d3;
} 
.leftbox span{
    margin: 0px 5px 0 5px;
    padding: 0px 5px 0 5px;
    font-size: 90%;
    color: #ff8c00;
} 


/* --------右ボックスの設定----------- */
.rightbox {
    position: relative; 
    margin: 0 0 0 25px;
    padding: 0 0 0 15px;
    left: 0px; 
    top: 0px; 
    height: 100%;
    background: #303030;
    z-index: auto;
    overflow: auto; 
}
/* 右ボックス内ボックスの設定 */
.rightbox_in {
    position: relative;
    width: 100%;
    margin: 0px 0 0px 25px;
    padding: 0px 0 5px 15px; 
    background: #303030; 
    z-index: auto;
    overflow: auto; 
    height: 100%;
    }
/* 右ボックス内左ボックスの設定 */
.rightbox_in_L {
    position: absolute;
    width: 100%;
    margin: 0px 0px 0px 25px;
    padding: 0px 0 0px 15px; 
    background: #303030; 
    z-index: auto;
    overflow: auto; 
    height: 80%;
    }
/* 右ボックス内右ボックスの設定 */
.rightbox_in_R {
    position: absolute;
    width: 30%;
    margin: 0px 0px 0px 680px;
    padding: 0px 0 0px 5px; 
    background: #303030; 
    z-index: auto;
    overflow: auto; 
    height: 80%;
    }
/* 右ボックスリスト */
.rightbox ul{
    margin:0 0 0 10px; 
    padding:0px 0px 2px 12px; 
    list-style-type: disc; 
    list-style-position: outside;
}
.rightbox li{
    font-size: 100%;
    margin: 6px 0 0 5px;
    padding: 0 0 0 5px; 
}

/* 右ボックスリンク */
.rightbox a{
    margin: 10px 0 0 0px;
    padding: 0 0 0 0px;
    font-size: 100%; 
    display: block;
    text-decoration: none;
    }

/* 右ボックス段落 */
.rightbox p{
    margin: 0px 5px 0 5px;
    padding: 0px 5px 0 5px;
    font-size: 100%;
    color: #d3d3d3;
} 

/* 右ボックス内ボックスリスト */
.rightbox_in ul{
    margin:0 5px 0 10px; 
    padding:3px 5px 2px 12px; 
    list-style-type: disc; 
    list-style-position: outside;
}
.rightbox_in li{
    font-size: 100%;
    margin: 6px 5px 0 5px;
    padding: 0 5px 0 5px; 
}
/* 右ボックス内ボックス段落 */
.rightbox_in p{
    margin: 0px 5px 0 5px;
    padding: 0px 5px 0 5px;
    font-size: 70%;
    color: #d3d3d3;
} 


/* ------------------ 諸設定 --------------------------------- */

/* ----------------- ヘッダ ----------------- */
/* ヘッダ1 ページタイトル用 */
h1{
    margin: 10px 5px 0 5px; 
    padding: 0 5px 0 5px;
    width: 36em;
    font-size: 200%;
    font-weight: 700;
    color: #4169e1;
}
/* ヘッダ2 左ボックスお知らせ用 */
h2{
    margin: 0px 5px 0 5px;
    padding: 0 5px 0 5px;
    width: 18em;
    font-size: 100%;
    font-weight: 500;
    color: #ff69b4;
}
/* ヘッダ3 左ボックス警告用 */
h3 {
    margin: 0px 5px 0 5px;
    padding: 0 5px 0 5px;
    font-size: 100%;
    font-weight: 700;
    color: #ff0000;
}
/* ヘッダ4 右ボックス雷用 */
h4{
    margin: 0px 5px 0 5px; 
    padding: 0 5px 0 5px;
    font-size: 100%;
    font-weight: 500;
    color: #ee82ee;
}
/* ヘッダ5 右ボックス気象用 */
h5 {
    margin: 0px 5px 0 5px; 
    padding: 0 5px 0 5px;
    font-size: 100%;
    font-weight: 500;
    color: #87cefa;
}
/* ヘッダ6 右ボックス花粉用 */
h6 {
    margin: 0px 5px 0 0px; 
    padding: 0 5px 0 0px;
    font-size: 100%;
    font-weight: 500;
    color: #ff0000;
}