
/* ******************************************************************************* */
/* 　　　***と***で囲まれたスタイルを変更します。 　　　　　　　　　　　　　　　　 */
/* 　　　ベース色（99cc99）の変更は、一括置換して下さい 　　　　　　　　　　　　　 */

/* 　　　左右をグラデュエーションにするためには下記の色に一括置換して下さい 　　　 */
/* 　　　グラデュエーション可能色：99cc99、cccccc　　　　　　　　　　　　　　　　 */

/* 　　　色は データ\Webリンク\WEBセーフカラー　から選びます。　　　　　　　　　　 */
/* ******************************************************************************* */

BODY {
	background-color: #99cc99;  			/*** 左右の背景色 ***/
	font-size: 13px;				/*** 基準フォントサイズ ***/	
	margin: 0px;					/* 余白。指定しないとデフォルト余白15pxになる。 */

}

/* レイアウト用のテーブルスタイル。*/
TABLE.layout {
	width:720px;					/*** ページ幅 ***/
	height:100%;
	text-align: left;				/* bodyスタイル(text-align:center)を継承しないので、この指定がなくてもタグ内文字は左揃えになります。*/
	font-size:1em;  				/* この指定がないとbodyスタイル(font-size:11px)は継承されません */
	border-style:none;  				/* この実線スタイル指定がないと、罫線は透明になります */
	border-width:1px;  				/* この線の太さの指定がないと、太さがデフォルトの4pxになります */
	border-color:black;  				/* 線の黒色指定です。bodyスタイル(background-color)がある場合は、この明示的色指定が必要です。*/
}

/* レイアウト用のセルスタイル。*/
TD.layoutleft{
	border-style:none;										/*TDスタイルの継承を防ぐため。。*/
	vertical-align:top;
	width:21;
	background-image: url(image/back_99cc99_left.gif);  	/*** 背景画像指定します ***/
}
TD.layoutcenter{
	border-style:none;					/*TDスタイルの継承を防ぐため。。*/
	vertical-align:top;
	background-color:#ffffff;
}
TD.layoutright{
	border-style:none;										/*TDスタイルの継承を防ぐため。。*/
	vertical-align:top;
	width:21;
	background-image: url(image/back_99cc99_right.gif);  	/*** 背景画像指定します ***/
}

/* 通常表用のテーブルスタイル。*/
TABLE.hyou{
	border-style:solid;				/*セル罫線。*/
	border-color:black;  				/* 線の黒色指定です。bodyスタイル(background-color)がある場合は、この明示的色指定が必要です。 */
	border-width:1px;				/* この線の太さの指定がないと、太さがデフォルトの4pxになります */
	border-collapse:collapse;			/*セルスペースをなくす。*/
}

/* 通常表用のセルスタイル。*/
TD.hyou{
	border-style:solid;					/*セル罫線。*/
	border-width:1px;					/* この線の太さの指定がないと、太さがデフォルトの4pxになります */
}

/* 強調表示のセルスタイル　*/
TD.hyou2{
	border-style:solid;			/*セル罫線　*/
	border-width:1px;			/* この線の太さ　*/
	background-color:#009933;		/* 背景色　*/
	color:#ffffff;				/* 文字の色　*/
	font-weight:bold;			/* 文字の太さ　*/
}

/* カラー表示のセルスタイル　*/
TD.hyou3{
	border-style:solid;					/*セル罫線。*/
	border-width:1px;					/* この線の太さ*/
}

/* フッターの文字スタイル。*/
ADDRESS {
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	COLOR: #333333;
	FONT-STYLE: normal;
	padding-top:7px;
}
/* フッターのテーブルスタイル。*/
TABLE.foot{
	width:100%;
}

/* メニューボタンの背景色*/
TABLE.menu{
	background-color:#99cc99;				/*** メニューボタンの土台の背景色***/
}

/*メニューボタン*/
A.button{
	text-decoration:none;
	color:#0000FF;  				/***メニューボタンの文字色***/
	background-color : #99cc99; 	 		/***メニューボタンの背景色***/
	font-size : 1em;  				/***メニューボタンの文字サイズ***/
	width : 132px; 					/***メニューボタンの幅***/
	text-align : center;
	vertical-align : middile;
	border: 2px outset #ffffff;
	padding :1 0 1 0 ;		/*上・右・下・左*/
	margin :3 0 3 0 ;		/*上・右・下・左*/
	z-index : 1;
	cursor:hand;
	display:block			/*FireFoxの場合必須*/
}
A.button:hover{
	background-color:#999999;			/***メニューボタンの上にマウスがあるときの背景色***/
	color : #F7F7F7;				/***メニューボタンの上にマウスがあるときの文字色***/
	text-decoration:none;
	border: 2px inset #ffffff;
}

/*見出１*/
H1{
	width:678px;					/***見出１の幅***/
	height:20px;					/***見出１の高さ***/
	font-size: 1em;				/***見出１の文字サイズ***/
	color: #0000FF; 				/***見出１の文字色***/
	background-color: #99cc99;			/***見出１の背景色***/
	border-color:#0000FF;				/***見出１の下線色***/
	border-width:2 0 2 0;
	border-style:solid;
	padding: 5 3 3 3;
	margin:0 0 5 0;
	font-weight:bold;
	text-align:left;
}

/*見出２*/
H2 {
	width:678px;					/***見出２の幅***/
	height:15px;					/***見出２の高さ***/
	font-size:1em;					/***見出２の文字サイズ***/
	color: #0000FF; 				/***見出２の文字色***/
	background-color: #99cc99;			/***見出２の背景色***/
	margin:0 0 5 0;
	padding: 2 2 2 2 ;
}


/*TABLEのヘッダー用スタイル*/
.header{
	color:#FFFFFF;					/*** TABLEのヘッダの文字色***/
	background-color:#669900;			/*** TABLEのヘッダの背景色***/
}


