@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;
}

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

.text_XS {
  font-size: 10px;
}

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


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



/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#g_navi {
	width:960px;
	height:34px;
	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:34px;
  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:120px;
}
#g_navi li.g_navi03 a {
  background:url(img/g_navi.gif) no-repeat -240px 0px;
  width:120px;
}
#g_navi li.g_navi04 a {
  background:url(img/g_navi.gif) no-repeat -360px 0px;
  width:120px;
}
#g_navi li.g_navi05 a {
  background:url(img/g_navi.gif) no-repeat -480px 0px;
  width:120px;
}
#g_navi li.g_navi06 a {
  background:url(img/g_navi.gif) no-repeat -600px 0px;
  width:120px;
}
#g_navi li.g_navi07 a {
  background:url(img/g_navi.gif) no-repeat -720px 0px;
  width:120px;
}
#g_navi li.g_navi08 a {
  background:url(img/g_navi.gif) no-repeat -840px 0px;
  width:120px;
}
/*------hover*/
#g_navi li.g_navi01 a:hover {
  background:url(img/g_navi.gif) no-repeat 0px -34px;
}
#g_navi li.g_navi02 a:hover {
  background:url(img/g_navi.gif) no-repeat -120px -34px;
}
#g_navi li.g_navi03 a:hover {
  background:url(img/g_navi.gif) no-repeat -240px -34px;
}
#g_navi li.g_navi04 a:hover {
  background:url(img/g_navi.gif) no-repeat -360px -34px;
}
#g_navi li.g_navi05 a:hover {
  background:url(img/g_navi.gif) no-repeat -480px -34px;
}
#g_navi li.g_navi06 a:hover {
  background:url(img/g_navi.gif) no-repeat -600px -34px;
}
#g_navi li.g_navi07 a:hover {
  background:url(img/g_navi.gif) no-repeat -720px -34px;
}
#g_navi li.g_navi08 a:hover {
  background:url(img/g_navi.gif) no-repeat -840px -34px;
}

/*------on*/
#g_navi li.g_navi01_on a {
  background:url(img/g_navi.gif) no-repeat 0px -68px;
  width:120px;
}
#g_navi li.g_navi02_on a {
  background:url(img/g_navi.gif) no-repeat -120px -74px;
  width:120px;
}
#g_navi li.g_navi03_on a {
  background:url(img/g_navi.gif) no-repeat -240px -74px;
  width:120px;
}
#g_navi li.g_navi04_on a {
  background:url(img/g_navi.gif) no-repeat -360px -74px;
  width:120px;
}
#g_navi li.g_navi05_on a {
  background:url(img/g_navi.gif) no-repeat -480px -74px;
  width:120px;
}
#g_navi li.g_navi06_on a {
  background:url(img/g_navi.gif) no-repeat -600px -74px;
  width:120px;
}
#g_navi li.g_navi07_on a {
  background:url(img/g_navi.gif) no-repeat -720px -74px;
  width:120px;
}
#g_navi li.g_navi08_on a {
  background:url(img/g_navi.gif) no-repeat -840px -74px;
  width:120px;
}

.subtitle {
	background:url(images/subtitle.gif);
	font-size:10px;
	color:#ff6633;
	padding:5px;
}

.menu01{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	background: url(images/menu_base.gif) repeat-x;
	padding: 6px 6px 5px 20px;
	border: 1px solid #d6d5d5;
	margin-bottom: 10px;
}

.menu02{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	background: url(images/menu_base.gif) repeat-x;
	padding: 6px 6px 6px 20px;
	border: 1px solid #d6d5d5;
	margin: 0 10px 10px 0;
}