/* ページレイアウト（box）の為のcss */


/* 背景の読み込み*/
body {
			margin: 0px;
			padding: 0px ;
			border: 0px;
			background-color: #ffffff;
			background-image: url(../images/back.png);
			background-position: top center;
			}

html {
			height:100%;
			overflow:auto;
			}
			
#wrapper{
			margin:0 auto;
			position:relative;
			width: 1050px;
			height: 720px;
			min-width:1050px;
			min-height:720px;
			height:100%;
			}
			
* html #wrapper{
			width: 1050px;
			width: expression(document.body.clientWidth < 1050? "1050px" : "auto");
			height: 720px;
			height: expression(document.body.clientHeight < 720? "720px" : "auto");
			}


/* ステージの影の画像の読み込み*/
/* ボックスの左上端を画面のセンターに呼び出し、
widthとheightの半分戻ることでセンター表示、以下同*/
#stage_shadow {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1054;
			height: 606;
			margin-left: -523px;
			margin-top: -291px;
			border-width: 0;
			text-align: center;
			padding-bottom: 0px;
			background-image: url(../images/stage_shadow.png);
			background-repeat: no-repeat;
			}

* html #stage_shadow{
  behavior: url(iepngfix.htc):
}
			
/* ステージの影の画像の読み込み*/
#stage_action_shadow {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1054;
			height: 606;
			margin-left: -523px;
			margin-top: -291px;
			border-width: 0;
			text-align: center;
			padding-bottom: 0px;
			background-image: url(../images/stage_action_shadow.png);
			background-repeat: no-repeat;
			}

* html #stage_action_shadow{
  behavior: url(iepngfix.htc):
}
			
/* ステージ画像の読み込み*/
#stage_box {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1024;
			height: 576;
			margin-left: -512px;
			margin-top: -281px;
			border-width: 0;
			background-color:#ffffff;
			text-align: center;
			padding-bottom: 0px;
			background-image: url(../images/stage.jpg);
			background-repeat: no-repeat;
			}
			
* html #stage_box{
  behavior: url(pngbehavior.htc):
}
			
/* ステージ画像の読み込み(透過)*/
#stage_tr_box {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1024;
			height: 576;
			margin-left: -512px;
			margin-top: -281px;
			border-width: 0;
			text-align: center;
			padding-bottom: 0px;
			background-image: url(../images/stage.jpg);
			background-repeat: no-repeat;
			opacity:0.3;
			}

/* index.htmlの上ステージの影の画像の読み込み*/
#stage_index1_shadow {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1049;
			height: 511;
			margin-left: -519px;
			margin-top: -288px;
			border-width: 0;
			text-align: center;
			padding-bottom: 0px;
			background-image: url(../images/stage_index1_shadow.png);
			background-repeat: no-repeat;
			}
			
* html #stage_index1_shadow{
  behavior: url(iepngfix.htc):
}
			
/* index.htmlの上ステージの画像の読み込み*/
#stage_index1_box {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1024;
			height: 486;
			margin-left: -511px;
			margin-top: -275px;
			border-width: 0;
			text-align: center;
			padding-bottom: 0px;
			background-image: url(../images/stage_index1.png);
			background-repeat: no-repeat;
			}
			
/* index.htmlの上ステージのスライドショー用のボックス*/			
#stage_index3_box {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1024;
			height: 486;
			margin-left: -551px;
			margin-top: -296px;
			_margin-left: -1043px;
			_margin-top: -280px;
			border-width: 0;
			text-align: center;
			padding-bottom: 0px;
			background-repeat: no-repeat;
			}
			
* html #stage_index1_box{
  behavior: url(iepngfix.htc):
}
			

			

/* index.htmlの下ステージの影の画像の読み込み*/
#stage_index2_shadow {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1049;
			height: 97;
			margin-left: -519px;
			margin-top: 215px;
			border-width: 0;
			text-align: center;
			padding-bottom: 0px;
			background-image: url(../images/stage_index2_shadow.png);
			background-repeat: no-repeat;
			}
			
* html #stage_index2_shadow{
  behavior: url(iepngfix.htc):
}
			
			
/* index.htmlの下ステージの画像の読み込み*/
#stage_index2_box {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1024;
			height: 72;
			margin-left: -511px;
			margin-top: 224px;
			border-width: 0;
			text-align: center;
			padding-bottom: 0px;
			background-image: url(../images/stage_index2.png);
			background-repeat: no-repeat;
			}
			
/* index.htmlの上ステージ全体*/
#index1_mainfull_box{
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1024px;
			height: 486px;
			margin-left: -513px;
			margin-top: -279px;
			text-align: left;
			vertical-align: middle;
			}
			
/* index.htmlの上ステージ通常*/
#index1_box{
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 850px;
			height: 320px;
			margin-left: -425px;
			margin-top: -194px;
			text-align: right;
			vertical-align: middle;
			}
			
/* index.htmlの下ステージ*/
#index2_box{
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 850px;
			height: 50px;
			margin-left: -425px;
			margin-top: 227px;
			text-align: left;
			vertical-align: middle;
			}
			
/* index.htmlの下ステージ左*/
#index2_left_box{
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 300px;
			height: 50px;
			margin-left: -428px;
			margin-top: 235px;
			text-align: left;
			vertical-align: middle;
			}
			
* html #index2_left_box {
  behavior: url(iepngfix.htc):
}
		
			
/* index.htmlの下ステージ右*/
#index2_right_box{
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 510px;
			height: 50px;
			margin-left: -89px;
			margin-top: 227px;
			text-align: left;
			vertical-align: middle;
			}
			
* html #index2_right_box {
  behavior: url(iepngfix.htc):
}
						
/* 16:9のステージ全体*/
#mainfull_box{
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1024px;
			height: 576px;
			margin-left: -512px;
			margin-top: -280px;
			text-align: left;
			}

/* 16:9のステージ全体グレー*/
#mainfull_gray_box{
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 1024px;
			height: 576px;
			margin-left: -512px;
			margin-top: -280px;
			background-color:#f2f2f2;
			text-align: left;
			opacity:0.5;			
}

/* 説明ページの左側*/
#mainleft_box {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 400px;
			height: 330px;
			margin-left: -454px;
			margin-top: -120px;
			text-align: left;
			}
			
/* 説明ページの右側*/
#mainright_box {
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 397px;
			height: 420px;
			margin-left: 14px;
			margin-top: -214px;
			text-align: right;
			}
			
/*国旗*/
#flag_box{
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 576px;
			height: 15px;
			margin-left: -512px;
			margin-top: 305px;
			border-width: 0;
			text-align: left;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
			font-size:  7pt;
			color: #000000;
			vertical-align: middle;
			-webkit-text-size-adjust:none
			}
			
/* コピーライト*/
#copy_box{
			visibility: visible;
			position: absolute;
			left: 50%;
			top: 50%;
			width: 576px;
			height: 15px;
			margin-left: -60px;
			margin-top: 299px;
			border-width: 0;
			text-align: left;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
			font-size:  7pt;
			color: #000000;
			vertical-align: middle;
			-webkit-text-size-adjust:none
			}