/*メモ帳での編集に合わせて余白などを設定してあります。ほかのツールでも支障ありませんが、メモ帳が一番綺麗に見えます。
一部各要素の順番を変えるとうまく表示されない場合があります。*/
/******************************************/
body{
	margin:0px;					/*初期値のリセット (0pxでも指定必要)*/
	padding:0px; 					/*初期値のリセット (0pxでも指定必要)*/
	text-align:center;				/*旧IEセンタリングバグ回避用*/
	background: url(5.jpg) center repeat-y;
}
/******************************************/
#top-menu{
	background: url(12.jpg)  no-repeat;	/*背景*/
	width: 700px;				/*幅*/
	height: 45px;				/*高さ*/
	margin: 0px;				/*初期値リセット*/
}
/******************************************/
#top-menu ul{
	margin: 0px;		/*初期値リセット*/
	padding: 0px;		/*初期値リセット*/
	padding-top: 2px;	/*上の余白*/
	font-family: "麗流隷書";
	font-weight: bold;
}
/******************************************/
#top-menu li{
	float: left;		/*回り込み設定*/
	text-align: center;	/*テキスト位置*/
	list-style: none;
}
/******************************************/
#top-menu li a {
	width: 140px;		/*幅*/
	height: 44px;		/*高さ*/
	color: #aaa;		/*文字色*/
	text-decoration: none;	/*下線の設定*/
	display: block;		/*ブロック要素へ*/
	line-height: 45px;	/*行の高さ*/}
/******************************************/
#top-menu li a:link ,a:visited{
	text-decoration: none;	/*下線の設定*/
}
/******************************************/
#top-menu li a:hover{
	color: #000;				/*文字色*/
	background: url(2.jpg) no-repeat ;	/*背景の設定*/
	text-decoration: none;			/*下線の設定*/
}
/******************************************/
a:link , a:visited{
	color: #55f;		    	/*リンクの色*/
	text-decoration: overline;	/*下線の設定*/
}
/******************************************/
a:hover , a:active{
	color: #008;		    	/*リンクの色*/
	text-decoration: underline;	/*下線の設定*/
}
/******************************************/
p{/*段落の設定*/
	margin: 0px;		/*初期値のリセット*/
	margin-bottom: 10px;	/*下の余白*/
	}
/******************************************/
#baseBlock1{/*コンテンツ全体の設定*/
	font-family:Palatino Linotype,Roman,ＭＳ Ｐゴシック,MS UI Gothic, Osaka;/*フォントの設定*/
	margin-left:auto;       		/*センタリング設定用*/
	margin-right:auto;      		/*センタリング設定用*/
	color:#666;             		/*文字色の設定*/
	width:700px;	        		/*コンテンツ全体の幅*/
	text-align:left;	        	/*旧IEセンタリングバグ回避用。*/
	font-size:88%;      			/*文字サイズ*/

	}
/*****************************************/
#title{/*タイトル部分*/
	width:700px;    				/*タイトル部分の幅*/
	background:url(13.jpg) no-repeat top center;	/*背景の設定*/
	height: 183px;					/*高さ*/
}

/******************************************/
h1{/*タイトル部分のフォント、文字位置の設定*/
	font-size:100%;			/*タイトル文字の大きさ*/
	padding-top:150px;		/*文字上側の余白*/
	padding-left:10px;		/*文字左側の余白*/
	padding-right:40px;		/*右の余白*/
	margin:0px;		    	/*初期値のリセット*/
	color:#000;
	font-weight: normal;
	font-family: "ＤＦ行書体";
	}
/******************************************/
#top-menu{
	width: 700px;	/*一部ブラウザ用*/
	}
/******************************************/
#main{/*メインコンテンツ部分の位置設定*/
	width: 460px;			/*メインコンテンツの幅*/
	padding-bottom:10px;		/*下の余白*/
	float: right;
	height: 500px;
}
/******************************************/
#maintext{/*IEと他ブラウザのズレ対策用*/
	padding-left:20px;	/*左の余白*/
	padding-right:40px;	/*右の余白*/
	font-size: small;
	line-height: 25px;
	}
