CSSリファレンス、(X)HTML、Movable Type
その他Webサイト制作に関する役立つ情報を掲載します！

Tableの共通部分の指定

table.charge		{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	color: #666;
}

ここは普通です。（※borderは指定しない事）

thead要素（上部）

table.charge th	{
	font-weight: bold;
	font-size: 133.3%;
	padding: 40px 5px 20px;
	text-align: center;
	border-bottom: 1px solid #CCC;
}

共通になる要素先に指定。

table.charge thead th	{
	background: url(../image/thead.gif) no-repeat top right;
}

左から3番4番のセルの画像を指定。画像表示

table.charge thead th.tit	{
	background: url(../image/thead_tit.gif) no-repeat;
}

左から1番のセルの画像を指定。画像表示

tbody要素（中部）

table.charge td	{
	background: url(../image/td.gif) no-repeat top right;
	padding: 10px;
	border-bottom: 1px solid #CCC;
}

左から3番4番のセルの画像を指定。画像表示

table.charge td.tit	{
	background: url(../image/td_tit.gif) no-repeat;
	text-align: left;
	padding: 10px 20px;
	font-size: 116.6%;
}

左から1番のセルの画像を指定。画像表示

tfoot要素（下部）

table.charge tfoot td	{
	border-bottom: none;
	background: url(../image/tfoot.gif) no-repeat right bottom;
	padding-bottom: 40px;
}

左から3番4番のセルの画像を指定。画像表示

table.charge tfoot td.tit	{
	background: url(../image/tfoot_tit.gif) no-repeat bottom left;
}

左から1番のセルの画像を指定。画像表示

Sign up要素（ボタンがある部分）

table.charge tr.sign td	{
	background: url(../image/sign.gif) no-repeat top right;
}

左から3番4番のセルの画像を指定。画像表示

table.charge tr.sign td.pick	{
	background: url(../image/sign_pick.gif) no-repeat;
}

Picking up部分の画像を指定。画像表示

table.charge tr.sign td.tit	{
	background: url(../image/sign_tit.gif) no-repeat;
}

左の画像を指定。画像表示

Picking up要素（黒い部分）

table.charge .pick	{
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

共通になる要素先に指定。

table.charge thead .pick	{
	width: 142px;
	background: url(../image/thead_pick.gif) no-repeat;
	color: #FFF;
}

thead部分の要素指定。画像表示

table.charge tbody td.pick	{
	width: 132px;
	background: #666;
	color: #FFF;
}

tbody部分の要素指定。

table.charge tfoot td.pick	{
	background: url(../image/tfoot_pick.gif) no-repeat bottom left;
}

tfoot部分の要素指定。画像表示