/* ------------------------------------------------------------------------------------ */ /* 黒背景に用いる場合は、このファイルをstyle.cssと名前を変え、これをベースに配色すると */ /* デフォルトのスタイルシートを使うよりも、楽に設定できると思います。 */ /* 基本的に、色設定は#369(=#336699)のようになっている部分を書き換えればOK */ /* 左寄せ、中央寄せについては、leftやcenterを書き換えればOK */ /* ↑に従えば、スタイルシートが分からない方でも、色変更は簡単にできると思います。 */ /* それ以外の細かい記述については…スタイルシートの解説ページを参照してください(汗; */ /* ------------------------------------------------------------------------------------ */ /* フォントサイズと行間の設定 */ body,tr,td,th { font-size: 9pt; } /* タグの設定 */ body { background-color:#000000; /* 背景色の設定。背景画像はlist.cgi中で設定してください */ color:#dddddd; /* 基本の色設定 */ /* スクロールバーの設定。デフォルトがいいなら、以下8行を削除( }は消しちゃダメ) */ scrollbar-base-color : #CCC; scrollbar-face-color : #999; scrollbar-arrow-color : #FFF; scrollbar-3dlight-color: #666; scrollbar-highlight-color : #CCC; scrollbar-shadow-color : #CCC; scrollbar-darkshadow-color : #666; scrollbar-track-color : #EEE; } /* リンクの設定 */ a:link { text-decoration:none; color:#cccccc; } /* 未クリックのリンク設定 */ a:visited { text-decoration:none; color:#cccccc; } /* クリック済みのリンク設定 */ a:active { text-decoration:none; color:#ffffff; } /* クリックされた瞬間のリンク設定 */ a:hover { text-decoration:underline; color:#cccccc; } /* マウスが乗っている状態のリンク設定 */ /* フォームの色設定 */ textarea,input,select{ background-color : #dddddd ; font-size:10pt; } /* トップページのデザイン設定 */ .title { font-size : 16pt; color:#aaaaaa; font-weight:bold; text-align : center; } /* タイトルの設定(文字サイズ,文字色,太字にするか,文字寄せ) */ .table2 { border-style: none; } /* テーブルの枠線を表示したい場合は、この行を削除 */ .tr1 { color:#000000; background-color:#aaaaaa; font-weight:bold; text-align:center; } /* テーブル見出し部分の文字色、背景色、太字にするかどうか */ .tr2 { color:#cccccc; background-color:#444444; text-align:center; } /* テーブルの本体部分の背景色、およびセンタリングするかの設定 */ .tr3 { color:#cccccc; background-color:#222222; text-align:center; } /* 本体部分は、↑とこの色で縞模様になります。それが嫌なら上と同じ色に */ .new { color:#F63; } /* 新着記事の日付部分を、どんな色に変えるか */ .small{ font-size : 8pt; font-weight:normal; } /* 日付の大きさ(これだけ小さくしている) */ /* 詳細表示ページのデザイン設定 */ .name { font-size : 12pt; color:#eeeeee; background-color:#5f5f5f; text-align:center; font-weight:bold; } /* 名前部分の設定（サイズ,文字色,背景色,太字にするかどうか,文字寄せ） */ .nameL { font-size : 8pt; color:#eeeeee; background-color:#5f5f5f; text-align:left; text-valign:bottom; font-weight:normal; } /* 名前部分の設定（サイズ,文字色,背景色,太字にするかどうか,文字寄せ） */ .nameR { font-size : 8pt; color:#eeeeee; background-color:#5f5f5f; text-align:right; text-valign:bottom; font-weight:normal; } /* 名前部分の設定（サイズ,文字色,背景色,太字にするかどうか,文字寄せ） */ .sw2 { font-size : 16pt; color:#dddddd; background-color:#000000; text-align:center; font-weight:bold; } .sw2b { font-size : 11pt; color:#cccccc; background-color:#000000; text-align:center; font-weight:bold; } .box0 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:center; font-weight:bold; } .box1 { font-size : 10pt; color:#dddddd; background-color:#333333; text-align:center; font-weight:normal; } .box2 { font-size : 12pt; color:#dddddd; background-color:#333333; text-align:center; font-weight:bold; } .box3 { font-size : 12pt; color:#dddddd; background-color:#333333; text-align:center; font-weight:normal; } .img { font-size : 16pt; color:#000000; background-color:#cccccc; text-align:center; font-weight:bold; } .knc0 { font-size : 9pt; color:#000000; background-color:#cccccc; text-align:center; width:100; } /* 項目を表示する部分（文字寄せ,背景色,幅） */ .knc0d { font-size : 9pt; color:#000000; background-color:#999999; text-align:center; width:100; } /* 項目を表示する部分（文字寄せ,背景色,幅） */ .knc2 { font-size : 9pt; color:#000000; background-color:#cccccc; text-align:center; width:200; } /* 項目を表示する部分（文字寄せ,背景色,幅） */ .knc2d { font-size : 9pt; color:#000000; background-color:#999999; text-align:center; width:200; } /* 項目を表示する部分（文字寄せ,背景色,幅） */ .knc4 { font-size : 9pt; color:#000000; background-color:#cccccc; text-align:center; width:400; } /* 項目を表示する部分（文字寄せ,背景色,幅） */ .knc4d { font-size : 9pt; color:#000000; background-color:#999999; text-align:center; width:400; } /* 項目を表示する部分（文字寄せ,背景色,幅） */ .itc0 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:center; font-weight:normal; width:100; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itc0l { font-size : 16pt; color:#dddddd; background-color:#000000; text-align:center; font-weight:bold; width:100; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itc1 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:center; font-weight:normal; width:300; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itl1 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:left; font-weight:bold; width:300; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itr1 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:right; font-weight:bold; width:300; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itc2 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:center; font-weight:normal; width:200; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itl2 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:left; font-weight:bold; width:200; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itr2 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:right; font-weight:bold; width:200; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itc3 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:center; font-weight:normal; width:300; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itl3 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:left; font-weight:bold; width:300; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itr3 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:right; font-weight:bold; width:300; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itc4 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:center; font-weight:normal; width:400; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itl4 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:left; font-weight:bold; width:400; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .itr4 { font-size : 10pt; color:#dddddd; background-color:#000000; text-align:right; font-weight:bold; width:400; } /* 内容を表示する部分（文字寄せ,背景色,幅） */ .f08r { font-size : 8pt; text-align:right; font-weight:normal;} .f08l { font-size : 8pt; text-align:left; font-weight:normal;} .f09r { font-size : 9pt; text-align:right; font-weight:normal; } .f09l { font-size : 9pt; text-align:left; font-weight:normal; } .f09c { font-size : 9pt; text-align:center; font-weight:normal; } .f12r { font-size : 12pt; text-align:right; font-weight:normal; } .f12l { font-size : 12pt; text-align:left; font-weight:normal; } .bf09r { font-size : 9pt; text-align:right; font-weight:bold; } .bf09c { font-size : 9pt; text-align:center; font-weight:bold; } .bf09co { font-size : 9pt; text-align:center; font-weight:bold; color:#000000; background-color:#aaaaaa;} .bf09ce { font-size : 9pt; text-align:center; font-weight:bold; color:#FFFFFF; background-color:#555555;} .bf09l { font-size : 9pt; text-align:left; font-weight:bold; } .bf12r { font-size : 12pt; text-align:right; font-weight:bold; } .bf16c { font-size : 16pt; text-align:center; font-weight:bold; } .bf20c { font-size : 20pt; text-align:center; font-weight:bold; } .bf24c { font-size : 24pt; text-align:center; font-weight:bold; } .bg000 { background-color:#000000;} .bgFFF { background-color:#FFFFFF;} .lplc { color:#000000; background-color:#cccccc; text-align:center; text-valign:middle; font-weight:normal; } .lpll { color:#000000; background-color:#cccccc; text-align:left; text-valign:middle; font-weight:normal; } .lplr { color:#000000; background-color:#cccccc; text-align:right; text-valign:middle; font-weight:normal; } .lprc { color:#dddddd; background-color:#000000; text-align:center; text-valign:middle; font-weight:normal; } .lprl { color:#dddddd; background-color:#000000; text-align:left; text-valign:middle; font-weight:normal; } .lprr { color:#dddddd; background-color:#000000; text-align:right; text-valign:middle; font-weight:normal; } .com1 { text-align:left ; color:#000000; background-color:#cccccc; font-weight:bold; } /* コメント見出し部分（文字寄せ,文字色,背景色,太字にするか） */ .com2 { text-align:center; background-color:#000000; width: 750; } /* コメントの本体部分（文字寄せ,背景色,幅） */ .com3 { color:#dddddd; } /* コメントの本体部分（色） */ /* その他のページの設定 */ .midashi { font-size : 11pt; color:#eeeeee; background-color:#807e75; font-weight:bold; text-align:center; } /* タイトル部分（サイズ,文字色,背景色,太字にするかどうか,文字寄せ） */ .bold { color:#ffffff; font-weight:bold; } /* 強調させる部分部分（文字色,太字にするかどうか） */ .check{ font-size : 10pt; color:#eeeeee; } /* 入力必須項目につける「*」印の書式設定 */ .mail { text-align:right; color:#F9F9FF; background-color:#b4b4b4; font-weight:bold; } /* メール送信フォームでの見出し（[名前]など）設定（文字寄せ,文字色,背景色,） */ .chkBox { background-color:#000000; width:11px; height:11px; } .btnX { font-size : 9pt; height:18px; } .iptX { font-size : 9pt; background-color:#ffffff; height:18px; } .rad{height:13px; width:13px}