T02：表示領域を決める

/* 基本デザイン */
       :
/*---------------------------------
  よく使うスタイル
---------------------------------*/
/* 表示領域 */
body {
  min-width: 960px;
}

.basicArea {
  width: 960px;
  margin: 0 auto;
}

.narrowArea {
  width: 760px;
  margin: 0 auto;
}

/* Wrapper */
       :

<div class="Box">
  <div class="Box_header">
    <div class="Box_inner">
      コンテンツヘッダー
    </div>
  </div>
  <div class="Box_body">
    <div class="Box_inner narrowArea">
      コンテンツ本体
    </div>
  </div>
  <div class="Box_footer basicArea">
    <div class="Box_inner">
      コンテンツフッター
    </div>
  </div>
</div>

/* 基本デザイン */
@import url(_common.css);

/* パーツデザイン */
@import url(_Box.css);
@import url(_Footer.css);

/* Box */
.Box_header {
  padding: 60px;
}

.Box_body {
  padding: 80px 0;
}

.Box_footer {
  padding: 40px 0;
}

.Box_header+.Box_body {
  padding-top: 0;
}