/**** メニューバー ****/
.navi
{
  clear: both;
  padding: 0;
  margin: 0 auto;
/*	width:100%;*/
	width:800px;
	height:30px;
  position: relative;
  z-index: 500;
	min-width:800px;
  font-family: arial, verdana, sans-serif;
  font-size: 10pt;
  list-style:none;
  border-bottom: 5px solid #0a50a1;
}

/**** リスト ****/
.navi li
{
	float:left;
	text-align:center;
	background: url(background/menu/back_off.gif);
/*	width:120px;*/
}
/* リストの縦配置 */
.navi li:hover
{
  position: relative;
  z-index: 300;
}

/**** トップメニュー ****/
.navi a.menu, a.nolink
{
	display:block;
	height:30px;
  line-height: 30px;
	color:#000;
	text-decoration:none;
	width:120px;
}

.navi a.menu:hover
{
  color: #000;
  background: url(background/tab_on.gif);
	width:120px;
}

/**** サブメニュー ****/
.navi ul
{
  position: absolute;
  left: -9999px;
  top: -9999px;
  list-style: none;
	margin:0 0 0 -1px;
	padding:0px;
  white-space: nowrap;
  height: auto;
  width: 120px;
  z-index: 300;
  text-align: left;
  background-color: #bbd9fd;
}

/*サブメニュー表示*/
.navi :hover ul
{
  left: 0;
  top: 30px;
  line-height:30px;
  white-space: nowrap;
}

/*サブメニュー class="sub"*/
li.sub, li.top
{
	float:left;
  line-height:30px;
  height:30px;
  text-align: left;
  width:120px;
/*  border:1px solid #8fb9d0;
  border-width:0px 1px 1px 1px;*/
}

li.sub a:hover,li.top a:hover
{
  position: relative;
  z-index: 300;
  background: transparent;
  font-weight: normal;
/*	background: #fff url(background/back_on.gif);*/
}

/*サブメニュー内の文字*/
.navi :hover ul li a
{
  display: block;
  font-weight:normal;
  height:30px;
  padding: 0 10px;
  color: #000;
  text-decoration: none;
  text-align: left;
} 

/*サブメニューの入れ子*/
.navi li:hover li:hover > ul
{
  left: 0px;
  top: 0px;
	margin-left: 100%;
	margin-top: 0px;
}

.navi li:hover > ul ul
{
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: auto;
  background-color: #d9fdff;
  border-top:1px solid #7db5de;
}

/**** ホームメニュー ****/
li.home
{
  color: #000;
  background: url(background/menu/back_home.gif);
  border:1px solid #aeaeae;
  border-color:#fff #aeaeae #fff #cfcfcf;
  border-width:0px 1px 0px 1px;
	margin-right:2px;
}
li.home a.menu:hover
{
  color: #fff;
  background: url(background/menu/back_home_on.gif);
  text-decoration:underline;
}

/**** 製品一覧メニュー ****/
li.product
{
  color: #000;
  background: url(background/menu/back_product.gif);
  border:1px solid #aeaeae;
  border-color:#fff #aeaeae #fff #cfcfcf;
  border-width:0px 1px 0px 1px;
	margin-right:2px;
}
li.product a.menu:hover
{
  color: #fff;
  background: url(background/menu/back_product_on.gif);
  text-decoration:underline;
}
li.product a.nolink:hover
{
  color: #fff;
  background: url(background/menu/back_product_on.gif);
  text-decoration:none;
}
li.product li
{
	float:left;
	text-align:center;
	background: url(background/menu/back_product_sub.gif);
  border:1px solid #e4b2eb;
  border-width:0px 1px 1px 1px;
}
li.product li.top
{
	float:left;
	text-align:center;
	background: url(background/menu/back_product_sub.gif);
  border:1px solid #e4b2eb;
}
li.product li a:hover
{
  position: relative;
  z-index: 300;
  background: transparent;
  font-weight: normal;
	background: url(background/menu/back_product_sub_on.gif);
	text-decoration:underline;
}


/**** サポートメニュー ****/
li.support
{
  color: #000;
  background: url(background/menu/back_support.gif);
  border:1px solid #aeaeae;
  border-color:#fff #aeaeae #fff #cfcfcf;
  border-width:0px 1px 0px 1px;
	margin-right:2px;
}
li.support a.menu:hover
{
  color: #fff;
  background: url(background/menu/back_support_on.gif);
  text-decoration:underline;
}
li.support a.nolink:hover
{
  color: #fff;
  background: url(background/menu/back_support_on.gif);
  text-decoration:none;
}
li.support li
{
	float:left;
	text-align:center;
	background: url(background/menu/back_support_sub.gif);
  border:1px solid #a7cea5;
  border-width:0px 1px 1px 1px;
}
li.support li.top
{
	float:left;
	text-align:center;
	background: url(background/menu/back_support_sub.gif);
  border:1px solid #a7cea5;
}
li.support li a:hover
{
  position: relative;
  z-index: 300;
  background: transparent;
  font-weight: normal;
	background: url(background/menu/back_support_sub_on.gif);
	text-decoration:underline;
}

/**** サイト(会員)メニュー ****/
li.user
{
  color: #000;
  background: url(background/menu/back_user.gif);
  border:1px solid #aeaeae;
  border-color:#fff #aeaeae #fff #cfcfcf;
  border-width:0px 1px 0px 1px;
}
li.user a.menu:hover
{
  color: #fff;
  background: url(background/menu/back_user_on.gif);
  text-decoration:underline;
}
li.user a.nolink:hover
{
  color: #fff;
  background: url(background/menu/back_user_on.gif);
  text-decoration:none;
}
li.user li
{
	float:left;
	text-align:center;
	background: url(background/menu/back_user_sub.gif);
  border:1px solid #609ecd;
  border-width:0px 1px 1px 1px;
}
li.user li.top
{
	float:left;
	text-align:center;
	background: url(background/menu/back_user_sub.gif);
  border:1px solid #609ecd;
}
li.user li a:hover
{
  position: relative;
  z-index: 300;
  background: transparent;
  font-weight: normal;
	background: url(background/menu/back_user_sub_on.gif);
	text-decoration:underline;
}

/**** ログインメニュー ****/
li.login
{
  float: right;
  color: #000;
  font-weight:bold;
  background: url(background/menu/back_login.gif);
  border:1px solid #fcb800;
  border-color:#fff #fcb800 #fff #fcb800;
  border-width:0px 1px 0px 1px;
  width:200px;
}
li.login a.menu
{
	display:block;
	height:30px;
  line-height: 30px;
	color:#000;
	text-decoration:none;
	width:200px;
}
li.login a.menu:hover
{
  color: #000;
  font-weight:bold;
  background: url(background/menu/back_login_on.gif);
  text-decoration:underline;
  width:200px;
}

/*
li.login a.top
{
  line-height: 30px;
  color: #000;
  text-decoration: none;
  font-weight:bold;
}
*/
/* IE6.0用 */
.navi li:hover
{
	position:relative;
	z-index:300;
}
.navi a:hover
{
  position: relative;
  z-index: 300;
  background: transparent;
  font-weight: normal;
}
.navi a:hover a:hover ul, .navi a:hover a:hover a:hover ul
{
  left: 100%;
  top: 0px;
}
.navi a:hover ul ul, .navi a:hover a:hover ul ul
{
  position: absolute;
  left: -9999px;
  top: -9999px;
  background-color: #d9fdff;
  border-top:1px solid #7db5de;
}
.navi table
{
  border-collapse: collapse;
  margin-right: -10px;
  padding:0;
  margin:0;
}