// ユーザーエージェント
var ua = navigator.userAgent;
// サイズ
var nWidth, nHeight;
// 合致した部分の先頭文字の添え字
var nHit = ua.indexOf("MSIE");
// IE かどうか
var bIE = (nHit >=  0);
// バージョンが 6 かどうか
var bVer6 = (bIE && ua.substr(nHit+5, 1) == "6");
// 標準モードかどうか
var bStd = (document.compatMode && document.compatMode=="CSS1Compat");
var myHeight = 0 ;
//(1)IE 6 & 標準モード,(2)その他 IE,(3)標準準拠仕様
var myMode = 0 ;


function ScreenSize() {
	if (bIE) {
	//IE向け処理
		if (bVer6 && bStd) {
			nHeight = document.documentElement.clientHeight;
			myMode = 1;

			nWidth = document.documentElement.clientWidth ;
			var element2 = document.getElementById("wrapper");
			var size_my = (nWidth - 750)/2  ;
			element2.style.margin = '0 ' + size_my + 'px ' + '0';

		} else {
			nHeight = document.body.clientHeight;
			myMode = 2;
		}
	} else {
	//標準準拠仕様
		nHeight = window.innerHeight;
		myMode = 3;
	}
var myfooter = 40;

if(nHeight < 600){
var myheader = 0;
	document.getElementById("header").style.display = 'none';
}else{
	var myheader = 20;
	document.getElementById("header").style.display = 'block';
}
var bodyHeight = nHeight-myheader-myfooter;
document.getElementById("header").style.height = myheader + 'px';
document.getElementById("footer").style.height = myfooter + 'px';


var element = document.getElementById("head");
var thisMargin =  (bodyHeight/2-250)/2;
element.style.margin = thisMargin + 'px 0';
element.style.height = bodyHeight/2 - thisMargin*2 -10 + 'px' ;

var element = document.getElementById("top"); 
var thisMargin =  (bodyHeight/2-240)/2;
element.style.margin = thisMargin/2 + 'px 0';
element.style.padding = thisMargin/2 + 'px 0';
element.style.height = bodyHeight/2 - thisMargin*2 + 'px' ;


//document.getElementById("copyright").innerHTML = nHeight + 'px';


}

window.onresize = ScreenSize ;
window.onload   = ScreenSize ;