body {
/* ↓背景画像&背景色※ */
background: url("http://blog-imgs-30.fc2.com/w/m/k/wmks/wm_gienah_bg_body.gif") 0 0 repeat-x #F0F0F0;
text-align: center;
}
#container {
width: 1000px;
margin: 0 auto;
text-align: left;
overflow: hidden;
}
#header {
/* ↓タイトル画像の縦サイズと同じサイズを指定※ */
padding-bottom: 200px;
/* ↓タイトル画像(横998px×縦任意のサイズ)※ */
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_gienah_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;
}
#content {
float: left;
width: 703px;
margin: 0 0 -21px -34px;
padding: 0 34px 21px 34px;
border-right: 1px solid #F1F1F1;
overflow: hidden;
/zoom: 1;
}
* html #content {
width: 772px;
}
#utility {
float: right;
width: 200px;
margin: 0 -34px -21px -1px;
padding: 0 13px;
border-left: 1px solid #F1F1F1;
background: url("http://blog-imgs-30.fc2.com/w/m/k/wmks/wm_gienah_bg_utility.gif") 0 0 no-repeat;
overflow: hidden;
/zoom: 1;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-radius: 0px 3px 0px 0px;
}
* html #utility {
width: 227px;
}
* html #content, * html #utility {
display: inline;
}