BODY {
	background-image: url(http://www.eastech.co.jp/span/img/swcgp.gif);
	background-color: white;
	color: black;
}

A {
}

A:visited {
}

A:hover {
	font-style: italic;
}

A:active {
}

/* 見出しレベル１。右寄せ。ページのタイトルに使用 */
H1 {
	text-align: right;
}

/* 見出しレベル２の設定 */
H2 {
	margin-top: 0.8em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-width: thick 0em 0em 1.5em;  /* 上、右、下、左 */
	border-style: solid none none solid;  /*　上下、左右  */
	border-color: #390;
}

/* 白紙の上に書かれたようなスタイル */
DIV.content {
	background: white;
	margin: 1em 4% 1em 4%;
	padding: 0.5em 1em 0.5em 1em;
	border: solid thin;
}

/* DIV.content内にあるH3、H4は以下の通り */
DIV.content H3 {
	text-align: center;
	background-color: LavenderBlush;
}
DIV.content H4 {
	background-color: MistyRose;
}

/* 日付は右揃えイタリック体 */
DIV.date {
	font-size: 0.9em; 	
	text-align: right;
	color: gray;
	font-style: italic;
}

/* キャッチコピー用。通常よりも少し大きく、イタリック体 */
DIV.catch {
	font-size: 1.2em;
	font-style: italic;
	
	text-indent: 1em; 
}

/* 写真とその解説を一体化させ、回り込みを可能にする。IE4では使用不可 */
DIV.float {
	font-size: 1.0em;
	float: right;
}

/* パラグラフ・段落の最初は自動的に一文字字下げをする。 */
P {
	text-indent: 1em; 
	line-height: 1.2em;
}

/* 色付きTABLEを使うためにはcolorクラスを宣言 */
TABLE.color {
}
/* 色付きTABLEを使うためにはcolorクラスを宣言。THセルに関して。 */
TABLE.color TH {
	background: lightblue;
}
/* 色付きTABLEを使うためにはcolorクラスを宣言。TDセルに関して。 */
TABLE.color TD {
	background: lavender;
}

UL, OL {
	line-height: 1.4em;
}
DL {
	line-height: 1.4em;
}
/* 「ニュース」用 */
UL.news {
	list-style-image: url(http://www.eastech.co.jp/span/img/pin.gif);
}

/* 水平区切り線の前後に空行を入れる。 */
HR {
	padding-top: 1em;
	padding-bottom: 1em;"
}

/* キーボードからの入力を示すKBDは、以下の通り */
KBD {
	font-weight: bold;
}