/* フッターをページ下部に表示 */
html, body {
    height : 100%;
}

#all {
    width : 920px;
    margin : 0 auto; 
    background-color : #ffffff;
    height : 100%;
    min-height : 100%;
    position : relative;
}

body > #all {
    height : auto;
}

#ad1 {
    width : 890px;
    height : 90px; 
    padding : 10px 15px;
    border-top : 1px solid #000000;
    border-bottom : 1px solid #000000;
}

#contents {
    padding : 15px;
    overflow : hidden;
}

#right {
    width : 160px;
    float : right;
}

section {
    margin-bottom : 20px;
}

#left, #right {
    /* ad3 と footer のスペース確保 */
    padding-bottom : 140px;
}

#ad3 {
    clear : both;
    width : 890px;
    height : 90px;
    border-top : 1px solid #000000;
    border-bottom : 1px solid #000000;
    padding : 10px 15px 10px 15px;
    /* 絶対配置（bottom : 20px）でフッタの上に固定 */
    position : absolute;
    bottom : 20px;
}

footer {
    width : 920px;
    height : 20px;
    line-height : 20px;
    text-align : center;
    font-weight : bold;
    /* 絶対配置（bottom : 0px;）で下部に固定 */
    position : absolute;
    bottom : 0;
}

/* 全ページに共通部分の色 */
body {
    background-color : #e5f6d5;
}

header, footer {
    color : #ffffff;
    /* グラデーションを使用できないブラウザ用 */
    background-color : #003300;
    /* グラデーション（メタル感）*/
    background : linear-gradient(top, #006600, #003300);
    background : -moz-linear-gradient(top, #006600, #003300);
    background : -webkit-linear-gradient(top, #006600, #003300);
    background : -o-linear-gradient(top, #006600, #003300);
    background : -ms-linear-gradient(top, #006600, #003300);
}

/* 説明文 */
p.des {
    font-weight : bold;
    margin-bottom : 20px;
    text-indent : 1em;
}