スタイルシート：日記中に800pxの画像表示。

覚え書きです。
マネされる方は自己責任で！！！！
私は保証しかねます。

まずサイドメニューを狭くします。

●サイド領域(div#BodyBlockSide)

変更前
overflow:hidden;
display:block;
clear:none;

変更後
font-size:10px;
line-break:strict;
word-break:break-all;

これをやらないとお友達の名前が行送りされないぽいです。
認識違ったらごめんなさい。

サイドメニューの領域を120ピクセル小さくし、透明にします。
もしかしたらもっと小さくできるかも？

●サイドメニュー領域(div.SideMenu)

変更前
width:300px;
padding-bottom:10px;
background:#333;

変更後
width:180px;
padding-bottom:10px;
background:;
float:right;　

float:right;　　　←小さくしたので右に寄せます。
background:;　　←#333の灰色を消して透明に。

●何シテル？ヘッダー（div#NanisiteruHeader）

変更前
width:260px;
margin:0 auto;
height:16px;
background:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/nanisiteruheader.gif) no-repeat top center;

変更後
width:170px;
margin:0 auto;
height:16px;
background:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/nanisiteruheader.gif) no-repeat top center;


●何シテル？領域（div#Nanisiteru）

変更前
width:250px;
margin:0 auto;
padding:5px;
background:#000 url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/nanisiteru.gif) repeat-y center;
font-size:12px;
color:#999;

変更後
width:160px;
margin:0 auto;
padding:5px;
background:#000 url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/nanisiteru.gif) repeat-y center;
font-size:12px;
color:#999;

●何シテル？フッター（div#NanisiteruFooter）

変更前
width:260px;
margin:0 auto;
height:5px;
background:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/nanisiterufooter.gif) no-repeat top center;

変更後
width:170px;
margin:0 auto;
height:5px;
background:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/nanisiterufooter.gif) no-repeat top center;

●コンテンツ領域（div#BodyBlockMain）

変更前
overflow:hidden;
display:block;

変更後
overflow:visible;
display:block;
_overflow:hidden;

●コンテンツ表示上部（div.contentsHeader）

変更前
margin:0px;
padding:0px;
background:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/contentsHeader.gif) no-repeat bottom left;
height:4px;
width:620px;
clear:both;

変更後
margin:0px;
padding:0px;

background以下を消すことで透明化。

●コンテンツ表示（div.contents）

変更前
margin:0px;
padding:10px 20px 8px 20px;
background-image:url(http://carview-img02.bmcdn.jp/carlife/images/UserCarNote/750640/p3.jpg);
width:800px;
position:relative;

変更後
margin:0px;
padding:10px 20px 8px 20px;

background以下を消すことで透明化。

●コンテンツ表示下部（div.contentsFooter）

変更前
margin:0 0 10px 0;
padding:0px;
background:url(http://carview-img01.bmcdn.jp/cvmaterials/minkara/user/css/010/contentsFooter.gif) no-repeat top center;
height:4px;
width:620px;

変更後
margin:0 0 10px 0;
padding:0px;

background以下を消すことで透明化。

800ピクセルのコンテンツ幅にすると広告とかぶるので
タブの上のスペースを広くします。

●タブ（ul#MainNav）

変更前
width:100%;
list-style-type:none;
margin:10px 0;
padding:0px;
clear:both;
height:30px;
float:left;

変更後
width:100%;
list-style-type:none;
margin:228px 0 8px 0;
padding:0px;
clear:both;
height:30px;
float:left;