詳しくはないけれど、ちょっといじってみた。
/* ----------------------- header ----------------------- */
#header{
display: block;
width: 760px; ・・・ ①
margin-bottom: 22px; ・・・ ③
padding-bottom: 0;
height: 170px; ・・・ ②
text-align: left;
}
#header h1 {
padding-top: 100px; ・・・ ④
margin-left: 200px; ・・・ ⑥
margin-bottom: 40px; ・・・ ⑤
}
#header h2{
margin-left: 100px; ・・・ここは、概要の開始位置
}
/* ----------------------- footArea ----------------------- */
・
・
/* ----------------------- background-color-control ----------------------- */
body {
background-color: #FFFFFF;
}
#frame {
}
#subFrame {
background-image: url(http://ここに画像のアドレス);
background-repeat: no-repeat;
background-position: center top;
}
こんな感じでいじってみました。
ちなみに、②は優先順位が低いようで、
③で指定された開始位置よりも②で指定した数値のほうが大きい場合に反映するようです。