﻿#nav
{
  padding: 0;
  margin: 0;
  list-style: none;
  height: 49px;
  position: relative;
  z-index: 200;
  width: 900px;
}

#nav li.top
{
  display: block;
  float: left;
}

#nav li a
{
  display: block;
  float: left;
  height: 49px;
  width: 163px;
  text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

#nav li a b
{
  margin-left: -999px; 
}
/* off---------------------------*/
#nav li a.a01{
	background:url(../../images/button/button.gif) no-repeat 0px 0;
	height:49px;
	width:163px;
}

#nav li a.a02{
	background:url(../../images/button/button.gif) no-repeat -163px 0;
	width:193px;
	height:49px;
}

#nav li a.a03{
	background:url(../../images/button/button.gif) no-repeat -356px 0;
	width:113px;
	height:49px;
}

#nav li a.a04 {
	background:url(../../images/button/button.gif) no-repeat -469px 0;
	width:123px;
	height:49px;
}

#nav li a.a05 {
	background:url(../../images/button/button.gif) no-repeat -592px 0;
	width:143px;
	height:49px;
}

#nav li a.a06 {
	background:url(../../images/button/button.gif) no-repeat -735px 0;
	width:165px;
	height:49px;
}
/* on---------------------------*/
#nav li.a01 a:hover{
	background:url(../../images/button/button.gif) no-repeat 0px  -49px;
	width:163px;
	height:49px;
}

#nav li.a02 a:hover{
	background:url(../../images/button/button.gif) no-repeat -163px -49px;
	width:193px;
	height:49px;
}

#nav li.a03 a:hover{
	background:url(../../images/button/button.gif) no-repeat -356px  -49px;
	width:113px;
	height:49px;
}

#nav li.a04 a:hover {
	background:url(../../images/button/button.gif) no-repeat -469px  -49px;
	width:123px;
	height:49px;
}

#nav li.a05 a:hover {
	background:url(../../images/button/button.gif) no-repeat -592px  -49px;
	width:143px;
	height:49px;
}

#nav li.a06 a:hover {
	background:url(../../images/button/button.gif) no-repeat -735px  -49px;
	width:165px;
	height:49px;
}
/* サブ---------------------------*/
#nav li.a01-1 a {
	background:url(../../images/button/button_sub.gif) no-repeat 0px 0;
	height:30px;
	width:163px;
}
#nav li.a01-2 a {
	background:url(../../images/button/button_sub.gif) no-repeat -163px 0;
	height:30px;
	width:163px;
}
#nav li.a01-3 a {
	background:url(../../images/button/button_sub.gif) no-repeat -326px 0;
	height:30px;
	width:163px;
}
#nav li.a01-4 a {
	background:url(../../images/button/button_sub.gif) no-repeat -489px 0;
	height:30px;
	width:163px;
}
#nav li.a01-5 a {
	background:url(../../images/button/button_sub.gif) no-repeat -652px 0;
	height:30px;
	width:163px;
}

#nav li.a01-6 a {
	background:url(../../images/button/button_sub.gif) no-repeat -815px 0;
	width:163px;
	height:30px;
}

#nav li.a01-1 a:hover {
	background:url(../../images/button/button_sub.gif) no-repeat 0 -30px;
	width:163px;
	height:30px;
}
#nav li.a01-2 a:hover {
	background:url(../../images/button/button_sub.gif) no-repeat -163px -30px;
	width:163px;
	height:30px;
}
#nav li.a01-3 a:hover {
	background:url(../../images/button/button_sub.gif) no-repeat -326px -30px;
	width:163px;
	height:30px;
}
#nav li.a01-4 a:hover {
	background:url(../../images/button/button_sub.gif) no-repeat -489px -30px;
	width:163px;
	height:30px;
}
#nav li.a01-5 a:hover {
	background:url(../../images/button/button_sub.gif) no-repeat -652px -30px;
	width:163px;
	height:30px;
}
#nav li.a01-6 a:hover {
	background:url(../../images/button/button_sub.gif) no-repeat -815px -30px;
	width:163px;
	height:30px;
}



#nav table
{
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;
  padding: 0;
  width: 0;
  height: 0;
  margin: -1px;
}

#nav .sub
{
  position: absolute;
  left: -9999px;
  top: -9999px;
  list-style: none;
}

#nav li:hover
{
  position: relative;
  z-index: 200;
}

#nav a:hover
{
  position: relative;
  white-space: normal;
  z-index: 200;
}

#nav :hover ul.sub
{
  left: 0;
  top: 49px;
  width: 163px;
  height: auto;
  z-index: 300;
}

#nav :hover ul.sub li
{
  display: block;
  height: 30px;
  position: relative;
  float: left;
  width: 163px;
  font-weight: normal;
}