/******************************************/
h3{/*見出しの設定*/
	border-left:8px solid #666;		/*右に枠線*/
	border-bottom:1px solid #666;		/*下に枠線*/
	padding-left:4px;			/*左の余白*/
	font-size:100%;				/*文字サイズ*/
	font-weight:normal;			/*文字の太さ*/
	margin:0px;				/*初期値のリセット*/
	margin-bottom:10px;			/*下の余白*/
	margin-top:10px;			/*上の余白*/}
/******************************************/
.imgspace-left{/*左の画像配置用*/
	width:200px;		/*幅*/
	float: left;	/*下の余白*/
	margin-right: 10px;
	margin-bottom: 5px;
}
/******************************************/
.imgspace-right{/*左の画像配置用*/
	width: 200px;		/*幅*/
	float: right;		/*位置*/
	margin-left:10px;	/*左の余白*/
	margin-bottom: 5px;	/*下の余白*/}
/******************************************/
.icon{/*アイコン用*/
	height:30px;					/*高さ*/
	margin-left:250px;				/*左の余白*/
	padding-left:28px;				/*左の余白*/
	padding-top:5px;				/*上の余白*/
	background:url(5.gif)  top left no-repeat;	/*アイコン画像の設定*/
	margin-bottom:5px;				/*下の余白*/
	margin-top:5px;					/*上の余白*/
}

/******************************************/
#menu{/*メニューの設定*/
	width:230px;		/*位置関係*/
	margin-top: 10px;	/*上の余白*/
	font-size: x-small;
	line-height: 35px;
}
/******************************************/
#menu-text{/*メニューのテキスト関係*/
	margin-left:10px;	/*左のに余白*/
	margin-right:10px;	/*右の余白*/
}
/******************************************/
#menu-top{/*メニュー上部の画像*/
	margin: 0px;				/*初期値リセット*/
	margin-left: 15px;			/*左の余白*/
	width: 220px;				/*幅*/
	height: 15px;				/*高さ*/
	background: url(6.jpg) bottom no-repeat;/*背景*/}
/******************************************/
#menu-mid{/*メニュー中部の画像*/
	width: 220px;			/*幅*/
	margin-left: 15px;		/*左の余白*/
	background: url(8.jpg) repeat-y;/*背景*/

	}
/******************************************/
#menu-bot{/*メニュー下部の画像*/
	width: 220px;				/*幅*/
	height: 15px;				/*高さ*/
	margin-left: 15px;			/*左の余白*/
	background: url(7.jpg) top no-repeat;	/*背景の設定*/}
/******************************************/
#menu ul{
	margin: 0px;	/*初期値リセット*/
	padding: 0px;	/*初期値リセット*/
	}
/******************************************/
#menu li{
	margin: 0px;					/*初期値リセット*/
	padding-bottom: 20px;				/*下の余白*/
	padding-left: 20px;				/*左の余白*/
	padding-right: 10px;				/*右の余白*/
	list-style: none;	/*背景*/
	background-image: url(9.jpg);
	background-position: 8px 15px;
	background-repeat: no-repeat;
	padding-top: 0px;
	}
/******************************************/
#footer{/*ページ下部の設定*/
	clear:both;	      		/*floatによる回り込み解除*/
	wigth:732px;			/*ページ下部の幅*/
	text-align:center;		/*フッター文字を中心に配置*/
	color:#999;		    	/*テキスト色*/
	font-size:0.8em;		/*テキストの大きさ*/
	padding-bottom:5px;		/*下の余白*/
	padding-right:10px;		/*右の余白*/
	}
/******************************************/
#footer a{
	color:#999;            	/*テキスト色*/
	text-decoration:none;	/*下線の設定*/
	}
/******************************************/	
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;		/* トラック部分 */
}
/******************************************/
