/* ------------------------------------------------------------------------------------ */
/* デザイン設定は、このファイルで全て行えます						*/
/* 基本的に、色設定は#369(=#336699)のようになっている部分を書き換えればOK		*/
/* 左寄せ、中央寄せについては、leftやcenterを書き換えればOK				*/
/* それ以外の細かい記述については…スタイルシートの解説ページを参照してください(汗;	*/
/* ------------------------------------------------------------------------------------ */

/* フォントサイズと行間の設定 */
body,tr,td,th { font-size: 9pt; line-height: 130%; }

/* <BODY>タグの設定 */
body {
background-color : #F9F9F9;		/* 背景色の設定 */
background-image : url(http://homepage2.nifty.com/nan_tama/question/k_mizu21.gif);	/* 背景画像の設定「()」を変更 */
color:#666; 				/* 基本の色設定 */
background-attachment: fixed;

/* スクロールバーの設定。デフォルトがいいなら、以下8行を削除( }は消しちゃダメ) */
scrollbar-base-color : #CEF;
scrollbar-face-color : #CEF;
scrollbar-arrow-color : #FFF;
scrollbar-3dlight-color: #69F;
scrollbar-highlight-color : #BCF;
scrollbar-shadow-color : #BCF;
scrollbar-darkshadow-color : #69F;
scrollbar-track-color : #E9F3FF;
}

/* リンクの設定 */
a:link { text-decoration:none; color:#708090; }	/* 未クリックのリンク設定 */
a:visited { text-decoration:none; color:#808080; }	/* クリック済みのリンク設定 */
a:active { text-decoration:none; }		/* クリックされた瞬間のリンク設定 */
a:hover { color:#FFA500 }			/* マウスが乗っている状態のリンク設定 */

/* フォームの色設定 */
textarea,input,select{ background-color : #FFFAFA ; font-size:10pt; }


/* 各種デザイン設定 */
/* (1)全てのページにに共通するもの */
.title { font-size : 11pt; color:#BC8F8F; font-weight:bold; text-align : center; }	/* タイトルの設定 */

/* (2) 回答ページの設定 */
.form { margin-left: 30px; }							/* 回答フォームの設定 */
.que { font-weight:bold; color:#6B8E23; margin-left: 30px;}	/* 質問（Q.○○・・・）の設定 */
.ans { margin-left: 50px;}							/* 回答の設定 */

/* (3) フレームOFFの時のトップページに関するもの */
.table { border-style: none; }						/* テーブルの設定（枠をどうするか） */
.tr1 { text-align:center; background-color:#B0C4DE; font-weight:bold; }	/* テーブルの見出し部分背景色、太字にするかどうか */
a.a1:link { color:#4682B4; }						/* テーブル見出し部分の文字色 */
a.a1:visited { color:#4682B4; }						/* テーブル見出し部分の文字色(上と同じにする) */
a.a1:hover { color:#F5FFFA; }						/* テーブル見出し部分の文字色(マウスが乗ったとき) */

.tr2 { background-color:#E6E6FA; text-align:center; }			/* テーブルの本体部分の背景色、およびセンタリングするかの設定 */
.tr3 { background-color:#FFF0F5; text-align:center; }			/* 本体部分は、↑とこの色で縞模様になります。それが嫌なら上と同じ色に */
.new { color:#F63; }							/* 新着記事の日付部分を、どんな色に変えるか */
small{ font-size : 10pt; }						/* 日付の大きさ(これだけ小さくしている) */

/* (4) フレームONの時の左ページに関するもの */
.table1{ border:3px double #889FFF; }			/* メインテーブル外側の線（太さ・形状・色） */
.table2{ border:1px solid #c6cfff;background-color: #FFFFE0; }			/* メインテーブル内側の線（太さ・形状・色） */
.table3{ border:4px double #778fff;background-color: #FFF0F5; }			/* 「新着順に全表示」となってる部分（太さ・形状・色） */

/* (5) フレームONの時の右ページに関するもの */
.table4 { border-style: none; width:450 }				/* メインテーブルの設定 */
.tr4 { background-color:#E6E6FA; text-align:right; }	/* 左側の設定（「名前」「Pass」などの部分） */
.tr5 { background-color:#F0FFFF; text-align:left; }	/* 右側の設定（入力部分） */
