ライブドアブログにおいて記事の横幅を広げるやり方

ライブドアブログにおいて記事の横幅を広げるやり方を教えて下さい。
調べてみたんですが、CSSを書き換えればいいというところまでは、
わかったんですが、その先のカスタマイズのやり方がどうもわかりません。

使用しているテンプレートのCSSの全体の枠組みのところのコードは、
下記のようになっています。

/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */

body {
margin: 0 0 10px 0;
padding: 0;
min-width: 1030px;
background: #FFFFCC;
text-align: center;
}

div#container {
margin: 0 auto;
height: 1%;
width: 100%;
background: #fff;
position: relative;
}

div#content {
width: 1030px;
margin: 0 auto;
}

div#main
, div#sub
, div#extra {
overflow: hidden;
}

div#main {
float: left;
display: inline;
width: 100%;
}

div#main div.column-inner {
margin: 0 225px 20px 225px;
}

div#sub {
float: left;
display: inline;
margin-left: -100%;
}

div#sub div.column-inner {
width: 200px;
padding-right: 15px;
}

div#extra {
float: left;
display: inline;
margin-left: -215px;

}

div#extra div.column-inner {
width: 200px;
padding-right: 15px;
}


/* ----------------------------------------------- */
/** clearfix */

div#container:after
, div#content:after
, ul.article-navigator:after
, ul.archives-navigator:after
, div.article-body:after
, div.article-body div.article-body-more:after
, div#trackback-form ul:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/** hasLayout */
div.blog-title-outer
, h2.archives-title
, div.article-body
, div.article-footer
, h2.article-title
, div.pager
, ul
, div.index-navigator-outer {
height: 1%;
}

/** peek-a-boo bug */
div#trackback-form
, div#trackbacks-list
, div#comments-list
, div#comment-form {
height: 1%;
}


ここをどう変えれば記事の幅を広げることが出来るのか教えてください。
お願いします。

No.2 ベストアンサー 回答者： kobliha 回答日時： 2014/04/12 11:09

div#content {

width: 1030px; /* ブログ全体サイズ */
margin: 0 auto;
}
このサイズを大きくすれば、メインコラムもソレに応じて拡がってくれる。
メインコラムは
div#main {
float: left;
display: inline;
width: 100%;
}
であり、100% 以上にすることができない。

この回答へのお礼

回答有難うございます。
大変参考になりました。

記事の幅だけ広げることは出来ないんですね…。

お礼日時：2014/04/13 00:29

No.1 回答者： Kaneyan-R 回答日時： 2014/04/12 10:19

これから先もスタイルを変更するかもしれないので、自分で見つける努力をして見ましょう。

手前味噌ですが、ずっと昔書いていたLivedoorブログがまだ残っているので、載せておきます。
トップページのレイアウトを図式化した記事です。

http://blog.livedoor.jp/kaneR/archives/22545382. …

この回答へのお礼

回答有難うございます。
参考にしたいと思います。

お礼日時：2014/04/13 00:27