/* ------------------------------------------------------------------------------------ */
/* デザイン設定は、このファイルでほとんど行えます。					*/
/* 基本的に、色設定は#369(=#336699)のようになっている部分を書き換えればOK		*/
/* 左寄せ、中央寄せについては、leftやcenterを書き換えればOK				*/
/* ↑に従えば、スタイルシートが分からない方でも、色変更は簡単にできると思います。	*/
/* それ以外の細かい記述については…スタイルシートの解説ページを参照してください(汗;	*/
/* ------------------------------------------------------------------------------------ */

/* フォントサイズと行間の設定 */
body,tr,td,th { font-size: 9pt; }

/* <BODY>タグの設定 */
body {
background-color:white;		/* 背景色の設定。背景画像はlist.cgi中で設定してください */
color:gray; 				/* 基本の色設定 */

/* スクロールバーの設定。デフォルトがいいなら、以下8行を削除( }は消しちゃダメ) */
scrollbar-base-color : white;
scrollbar-face-color :white;
scrollbar-arrow-color :gray;
scrollbar-3dlight-color: white;
scrollbar-highlight-color : white;
scrollbar-shadow-color : gray;
scrollbar-darkshadow-color : white;
scrollbar-track-color : white;
}

/* リンクの設定 */
a:link { text-decoration:none; color:gray; }		/* 未クリックのリンク設定 */
a:visited { text-decoration:none; color:gray; }		/* クリック済みのリンク設定 */
a:active { text-decoration:none; color:gray; }			/* クリックされた瞬間のリンク設定 */
a:hover { color:gray }				/* マウスが乗っている状態のリンク設定 */



/* トップページのデザイン設定 */
.title { font-size : 9pt; color:#69F; font-weight:bold; text-align : center; }		/* タイトルの設定(文字サイズ,文字色,太字にするか,文字寄せ) */
.table2 { border-style: none; }								/* テーブルの枠線を表示したい場合は、この行を削除 */
.tr1 { color:gray; background-color:#cccccc; text-align:center; }	/* テーブル見出し部分の文字色、背景色、太字にするかどうか */
.tr2 { background-color:#f0f6ff; text-align:center; }					/* テーブルの本体部分の背景色、およびセンタリングするかの設定 */
.tr3 { background-color:#e0e6ff; text-align:center; }					/* 本体部分は、↑とこの色で縞模様になります。それが嫌なら上と同じ色に */
.new { color:#FF0066; }									/* 新着記事の日付部分を、どんな色に変えるか */
small{ font-size : 9pt; }								/* 日付の大きさ(これだけ小さくしている) */

/* 詳細表示ページのデザイン設定 */
.name { font-size : 9pt; color:gray; background-color:#cccccc;  text-align:center; }	/* 名前部分の設定（サイズ,文字色,背景色,太字にするかどうか,文字寄せ） */
.left { text-align:right; background-color:#e0e6ff; width: 220; }						/* 項目を表示する部分（文字寄せ,背景色,幅） */
.right { text-align:left; background-color:#f0f6ff; width: 300; }						/* 内容を表示する部分（文字寄せ,背景色,幅） */
.com1 { text-align:left; color:gray; background-color:#e0e6ff; }				/* コメント見出し部分（文字寄せ,文字色,背景色,太字にするか） */
.com2 { text-align:center; background-color:#f0f6ff; width: 520; }						/* コメントの本体部分（文字寄せ,背景色,幅） */


/* その他のページの設定 */
.midashi { font-size : 9pt; color:gray; background-color:#cccccc;  text-align:center; }	/* タイトル部分（サイズ,文字色,背景色,太字にするかどうか,文字寄せ） */
.bold { color:#7777FF; font-weight:bold; }									/* 強調させる部分部分（文字色,太字にするかどうか） */
.check{ font-size : 9pt; color:#FF0066; }									/* 入力必須項目につける「*」印の書式設定 */
.mail { text-align:right; color:gray; background-color:#e0e6ff; }				/* メール送信フォームでの見出し（[名前]など）設定（文字寄せ,文字色,背景色,） */
