@charset "Shift_JIS";

/* ************************************** _

タイトル：table.css

概要：テーブルのCSSファイル

制作日：2007.05.23
変更日：2007.05.23

_ ************************************** */

/*
	1.テーブルの横幅は別classで指定する
	2.行揃えも別クラスで指定する
	3.tableタグに上記クラス

*/

/*

<table class="ruledLine maxWidth lineStyleCenter">
	<thead>
		<tr>
			<th></th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td></td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td></td>
		</tr>
	</tfoot>
</table>

*/


/* 共通項目
---------------------------------------------------------------------------- */
table{
	margin: 0 0 20px 0;
	font-size: 1em;
}
table,th,tr,td{
	border-collapse: collapse;
	padding: 4px;
}


/* 罫線ありテーブル
---------------------------------------------------------------------------- */

table.ruledLine,
.ruledLine th,
.ruledLine tr,
.ruledLine td{
	border: 1px solid #CCCCCC;
}

.ruledLine th{
	background: #EEEEEE;
}

.ruledLine td{

}

.ruledLine tfoot td{

}


/* 罫線なしテーブル
---------------------------------------------------------------------------- */

table.withoutLine,
.withoutLine th,
.withoutLine tr,
.withoutLine td{
	border: none;
}

.withoutLine thead th{
}

.withoutLine th{

}

.withoutLine td{

}

.withoutLine tfoot td{

}


/* テーブルの行揃え
---------------------------------------------------------------------------- */

/*2列の場合********************************************************/

/*左・左*/
.lineStyleLeftLeft th{ text-align: left; }
.lineStyleLeftLeft td{ text-align: left; }

/*左・右*/
.lineStyleLeftRight th{ text-align: left; }
.lineStyleLeftRight td{ text-align: right; }

/*左・センター*/
.lineStyleLeftCenter th{ text-align: left; }
.lineStyleLeftCenter td{ text-align: center; }



/*右・左*/
.lineStyleRightLeft th{ text-align: right; }
.lineStyleRightLeft td{ text-align: left; }

/*右・右*/
.lineStyleRightRight th{ text-align: right; }
.lineStyleRightRight td{ text-align: left; }

/*右・センター*/
.lineStyleRightCenter th{ text-align: right; }
.lineStyleRightCenter td{ text-align: center; }



/*センター・左*/
.lineStyleCenterLeft th{ text-align: center; }
.lineStyleCenterLeft td{ text-align: left; }

/*センター・右*/
.lineStyleCenterRight th{ text-align: center; }
.lineStyleCenterRight td{ text-align: right; }

/*センター・センター*/
.lineStyleCenterCenter th{ text-align: center; }
.lineStyleCenterCenter td{ text-align: center; }


/* テーブルの横幅設定
---------------------------------------------------------------------------- */

.maxWidth{ width: 730px; }
.middleWidth{ width: 250px; }
.narrowWidth{ width: 100px; }