メインページを見ながら、ページの作りを考える。

とまぁ、こんな感じでIDが並んでいる感じだ。（footer追加して、メニューを左へ持ってきた場合）

ってことは、順番に指定個所を広げたらええんかな？で、よく見たら、このテンプレは下記のように画像が２つはめこんである。

とにかく、containerに使われている画像を取り除かないと幅を広げれないので、取ってしまうことに。それと、 バナーの画像の横幅を８００pxで使いたいということ。

これらをふまえて、下記の部分を変更。(赤字から青字へ)

/* page layout */

body
{
 min-width: 780px;　→820px
 color: #333;
 background: #e1e0e0 url(body-bg.gif) repeat;
}

#container
{
 width: 780px;　→820px
 background: transparent url(container-bg.gif) repeat-y;　→background-color: #ffffee;
}

#banner
{
 width: 760px; /* necessary for ie win */　→800px
 border-bottom: 1px solid #000;
 background: #369 url(banner-bg.gif) repeat;
}

/* two-column-left tweaks */

 .layout-two-column-left #alpha { width: 200px; }
 .layout-two-column-left #beta
 {
  width: 500px; →540px 
  margin: 20px 0 0 20px;
 }

記事部分（右側）を、40px広げたいのであった。 ちなみに#ffffeeの色は今んとこ適当。

どうかな～・・・おぉ！うまいこといったいった。次はバナーやな。