body{  
    margin: 0;  
    padding: 0;  
}  
* html body{  
    overflow: hidden;  
    text-align: center; 
}   
div#headerArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    z-index: 9999;  
    width: 100%;  
    height: 86px;  
    background-color: #ffffff;  
    color: #fff;  
}  

div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;
    width: 100%;  
    height: 80px;  
    background-color: #ffffff;  
    color: #fff;  
}

/*大きいモニタの場合非表示にする*/
 @media screen and (min-width: 1024px) {
div#headerArea {
	visibility: hidden;
}
}
/*大きいモニタの場合非表示にする*/
 @media screen and (min-width: 1024px) {
div#footerArea {
	visibility: hidden;
}
}


/*小さいモニタの場合非表示にする*/
 @media screen and (max-width: 644px) {

div#footerClone {
	visibility: hidden;
}