/* ******************************************************************************* */
/* 　　　***と***で囲まれたスタイルを変更します。 　　　　　　　　　　　　　　　　 */
/* 　　　ベース色（ccccff）の変更は、一括置換して下さい 　　　　　　　　　　　　　 */

/* 　　　左右をグラデュエーションにするためには下記の色に一括置換して下さい 　　　 */
/* 　　　グラデュエーション可能色：ccccff、cccccc　　　　　　　　　　　　　　　　 */

/* 　　　色は データ\Webリンク\WEBセーフカラー　から選びます。　　　　　　　　　　 */
/* ******************************************************************************* */

BODY {
	background-color: #6699CC;  		/*** 左右の背景色 ***/
	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_ccccff_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_ccccff_right.gif);  	/*** 背景画像指定します ***/
}

/* 通常表用のテーブルスタイル。*/
TABLE.hyou{
	border-style:solid;										/*セル罫線。*/
	border-color:black;  									/* 線の黒色指定です。bodyスタイル(background-color)がある場合は、この明示的色指定が必要です。 */
	border-width:1px;										/* この線の太さの指定がないと、太さがデフォルトの4pxになります */

	border-collapse:collapse;								/*セルスペースをなくす。*/
}

/* 通常表用のセルスタイル。*/
TD.hyou{
	/*通常表のセルとしてのTDが最も頻繁に利用するので、必ず埋め込み型スタイル等で汎用的に指定する。*/
	/*テーブルスタイルの線色を継承するが線幅は継承しないので、明示的に指定。*/
	border-style:solid;										/*セル罫線。*/
	border-width:1px;										/* この線の太さの指定がないと、太さがデフォルトの4pxになります */
}

/* フッターの文字スタイル。*/
ADDRESS {
	FONT-WEIGHT: normal;
	FONT-SIZE: 1em;
	COLOR: #333333;
	FONT-STYLE: normal;
	padding-top:7px;
}
/* フッターのテーブルスタイル。*/
TABLE.foot{
	width:100%;
}

/* メニューボタンの背景色*/
TABLE.menu{
	background-color:#6699CC;								/*** メニューボタンの土台の背景色***/
}

/*メニューボタン*/
A.button{
	text-decoration:none;
	color:#FFFFFF;  					/***メニューボタンの文字色***/
	background-color : #1C5CAF; 	 	/***メニューボタンの背景色***/
	font-size : 0.84em; 
				/***メニューボタンの文字サイズ***/
	width : 150px;
	height:25px;
						/***メニューボタンの幅***/

	text-align : center;
	vertical-align : middile;
	border: 2px inset #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 outset #ffffff;
}

/*見出１*/
H1{
	width:550px;						/***見出１の幅***/
	height:20px;						/***見出１の高さ***/

	font-size: 0.9em;					/***見出１の文字サイズ***/
	color: #FFFFFF; 					/***見出１の文字色***/

	background-color: #6699CC;			/***見出１の背景色***/
	border-color:#291CAF;				/***見出１の下線色***/
	border-width:0 0 5 0;
	border-style:solid;

	padding: 1 3 3 3;
	margin:0 0 5 0;
	font-weight:bold;
	text-align:left;
}

/*見出２*/
H2 {
	width:550px;						/***見出２の幅***/
	height:15px;						/***見出２の高さ***/

	font-size:1em;						/***見出２の文字サイズ***/
	color: #0000FF; 					/***見出２の文字色***/

	background-color: #ccccff;			/***見出２の背景色***/

	margin:0 0 5 0;
	padding: 2 2 2 2 ;
}


/*TABLEのヘッダー用スタイル*/
.header{
	color:#FFFFFF;						/*** TABLEのヘッダの文字色***/
	background-color:#003366;			/*** TABLEのヘッダの背景色***/
}