@charset 'shift_jis';

/*-----------------------------------------------------
  Author   :  Takashi Hirasawa
  URL      :  http://css-happylife.com/
  Date     :  06/10/09
  Copyright(C)2006 CSS HappyLife all rights reserved.
-----------------------------------------------------*/
/*-----------------------------------------------------
 // グローバルナビゲーションのロールオーバーをJavaScriptを使わず、CSSのみで実現する
-----------------------------------------------------*/

/* -+-+-+-+-+-+-+-+-+-+-+-+- Basic Style */
* {
	margin:0;
	padding:0;
}
body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#img_container li {
	margin-left:35px;
}

.text_XS {
	font-size: 10px;
}

/* -+-+-+-+-+-+-+-+-+-+-+-+- Body Style */


#bg_frame {
	margin:0px 0px 0px 0px;
	width:966px;
}



/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#g_navi {
	width:966px;
	height:37px;
	background:url(img/g_navi_bg.gif) no-repeat 0px 0px;
	margin:0px 0px 0px 0px;
}
#g_navi ul {
	padding:0px 0px 0px 0px;
}
#g_navi li {
	padding:0px 0px 0px 0px;
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:37px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
	background:url(img/g_navi.gif) no-repeat 0px 0px;
	width:120px;
}
#g_navi li.g_navi02 a {
	background:url(img/g_navi.gif) no-repeat -120px 0px;
	width:121px;
}
#g_navi li.g_navi03 a {
	background:url(img/g_navi.gif) no-repeat -241px 0px;
	width:112px;
}
#g_navi li.g_navi04 a {
	background:url(img/g_navi.gif) no-repeat -353px 0px;
	width:131px;
}
#g_navi li.g_navi05 a {
	background:url(img/g_navi.gif) no-repeat -484px 0px;
	width:117px;
}
#g_navi li.g_navi06 a {
	background:url(img/g_navi.gif) no-repeat -601px 0px;
	width:117px;
}
#g_navi li.g_navi07 a {
	background:url(img/g_navi.gif) no-repeat -718px 0px;
	width:130px;
}
#g_navi li.g_navi08 a {
	background:url(img/g_navi.gif) no-repeat -848px 0px;
	width:106px;
}
/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(img/g_navi.gif) no-repeat 0px -37px;
}
#g_navi li.g_navi02 a:hover {
	background:url(img/g_navi.gif) no-repeat -120px -37px;
}
#g_navi li.g_navi03 a:hover {
	background:url(img/g_navi.gif) no-repeat -241px -37px;
}
#g_navi li.g_navi04 a:hover {
	background:url(img/g_navi.gif) no-repeat -353px -37px;
}
#g_navi li.g_navi05 a:hover {
	background:url(img/g_navi.gif) no-repeat -484px -37px;
}
#g_navi li.g_navi06 a:hover {
	background:url(img/g_navi.gif) no-repeat -601px -37px;
}
#g_navi li.g_navi07 a:hover {
	background:url(img/g_navi.gif) no-repeat -718px -37px;
}
#g_navi li.g_navi08 a:hover {
	background:url(img/g_navi.gif) no-repeat -848px -37px;
}

/*------on*/
#g_navi li.g_navi01_on a {
	background:url(img/g_navi.gif) no-repeat 0px -74px;
	width:120px;
}
#g_navi li.g_navi02_on a {
	background:url(img/g_navi.gif) no-repeat -120px -74px;
	width:121px;
}
#g_navi li.g_navi03_on a {
	background:url(img/g_navi.gif) no-repeat -241px -74px;
	width:112px;
}
#g_navi li.g_navi04_on a {
	background:url(img/g_navi.gif) no-repeat -353px -74px;
	width:131px;
}
#g_navi li.g_navi05_on a {
	background:url(img/g_navi.gif) no-repeat -484px -74px;
	width:117px;
}
#g_navi li.g_navi06_on a {
	background:url(img/g_navi.gif) no-repeat -601px -74px;
	width:117px;
}
#g_navi li.g_navi07_on a {
	background:url(img/g_navi.gif) no-repeat -718px -74px;
	width:130px;
}
#g_navi li.g_navi08_on a {
	background:url(img/g_navi.gif) no-repeat -848px -74px;
	width:106px;
}