@charset "UTF-8";



/* 全体 */
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EEFFFF;
}



/* ヘッダ */
#header {
	background-color: #00079C;
	margin: auto;
	width: 900px;
} 
#header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}



/* ====================================================グローバルナビ */
ul#g-navi {
height:37px;
background:url(img/g-navi.png);
	margin: 0px;
	padding: 0px;
}
#g-navi li {
	display: inline;
	list-style-type: none;
}

/* ------------------------------------------リンク */
#g-navi li a {
	height:37px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}

/* ------------------------------------------off */
#g-navi li.g-navi01 a {
	background:url(img/g-navi.png) no-repeat 0px 0px;
	width:137px;
}
#g-navi li.g-navi02 a {
	background:url(img/g-navi.png) no-repeat -137px 0px;
	width:251px;
}
#g-navi li.g-navi03 a {
	background:url(img/g-navi.png) no-repeat -388px 0px;
	width:123px;
}
#g-navi li.g-navi04 a {
	background:url(img/g-navi.png) no-repeat -511px 0px;
	width:185px;
}
#g-navi li.g-navi05 a {
	background:url(img/g-navi.png) no-repeat -696px 0px;
	width:204px;
}

/* ------------------------------------------hover*/
#g-navi li.g-navi01 a:hover, #g-navi li.g-navi01-on a {
	background:url(img/g-navi.png) no-repeat 0px -37px;
}
#g-navi li.g-navi02 a:hover, #g-navi li.g-navi02-on a {
	background:url(img/g-navi.png) no-repeat -137px -37px;
}
#g-navi li.g-navi03 a:hover, #g-navi li.g-navi03-on a {
	background:url(img/g-navi.png) no-repeat -388px -37px;
}
#g-navi li.g-navi04 a:hover, #g-navi li.g-navi04-on a {
	background:url(img/g-navi.png) no-repeat -511px -37px;
}
#g-navi li.g-navi05 a:hover, #g-navi li.g-navi05-on a {
	background:url(img/g-navi.png) no-repeat -696px -37px;
}

/* ------------------------------------------on*/
#g-navi li.g-navi01-on a {
	background:url(img/g-navi.png) no-repeat 0px -37px;
		width:137px;
}
#g-navi li.g-navi02-on a {
	background:url(img/g-navi.png) no-repeat -137px -37px;
		width:251px;
}
#g-navi li.g-navi03-on a {
	background:url(img/g-navi.png) no-repeat -388px -37px;
		width:123px;
}
#g-navi li.g-navi04-on a {
	background:url(img/g-navi.png) no-repeat -511px -37px;
		width:185px;
}
#g-navi li.g-navi05-on a {
	background:url(img/g-navi.png) no-repeat -696px -37px;
		width:204px;
}



/* メイン */
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/bg.gif);
	background-repeat: repeat-y;
	}
#container .clearfloat {
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

/* フッタ */
#footer {
	padding: 0; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#DDDDDD;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
} 
#footer p {
	margin: 0px; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	padding: 0px;
}