@charset "EUC-JP";

/* ナビゲーション用CSS */


/* ==================================================== */
/* ヘッダーナビゲーション　　　　　　　　　　　　　　　 */
/* ==================================================== */
#header ul#nav {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 788px;
	height: 45px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/header-navi.png);
}
#header ul#nav li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 45px;
  float: left;
}
#header ul#nav li a {
	display: block;
	padding: 0;
	height: 45px;
	text-decoration: none;
}

#header ul#nav li#nav-home      { width:  119px; }
#header ul#nav li#nav-news   { width:  119px; }
#header ul#nav li#nav-value   { width:  119px; }
#header ul#nav li#nav-about { width:  119px; }
#header ul#nav li#nav-career { width:  119px; }

#header ul#nav li#nav-home a      { background-position: 0px 0; }
#header ul#nav li#nav-news a   { background-position: -119px 0; }
#header ul#nav li#nav-value a   { background-position: -238px 0; }
#header ul#nav li#nav-about a { background-position: -357px 0; }
#header ul#nav li#nav-career a { background-position: -476px 0; }

#header ul#nav li#nav-home a:hover      { background: url(../images/header-navi-h.png) -0px 0 ; }
#header ul#nav li#nav-news a:hover   { background: url(../images/header-navi-h.png) -119px 0;}
#header ul#nav li#nav-value a:hover   { background: url(../images/header-navi-h.png) -238px 0; }
#header ul#nav li#nav-about a:hover { background: url(../images/header-navi-h.png) -357px 0; }
#header ul#nav li#nav-career a:hover { background: url(../images/header-navi-h.png) -476px 0; }

#header ul#nav li#nav-home.stay      { 0px 0; }
#header ul#nav li#nav-news.stay      { background: url(../images/header-navi-h.png) -119px 0; }
#header ul#nav li#nav-value.stay   { background: url(../images/header-navi-h.png) -238px 0; }
#header ul#nav li#nav-about.stay   { background: url(../images/header-navi-h.png) -357px 0; }
#header ul#nav li#nav-career.stay { background: url(../images/header-navi-h.png) -476px 0; }

#header ul#nav li#nav-news.stay a      { background: url(../images/header-navi-h.png) -119px 0; }
#header ul#nav li#nav-value.stay a   { background: url(../images/header-navi-h.png) -238px 0; }
#header ul#nav li#nav-about.stay a   { background: url(../images/header-navi-h.png) -357px 0; }
#header ul#nav li#nav-career.stay a { background: url(../images/header-navi-h.png) -476px 0; }

#header ul#nav li#nav-home.stay a:hover    { -0px 0; }
#header ul#nav li#nav-news.stay a:hover { -119px 0; }
#header ul#nav li#nav-value.stay a:hover { -238px 0; }
#header ul#nav li#nav-about.stay a:hover { -357px 0; }
#header ul#nav li#nav-career.stay a:hover { -476px 0; }

/* ==================================================== */
/* サイドナビゲーション                                 */
/* ==================================================== */
#sidemenu{
	width: 205px;
	}
	
/* メインメニュー */
.menu {
	display: block;
	width: 205px;
	height: 39px;
	font-size: 12px;
	padding: 0px;
	margin:  0px;
	border-left: 1px solid #D5D5D5;
	}
.menu a {
	display: block;
	width: 173px;
	height: 39px;
	color: #FFFFFF;
	padding-left: 32px;
	background-image: url(../images/menu.gif);
	text-decoration: none;
	line-height: 3.2em;
}
.menu a:hover{
	background-image: url(../images/menu-h.gif);
}

/* メインメニュー現在地 */
.menu-stay {
	width: 171px;
	height: 25px;
	font-size: 12px;
	color: #4387BF;
	padding-left: 34px;
	background-image: url(../images/menu-stay.gif);
	border-left: 1px solid #FFFFFF;
	padding-top: 10pt;
}

/* メインメニュー現在地リンクあり */
.menu-stay-link {
	display: block;
	width: 205px;
	font-size: 12px;
	padding: 0px;
	margin:  0px;
	border-left: 1px solid #FFFFFF;
	}
.menu-stay-link a {
	display: block;
	width: 171px;
	height: 39px;
	color: #4387BF;
	padding-left: 34px;
	background-image: url(../images/menu-stay.gif);
	text-decoration: none;
	line-height: 3.2em;
}

/* サブメニュー */
.submenu {
	display: block;
	width: 205px;
	font-size: 12px;
	padding: 0px;
	margin:  0px;
	border-left: 1px solid #FFFFFF;
	}
.submenu a {
	display: block;
	width: 157px;
	height: 39px;
	color: #4387BF;
	padding-left: 48px;
	background-image: url(../images/submenu.gif);
	text-decoration: none;
	line-height: 3.2em;
}
.submenu a:hover{
	background-image: url(../images/submenu-stay.gif);
}

/* サブメニュー現在地 */
.submenu-stay {
	width: 157px;
	height: 39px;
	font-size: 12px;
	color: #4387BF;
	padding-left: 48px;
	background-image: url(../images/submenu-stay.gif);
	border-left: 1px solid #FFFFFF;
	line-height: 3.2em;
	letter-spacing: 0.1em;
	font-weight: bold;
}

/* サブメニュー現在地リンクあり */
.submenu-stay-link {
	display: block;
	width: 205px;
	font-size: 12px;
	padding: 0px;
	margin:  0px;
	border-left: 1px solid #FFFFFF;
	font-weight: bold;
	}
.submenu-stay-link a{
	display: block;
	width: 157px;
	height: 39px;
	font-size: 12px;
	color: #4387BF;
	padding-left: 48px;
	background-image: url(../images/submenu-stay.gif);
	line-height: 3.2em;
	letter-spacing: 0.1em;
	text-decoration: none;
}

/* サイドメニュー下グラデーション */
.sidemenu-gra{
	background-image: url(../images/sidemenu-gra.gif);
	width: 206px;
	height: 212px;
}

/* ==================================================== */
/* フッターナビゲーション                               */
/* ==================================================== */
#footer-nav {
	margin: 30px 48px 0px 0px;
	float: right;
}
#footer ul#nav {
	padding: 0px;
	margin: 0;
}
#footer ul#nav li.top {
	list-style: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	float: left;
}
#footer ul#nav li.other {
	list-style: none;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	float: left;
	border-left: 1px solid #666666;
}
#footer ul#nav li a {
	display: block;
	margin: 0;
	padding: 0;
	color: #666666;
	text-decoration: none;
}
#footer ul#nav li a:hover {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #6AC4FF;
}