body {
/* ↓背景画像&背景色※ */
background: url("http://blog-imgs-30.fc2.com/w/m/k/wmks/wm_saiph_bg_body.gif") 0 0 repeat-x #F0F0F0;
text-align: center;
}
#container {
width: 850px;
margin: 0 auto;
text-align: left;
overflow: hidden;
}
#header {
/* ↓タイトル画像の縦サイズと同じサイズを指定※ */
padding-bottom: 200px;
/* ↓タイトル画像(横848px×縦任意のサイズ)※ */
background: url("ここにタイトル画像のURL") left bottom no-repeat;
margin-bottom: 13px;
border: 1px solid #E1E1E1;
border-top: none;
overflow: hidden;
/zoom: 1;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-radius: 0 0 3px 3px;
}
#title {
padding: 5px 13px;
background: url("http://blog-imgs-30.fc2.com/w/m/k/wmks/wm_saiph_bg_title.gif") 0 0 repeat-x #6F6F6F;
}
#main {
padding: 0 34px 21px 34px;
border: 1px solid #E1E1E1;
background: #FFFFFF;
overflow: hidden;
/zoom: 1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
* html #main {
width: 100%;
}
#utility {
width: 780px;
padding-top: 8px;
overflow: hidden;
}
#utility_A {
float: left;
width: 210px;
overflow: hidden;
}
#utility_B {
float: right;
width: 536px;
overflow: hidden;
}
* html #content, * html #utility {
display: inline;
}