body{  
    margin: 0;  
    padding: 50px 0 50px 0;  
}


div#headerArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 150px;  
    background-color:rgba(255,128,255,0.5);  
    color: #fff;  
}  
div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 50px;  
    background-color: rgba(255,255,255,0.3);  
    color: #fff;  
}  
* html div#contentsArea{  
    height: 100%;  
    overflow: auto;  
}  

div#headerArea_blue {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 50px;  
    background-color:rgba(0,51,255,0.5);  
    color: #fff;  
}

  div#headerArea_green {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 50px;  
    background-color:rgba(51,153,0,0.5);  
    color: #fff;  
}

div#headerArea_purple {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 50px;  
    background-color:rgba(153,0,153,0.5);  
    color: #fff;  
} 

div#headerArea_red {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 50px;  
    background-color:rgba(204,00,51,0.6);  
    color: #fff;  
}

div#headerArea_white {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 50px;  
    
    color: #fff;  
} 




.bg_test {
    height: 250px;              /* 高さ指定 */
    padding:  20px;             /* 余白指定 */
    font-size: 20px;            /* 文字サイズ指定 */
    background-color: #C0C0C0;  /* 背景色指定 */
    color: #fff;                /* 文字色指定 */
}
 
.bg_test2 {
                                  /* 高さ指定 */
                                  /* 幅指定 */
    font-size:  14px;                           /* 文字サイズ指定 */
    background-color: rgba(255,255,255,0.5);   /* 背景色指定 */
    padding:  20px;                             /* 余白指定 */
    float:  right;                              /* 位置指定 */
    position:  relative;                        /* 位置指定 */
    top: 110px;                                 /* 位置指定 */
    
}
 
.bg_test3 {
    height: 140px;              /* 高さ指定 */
    background-color: #8BC34A;  /* 背景色指定 */
    position:  relative;        /* 位置指定 */
    top: 10px;                  /* 位置指定 */
}