背景の変更
背景を設定している箇所は以下になります。
/* html */
body {
font-family: "ＭＳ Ｐゴシック";
color: #333;
text-align: center;
background: url(../images/body-bg.gif);
}
/* ヘッダー */
#header {
height: 100px;
_height: 104px;
border-top: 3px solid #999;
border-bottom: 1px dotted #ccc;
background: url(../images/all-bg.gif) left center repeat-x;
}
#main-contents h2 {
font-size: 100%;
padding: 0.3em 5px 0.3em 5px;
margin-bottom: 10px;
border: 1px solid #ccc;
background: url(../images/all-bg.gif) left center repeat-x;
}
#main-contents .m-section {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #f3f3f3;
background: url(../images/section-all-bg.gif) center top no-repeat;
}
#side-contents h3 {
font-size: 80%;
padding: 0.3em 5px 0.3em 5px;
margin-bottom: 10px;
border: 1px solid #ccc;
background: url(../images/all-bg.gif) left center repeat-x;
}
#side-contents .s-section {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #f3f3f3;
background: url(../images/section-all-bg.gif) center top no-repeat;
}
/* フッター */
#footer {
border-top: 1px dotted #ccc;
border-bottom: 3px solid #999;
background: url(../images/all-bg.gif) left center repeat-x;
}
以上の赤字部分をご自分で作成した個別の画像パスに変更していただくか、
使われている画像（body-bg.gif、all-bg、section-all-bg.gif）を上書きしてご利用下さい。
background:の概要について
background: url(../images/all-bg.gif) left center repeat-x;
上記の内容は以下になります。
background: url(画像パス) 画像の横位置 画像の縦位置 画像リピートの有無;
指定の記述方法は以下を参照して下さい。
- 横位置
- left、center、rightのいずれかで指定。
- 縦位置
- top、center、bottomのいずれかで指定。
- 画像のリピート
- no-repeat、repeat-x、repeat-yのいずれかで指定。
