/*CSSファイルで検索上位ヒットに戻る*/

/*あなたのする事*/

/*ここに表示されているものを、メモ帳などにコピーペして、ファイル名をbase.cssとして、css11.htmなどと同じフォルダに保存してください。*/
/*以下の1から3のようにすると簡単です。*/
/*1.このページで、右クリック→全て選択。次に右クリック→コピー。*/
/*2.メモ帳を開き、右クリック→貼り付け。*/
/*3.メモ帳で、ファイル→名前をつけて保存。ファイル名をbase.cssとして、css11.htmなどと同じフォルダに保存してください。*/
/*保存したら、このcssFILE1.htmは閉じてください。*/
/* 全体構造------------------------------*/
@charset "Shift_JIS";
* { margin : 0 ; padding : 0 ; }/*マージン、パッティングは原則0*/
body { width : 100% ; background:RGB(180,170,90); color:RGB(00,00,00); font-size:medium;}
.menutytle{color:RGB(255,150,00);}/*■メニュー■をオレンジ色にする*/

/* ヘッダ(先頭の部分)------------------------------*/
#header {width : 100%;margin :2 0 0 0;
border-top:2px solid RGB(200,200,200);border-bottom:2px solid RGB(200,200,200);}/*ヘッダの部分の上下の水平線*/
#logo {float:left;   font-size:x-small;}/*写真の下の文字の大きさ*/
#hright{float:left;}
#header ul{}
#header li {display: inline;padding:0px 0px 0px 1em;}/*リストの改行を抑止して、水平に並べるため*/
#header p{text-align:center;  color:RGB(85,85,85);}/*私からのメッセージの部分の設定*/

/* ページ本体(=ナビゲーション+コンテンツ)------------------------------*/
#pagebody {float:left;background:RGB(180,170,90);}

/* ナビゲーション(左側のサブメニュー)------------------------------*/
#navigation {float:left;  width:235px; background:RGB(0,0,0); color:RGB(200,200,200);}
#navigation ul {list-style-type:disc;list-style-position:outside;padding:10px 0px 10px 16px;}
#navigation li {margin:5px 0px 5px 0px;}

/* コンテンツ(中央右側の文章を書く部分)------------------------------*/
#content {margin-left: 235px;width:100%;line-height:1.3em;padding:5px;background:RGB(190,180,100);}
#content h1 {font-style:italic;   color: RGB(110,70,30);}/*italicは斜字体*/
#content h2 {font-weight:normal;  color:RGB(70,70,20);}/*<h2>と</h2>で囲まれた部分の設定*/

/* フッタ(最後尾の部分)------------------------------*/
#footer {width : 100% ; clear : both ; background:RGB(0,0,0);
border-top:2px solid RGB(200,200,200); border-bottom:2px solid RGB(200,200,200);}/*フッタの部分の上下の水平線*/
#footer ul {padding:10px 0px 10px 0px;}
#footer li {display:inline;padding:0px 0px 0px 20px;}/*sitemapとbbsの回りにに余白を入れるため*/
#footer  {color:RGB(255,255,255);}

/* スクロールバーの色------------------------------*/
html{
	scrollbar-bace-color : RGB(101,130,30);
	scrollbar-face-color : RGB(101,130,30);/*スクロールバーの色*/
	scrollbar-arrow-color : RGB(200,120,70);/*スクロールバーの上下の矢の色*/
	scrollbar-track-color : RGB(191,223,104);/*スクロールバーがない所の色*/
	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);}/*クリックした時の色*/