/*このファイルではテキストの大きさや色などを変更する事が出来ます。
***[基本要素]***
***色の設定は#の後の３桁の数字0からfまでで表現されます。
赤緑青の順番で、0が最も暗くfが最も明るくなります。
***例：赤#f00 緑#0f0 青#00f 白#fff 黒#000 濃い灰色#666 薄い灰色#aaa
***font-size:で文字の大きさを変更できます。
***color:で文字の色を変更できます。
***background:では背景に関する設定が出来ます。
url()の括弧内に画像ファイル名を入れることで背景が表示できます。
*/
/******************************************/
body{/*全体的な設定*/
	margin:0px; 		/*全体の余白*/
	text-align:center;	/*センタリングIEバグ回避用*/
	background:#fff;	/*全体の背景の設定*/
}

/******************************************/
a:link , a:visited , a:hover , a:active{/*リンクフォントの設定*/
	color: #00f;		    	/*リンクの色*/
	text-decoration: underline;	/*リンク下線の設定。underlineで下線有り。noneで下線無し。下線有りが一般的です*/
}
/******************************************/
#baseBlock1{/*コンテンツ全体の設定*/
	font-family:Verdana, "Tahoma,Arial,sans-serif,ＭＳ Ｐゴシック",MS UI Gothic, Osaka;/*フォントの設定*/
	color:#666;             		/*文字色の設定*/
	border-left:1px solid #999; 	/*左枠線の設定*/
	border-right:1px solid #999;	/*右枠線の設定*/
	border-bottom:1px solid #999;	/*下枠線の設定*/
	margin-left:auto;       		/*センタリングのための左の余白*/
	margin-right:auto;      		/*センタリングのための右の余白*/
	width:750px;	        		/*コンテンツ全体の幅*/
	text-align:left;	        	/*IEセンタリングバグ回避用。*/
	background:url(0004.jpg) left repeat-y;	/*コンテンツ背景関係*/
	font-size: 0.82em;      		/*文字サイズ。Internet Explorerの文字のサイズ−中、Firefoxの文字サイズ−標準サイズに合わせてあります。
                   	            	高齢者向けサイトの場合は大きくするなど適宜調節してください*/ 
}
/******************************************/
#title{/*タイトル部分*/
	width:750px;        	    	/*タイトル部分の幅*/
	height:150px;       	    	/*タイトル部分の高さ*/
	border-bottom:1px solid #999;	/*タイトル部分の下枠線の設定*/
	}

/******************************************/
h1{/*タイトル部分のフォント、文字位置の設定*/
	font-size:1.2em;		/*タイトル文字の大きさ 1emでbaseBlock1のfont-sizeと同じ大きさになります*/
	color:#999;		    	/*タイトル文字の色*/
	padding-top:120px;		/*文字上側の余白*/
	padding-left:210px;		/*文字左側の余白*/
	margin:0px;		    	/*Firefoxでの余分な余白を削除*/
	}

/******************************************/
#main{/*メインコンテンツ部分の設定。メニューと反対側の部分になります*/
	width:500px;		/*メインコンテンツの幅*/
	float:right;		/*左メニューor右メニューかの設定。rightで右コンテンツ、leftで左コンテンツ。#menuのfloatの変更も同時に必要。#menuとはright,leftが逆になります*/
	margin:10px;		/*全体に余白*/
	padding-left:10px;	/*文字左側の余白*/
	padding-right:10px;	/*文字右側の余白*/
	padding-top:10px;	/*文字上部の余白*/
	}
/******************************************/
#menu{/*メニュー部分の設定*/
	width:200px;       	/*メニューの幅*/
	float:left;    	   	/*左メニューor右メニューかの設定。rightで右メニュー　leftで左メニュー　#mainのfloatの変更も同時に必要。#mainとはright,leftが逆になります*/
	font-size:0.9em;	/*メニューの文字サイズ*/
	background:#666;	/*メニュー部分の背景の設定*/
	}
/******************************************/
#menu a{/*メニューリンクテキスト部分の設定*/
	padding:20px;	/*余白*/
	color:#ccf; 	/*テキストの色*/
	}
/******************************************/
.m-title{/*メニュータイトルの設定*/
	height:20px;      		        	/*高さ*/
	font-size:1.2em;	            	/*テキストサイズ*/
	border:1px solid #aaa;		    	/*枠線の設定*/
	color:#ccc;			             	/*テキスト色*/
	margin:10px;       		        	/*全体的な余白*/
	padding-left:20px;     	         	/*テキストの左に余白*/
	}
/******************************************/
#footer a{	            	/*ページ下部のリンクテキストのフォント設定*/
	color:#bbb;            	/*テキスト色*/
	text-decoration:none;	/*下線の設定*/
	}
/******************************************/
#footer{/*ページ下部の設定*/
	clear:both;	      		/*floatによるメインコンテンツとメニュー分割の終了*/
	wigth:750px;			/*ページ下部の幅*/
	text-align:center;		/*フッター文字を中心に配置*/
	padding-left:220px;		/*余白*/
	color:#bbb;		    	/*テキスト色*/
	font-size:0.8em;		/*テキストの大きさ*/
	}
/******************************************/
a img{/*画像リンクの設定　余分な物を削除してあります*/
	border-style : none;
	border-width : 0px;	
	text-decoration : none;
	}
/******************************************/

html{/*スクロールバーの色の設定。Internet Explorerのみ適用されます*/
	scrollbar-face-color: #fff;	    	/* バーの色 */
	scrollbar-3dlight-color: #eee; 		/* 左上外側ライン */
	scrollbar-highlight-color: #ddd;	/* 左上内側ライン */
	scrollbar-shadow-color: #ccc;		/* 右下内側ライン */
	scrollbar-darkshadow-color: #bbb;	/* 右下外側ライン */
	scrollbar-arrow-color: #ccc;		/* 矢印 */
	scrollbar-track-color: #fff;		/* トラック部分 */
}
/******************************************/