<!--



/* ----------------------------------------------------------- cssの説明・始まり ----------------------------------------------------------- */
・<style type="text/css">～</style>内の“#”は<body>～</body>内の“id”を意味します
・<style type="text/css">～</style>内の“.”は<body>～</body>内の“class”を意味します
「class」と「id」の違いは、次の通りです。
id ページ中に1度しか登場しない 
class ページ中に何度でも登場する 
/* ----------------------------------------------------------- cssの説明・おわり ----------------------------------------------------------- */



/* ----------------------------------------------------------- ページ全体のレイアウト・始まり ----------------------------------------------------------- */
body{
	margin:0px;			/* 余白をなくすプログラム */
	padding:0px;			/* 余白をなくすプログラム */
	text-align:center;   		/* 下記のautoに未対応用のセンタリング */
	font-family:'Century Gothic';	/* フォントのスタイル */
	font-size: 9pt;			/* フォントの大きさ */
	background-color: transparent;	/* bodyの背景を透明にする */
}
#main{
	width:950px;			/* 横幅の設定 */
	margin-left:auto;		/* htmlを中央表示するプログラム */
	margin-right:auto;		/* htmlを中央表示するプログラム */
	text-align:left;		/* 文章を左寄りにする */
}
#top{
	width:950px;			/* 横幅の設定 */
	font-size:9pt;			/* フォントの大きさ */
}
#left{
	width:600px;			/* 横幅の設定 */
	float:left;			/* #left=<div id="left">のボックスを左に並ばせる */
	font-size: 9pt;			/* フォントの大きさ */
	font-weight:bold;		/* フォントの太さ */
	line-height: 1.5em;		/* 行間の設定 */
	color:#696969;			/* フォントの色 */	
}
#right{
		
	width:280px;			/* 横幅の設定 */
	margin-left:70px;		/* 左余白の大きさ */
	float:left;			/* #right=<div id="right">のボックスを左に並ばせる */
	font-size:9pt;			/* フォントの大きさ */
	color:#808080;			/* フォントの色 */
}
#footer{
	width:880px;			/* 横幅の設定 */
	padding-left:70px;		/* 左余白の大きさ */
	clear:both;			/* #footer=<div id="footer">のボックスは左に並ばせないようにする（下に並ぶ） */
	font-size:9pt;			/* フォントの大きさ */
	background-color:#dddddd;	/* 背景の色 */
	color:#626262;			/* フォントの色 */
}
/* ----------------------------------------------------------- ページ全体のレイアウト・終わり ----------------------------------------------------------- */




/* ----------------------------------------------------------- 枠トップの設定・始まり ----------------------------------------------------------- */
img.s0 { 
	margin :0px 10px 0px 10px ;	/* 画像廻りの余白の大きさ（上・右・下・左の順です） */
}
.space1 {
	margin: 10px 0px;
}
/* ----------------------------------------------------------- 枠トップの設定・終わり ----------------------------------------------------------- */




/* ----------------------------------------------------------- お知らせ・注意の詳細設定・始まり ----------------------------------------------------------- */
p{
	margin:10px;			/* 文字廻りの余白 */
	text-align:center;		/* テキストの中央寄せ */
	font-weight: bold;		/* 文字の太さ */
}
img.s2 { 
	margin :0px 10px 0px 0px ;	/* 画像廻りの余白の大きさ（上・右・下・左の順です） */
}
img.s3 { 
	margin :0px 10px 0px 10px ;	/* 画像廻りの余白の大きさ（上・右・下・左の順です） */
}
dl.information {
			
	margin:0px 0px;			/* <dl class="information">の余白を0pxとる（余白を無くす） */
	line-height: 200%;		/* 行間の設定 */
	text-indent: 1.0em;		/* 先頭行の字下げの設定 */
	font-size: 9pt;			/* フォントサイズの設定 */
}
dl.information1 {
				
	margin:0px 0px;			/* <dl class="information">の余白を0pxとる（余白を無くす） */
	font-size: 8pt;			/* フォントサイズの設定 */
}
img.information {
	margin :0px 20px 0px 10px ;	/* 画像廻りの余白の大きさ（上・右・下・左の順です） */
	float: left;			/* 画像を左に寄せ、文章等を右側に回り込ませる設定 */
}
hr.margin {
	 
	clear: left;			/* 回り込み解除の設定 */
	margin:15px 0px;		/* <hr>=線周りの余白設定、線の上下10px,線の左右0px（左右の余白を消す） */	 	
}
/* ----------------------------------------------------------- お知らせ・注意の詳細設定・終わり ----------------------------------------------------------- */









-->