/*ここに表示されているものを、メモ帳などにコピー、ペーストして、ファイル名をbase.cssとして、11.htmなどと同じフォルダに保存してください*/
/*右クリック→全て選択。右クリック→コピー。とすると、簡単です*/
/*保存したら、このcssFILE2.htmは閉じてください。*/
@charset "Shift_JIS";
/* 全体構造*/
body {margin:0; padding:0; background:RGB(170,220,170);}
.menutytle{color:RGB(30,130,30);}/*■メニュー■を緑色にする*/
/*---------------------------------------------------- */
/*ラッパー（＝ページ本体＋ヘッダ＋フッタ）*/
#wrapper {width:775px; background:RGB(150,200,150);}
/*---------------------------------------------------- */
/* ページ本体（＝ナビゲーション＋ヘッダ＋）*/
#pagebody {width:765px; margin:8em 5px 0 5px; background:RGB(20,50,20);
border-top:3px solid RGB(200,200,200);}
/*---------------------------------------------------- */
/* コンテンツ（中央右側の文章を書く部分）*/
#content {float:right; width:525px;line-height:1.3em;padding:10px;;
background:RGB(150,200,150); color:RGB(30,120,30);}
#content h1 {color:RGB(20,50,20);}
#content h2 {color:RGB(00,70,00);}/*＜h2＞と＜/h2＞で囲まれた部分の設定*/
#content h3 { color:RGB(70,70,20);}
/*---------------------------------------------------- */
/* ナビゲーション（左側のサブメニュー）*/
#navigation {float:left; width:235px; background:RGB(0,0,0); color:RGB(255,255,255);}
#navigation ul { border-bottom:1px solid RGB(200,200,200);
list-style-position:outside; margin:0px 0px 0px 0px; padding:10px;}
#navigation li {margin:5px 0px 5px 0px; padding:0;}
/*---------------------------------------------------- */
/* ヘッダ（先頭の部分）（＝logo＋hright）*/
#hwrapper{position:absolute; top:0px; left:0px; width:765px;}
#header {position:relative; top:0px; left:0px;}
#logo {float:left; width:130px; font-size:small;}
#hright{float:left; margin:0px 0px 0px 30px;}#hright ul {margin:0px; padding:0 0 0.5em 0; }
#hright li {margin:0px; padding:0 0 0 0; display: inline; text-transform:uppercase;}
#hright li a {margin:0px; padding:0 0 0 2px; }#s1{color:#dd7700}
#s2{color:#cc8800}
#s3{color:#bb9900}
#s4{color:#99bb00}
#s5{color:#779900}
#s6{color:#557700}
#s7{color:#335500}
#s8{color:#113300}
/*---------------------------------------------------- */
/* フッタ（最後尾の部分）*/
#footer {width : 100% ; clear : both ; background:RGB(20,50,20);color:RGB(255,255,255);
border-top:2px solid RGB(200,200,200);}/*フッタの部分の上の水平線*/
#footer ul {width:525px; margin:0; padding:10px 10px;
list-style:none; text-align:right; font-size:small;}
#footer li {padding:10px 10px; display:inline;}
/*---------------------------------------------------- */
/* スクロールバーの色の設定*/
HTML{ LANG="ja":
scrollbar-base-color : RGB(101,130,30);
scrollbar-face-color : RGB(30,80,30);/*スクロールバーの色*/
scrollbar-arrow-color : RGB(200,120,70);/*スクロールバーの上下の矢の色*/
scrollbar-track-color : RGB(150,200,150);/*スクロールバーがない所の色*/
scrollbar-3dlight-color : RGB(100,100,40);/*外枠の左上。ただし、細いから目立たない*/
scrollbar-darkshadow-color : RGB(80,80,20);/*外枠の右下*/
scrollbar-highlight-color : RGB(180,80,40);/*内枠の左上*/
scrollbar-shadow-color : RGB(160,60,20);}/*内枠の右下*/
/*---------------------------------------------------- */
/* リンクの色の設定*/
a:link {color:RGB(00,80,255); background:transparent;}/*未訪問のリンクの色*/
a:visited {color:RGB(180,00,180); background:transparent;}/*訪問済みのリンクの色*/
a:hover {color:RGB(255,255,255); background:RGB(255,140,50);}/*マウスを重ねた時の色*/
a:active{color:RGB(255,255,255); background:RGB(255,00,00);}/*クリックした時の色*/