css - 要素に適用された CSS クラスが完全に適用されていない

Question

この CSS では:

table.swtable, .swtable tr, td {border-collapse:collapse; border: 1px solid black; width: auto !important}
.swtable td {padding: 10px; text-align: center}
.swcolheading {background-color: #D9FFD9}
.swrowheading {background-color: #D9FFD9; text-align: right}

そしてこのHTML：

<table class="swtable">
    <colgroup><col class="swrowheading"></colgroup>
    <tr class="swcolheading"><td></td><td>col 1</td><td>col 2</td></tr>
    <tr><td>row 1</td><td>c1 r1</td><td>c2 r1</td></tr>
    <tr><td>row 2</td><td>c1 r2</td><td>c2 r2</td></tr>
</table>

テーブルは最初の列の正しい背景色を選択しますが、その列のテキストは中央揃えになります。最初の列のテキストを右揃えにする方法を教えてください。明らかに、CSS の最初の行はすべてのセルの中央揃えを設定していますが、最初の列でそれを上書きするにはどうすればよいですか?

テーブルの幅オプションが指定されていることに注意してください。これは、他の誰かの CSS が、私が望んでいない 100% のテーブル幅を設定していたためです。