body {
font-family: Quicksand, 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
line-height:15px;
}

<!-- 上下の固定 -->

/* html,bodyタグの設定 */

html, body{

margin: 0;         /* 余白の削除 */
padding: 0;        /* 余白の削除 */
width:100%;
height:100%;
}

/* ヘッダーの固定 */

DIV#header-fixed{
position: fixed;           /* ヘッダーの固定 */
top: 0px;                  /* 位置(上0px) */
left: 0px;                 /* 位置(右0px) */
width: 100%;               /* 横幅100%　*/
height: 50px;              /* 縦幅50px */
}

DIV#header-bk{
background-color:#1A9793;   /* 背景色 */
padding: 0px 0 0px;         /* 上下をあけない */
height: 50px;               /* 縦の高さ50px */
width: 100%;                /* 横の幅を100% */
}

DIV#header{ 
border: 0px;               /* 表示領域を枠で囲わない */
height: 100%;              /* 縦の表示領域はheader-bkと同じ */
width: 850px;              /* 横の幅850px */
margin: auto;              /* 中央揃え */
}

/* フッターの固定 */

DIV#footer-fixed{
position: fixed;           /* フッターの固定 */
bottom: 0px;               /* 位置(下0px) */
left: 0px;                 /* 位置(左0px) */
width: 100%;               /* 横幅100%　*/
height: 30px;              /* 縦幅30x */
}

DIV#footer-bk{
background-color:;         /* 背景色透過 */
padding: 0px 0 0px;        /* 上下を空けない */
height: 30px;              /* 縦の高さ30px */
width: 100%;               /* 横の幅を100% */
}

DIV#footer {
border: 0px;               /* 表示領域を囲わない */
height: 100%;              /* 縦の表示領域はheader-bkと同じ */
margin: auto;              /* 中央揃え */
}

/* ボディの定義 */

DIV#body-bk{
padding: 50px 0 30px 0;    /* 上に50px、下に30px余白を取る */
}

DIV#body{
width: auto;
margin: auto;
}

<!-- 上下の固定ここまで -->