/* =========================================================
■ table-01 CSS のみで見栄えよくしてみる
========================================================= */
table#table-01 {
	width: 530px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table#table-01 th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
table#table-01 td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
}




/* =========================================================
■ table-02 背景に画像を使ってみる
========================================================= */
div#table-02 {
	width: 530px;
}
table#table-02 {
	border: 1px #E3E3E3 solid;
	border-spacing: 0;
	background: #D5F0F0 url(img/bg_02.gif) repeat-x 0 100%;
}

table#table-02 th {
	padding: 5px;
	border: #98DCDC solid;
	border-width: 0 0 1px 1px;
	background: #73CECE url(img/bg_02_header.gif) repeat-x 0 100%;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
table#table-02 td {
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #8ED9D9 #8ED9D9 #FFFFFF;
	color: #1A4444;
	text-align: center;
}