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

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

#ver1 {
	background: #000;
}

/*大きいモニタの場合非表示にする*/
 @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;
}
}