* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}


body {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
   メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica,
   Arial, sans-serif;
   font-size: 75%;
   line-height: 1.25;　/* まぁ適当に変更 */
   color: #333333;　/* まぁ適当に変更 */
}

html>/**/body {
   font-size: 12px; /* IE以外で12pxを指定 */
}


img {
	border: none;
	vertical-align: top;
}


p {
   font-size: 84%;　/* 10/12=83.333 を切り上げ */
   margin-bottom: 0px ; margin-top: 0px ; padding-bottom:0px ; padding-top:0px ;
}


a  {
   text-decoration: none;
}


a:active {
   color: #000000;
}


a:link {
   color: #000000;
}


a:visited {
   color: #999999;
}


a:hover {
   color: #009900;
}



#maincontainer  {

   width: 720px; /* 720 - 20 - 2 = 698 */
   height: 500px; /* 500 - 20 -2 = 478 */
   border: 1px solid #000;
   position: absolute; /* bodyに対する位置指定 */
   top: 50%; /* ボックスの左上カドを天地のセンターに */
   left: 50%; /* ボックスの左上カドを左右のセンターに */
   margin: -250px 0 0 -360px; /* ボックス全体を天地左右サイズの半分移動 */
}


#maincontainer2  {

   width: 720px; /* 720 - 20 - 2 = 698 */
   height: 500px; /* 500 - 20 -2 = 478 */
   border: 1px solid #000;
   position: absolute; /* bodyに対する位置指定 */
   top: 50%; /* ボックスの左上カドを天地のセンターに */
   left: 50%; /* ボックスの左上カドを左右のセンターに */
   margin: -250px 0 0 -360px; /* ボックス全体を天地左右サイズの半分移動 */
}


#footer {
   width: 300px;
   height: 24px; 
   position: absolute; /* bodyに対する位置指定 */
   top: 50%; /* ボックスの左上カドを天地のセンターに */
   left: 50%; /* ボックスの左上カドを左右のセンターに */
   margin: 255px 0 0 -360px; /* ボックス全体を天地左右サイズの半分移動 */
   font-size: 10px;
   color: #999999;

}


/*  ナビ
---------------------------------------------*/

#globalNav {
   width: 280px; /* 720 - 20 - 2 = 698 */
   height: 20px; /* 500 - 20 -2 = 478 */
   position: absolute; /* bodyに対する位置指定 */
   top: 50%; /* ボックスの左上カドを天地のセンターに */
   left: 50%; /* ボックスの左上カドを左右のセンターに */
   margin: -272px 0 0 95px
; /* ボックス全体を天地左右サイズの半分移動 */
	width: 280px;
	height: 20px;
	list-style-type: none;
	background: #000000 url(../img/mark/globalNavi3.gif) left top repeat-x;
}

#globalNav li {
	float: left;
	width: 40px;
}

#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:20px;
	padding-top: 20px;
	background-image: url(../img/mark/globalNavi3.gif);
	color: #FFFFFF;
}



/*  ナビ・背景画像のコントロール
---------------------------------------------*/
	
	/* 通常 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -40px  0; }
	#nav03 a { background-position: -80px 0; }
	#nav04 a { background-position: -120px 0; }
	#nav05 a { background-position: -160px 0; }
	#nav06 a { background-position: -200px 0; }
	#nav07 a { background-position: -240px 0; }
	
	/* オンマウス */
	#nav01 a:hover { background-position:  0     -20px; }
	#nav02 a:hover { background-position: -40px  -20px; }
	#nav03 a:hover { background-position: -80px -20px; }
	#nav04 a:hover { background-position: -120px -20px; }
	#nav05 a:hover { background-position: -160px -20px; }
	#nav06 a:hover { background-position: -200px -20px; }
	#nav07 a:hover { background-position: -240px -20px; }



#pageicon {
   width: 65px;
   height: 19px; 
   position: absolute; /* bodyに対する位置指定 */
   top: 50%; /* ボックスの左上カドを天地のセンターに */
   left: 50%; /* ボックスの左上カドを左右のセンターに */
   margin: -230px 0 0 -320px; /* ボックス全体を天地左右サイズの半分移動 */

}




#goinfo {
   width: 65x;
   height: 12px; 
   position: absolute; /* bodyに対する位置指定 */
   top: 50%; /* ボックスの左上カドを天地のセンターに */
   left: 50%; /* ボックスの左上カドを左右のセンターに */
   margin: 215px 0 0 273px; /* ボックス全体を天地左右サイズの半分移動 */
   
}