@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:0px;

}

h1 {

	margin:0px 0 0px;

	font-size:100%;

}

h2 {

	margin:0px 0 0px;

	font-size:85%;

	font-weight:normal;

}

#footer {

	margin:0px;

	text-align:right;

}

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

#bg_frame {

	margin:0 auto;

	width:950px;

}

/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */

#g_navi {

	height:40px;

	background:url(../img/g_navi_bg.gif) no-repeat;

	margin:0 0 0 0px;

}

#g_navi ul {

	padding:0px 0 0 0px;

}

#g_navi li {

	display:inline;

	list-style-type:none;

}

#g_navi li a {

	height:40px;

	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:95px;

}

#g_navi li.g_navi02 a {

	background:url(../img/g_navi.gif) no-repeat -95px 0px;

	width:95px;

}

#g_navi li.g_navi03 a {

	background:url(../img/g_navi.gif) no-repeat -190px 0px;

	width:95px;

}

#g_navi li.g_navi04 a {

	background:url(../img/g_navi.gif) no-repeat -285px 0px;

	width:95px;

}

#g_navi li.g_navi05 a {

	background:url(../img/g_navi.gif) no-repeat -380px 0px;

	width:95px;

}

#g_navi li.g_navi06 a {

	background:url(../img/g_navi.gif) no-repeat -475px 0px;

	width:95px;

}

#g_navi li.g_navi07 a {

	background:url(../img/g_navi.gif) no-repeat -570px 0px;

	width:95px;

}

#g_navi li.g_navi08 a {

	background:url(../img/g_navi.gif) no-repeat -665px 0px;

	width:95px;

}

#g_navi li.g_navi09 a {

	background:url(../img/g_navi.gif) no-repeat -760px 0px;

	width:95px;

}

#g_navi li.g_navi10 a {

	background:url(../img/g_navi.gif) no-repeat -855px 0px;

	width:95px;

}

/*------hover*/

#g_navi li.g_navi01 a:hover {

	background:url(../img/g_navi.gif) no-repeat 0px -80px;

}

#g_navi li.g_navi02 a:hover {

	background:url(../img/g_navi.gif) no-repeat -95px -80px;

}

#g_navi li.g_navi03 a:hover {

	background:url(../img/g_navi.gif) no-repeat -190px -80px;

}

#g_navi li.g_navi04 a:hover {

	background:url(../img/g_navi.gif) no-repeat -285px -80px;

}

#g_navi li.g_navi05 a:hover {

	background:url(../img/g_navi.gif) no-repeat -380px -80px;

}

#g_navi li.g_navi06 a:hover {

	background:url(../img/g_navi.gif) no-repeat -475px -80px;

}

#g_navi li.g_navi07 a:hover {

	background:url(../img/g_navi.gif) no-repeat -570px -80px;

}

#g_navi li.g_navi08 a:hover {

	background:url(../img/g_navi.gif) no-repeat -665px -80px;

}

#g_navi li.g_navi09 a:hover {

	background:url(../img/g_navi.gif) no-repeat -760px -80px;

}

#g_navi li.g_navi10 a:hover {

	background:url(../img/g_navi.gif) no-repeat -855px -80px;

}

/*------on*/

#g_navi li.g_navi01_on a {

	background:url(../img/g_navi.gif) no-repeat 0px -40px;

	width:95px;

}

#g_navi li.g_navi02_on a {

	background:url(../img/g_navi.gif) no-repeat -95px -40px;

	width:190px;

}

#g_navi li.g_navi03_on a {

	background:url(../img/g_navi.gif) no-repeat -190px -40px;

	width:285px;

}

#g_navi li.g_navi04_on a {

	background:url(../img/g_navi.gif) no-repeat -285px -40px;

	width:380px;

}

#g_navi li.g_navi05_on a {

	background:url(../img/g_navi.gif) no-repeat -380px -40px;

	width:475px;

}

#g_navi li.g_navi06_on a {

	background:url(../img/g_navi.gif) no-repeat -475px -40px;

	width:570px;

}

#g_navi li.g_navi07_on a {

	background:url(../img/g_navi.gif) no-repeat -570px -40px;

	width:665px;

}

#g_navi li.g_navi08_on a {

	background:url(../img/g_navi.gif) no-repeat -665px -40px;

	width:760px;

}

#g_navi li.g_navi09_on a {

	background:url(../img/g_navi.gif) no-repeat -760px -40px;

	width:885px;

}

#g_navi li.g_navi10_on a {

	background:url(../img/g_navi.gif) no-repeat -885px -40px;

	width:950px;

}