/* Basic code - don't modify */

 #nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }

/* Everything else is theming */

#nav {
	background-color: none;
	height: 35px;
}

/* Essentials - configure this */

#nav ul {
	width: 500px;
}/*ドロップダウンの幅設定*/
#nav *:hover {	background-color: none;}
#nav li {
	line-height: 35px;
	height: 35px;
	width: 240px;
	text-align: center;
	/*color: #FFFFFF;*/
	background-color: #DDDDDD;/*リストのデフォルトカラー*/
	opacity: 1;
	/*	filter: alpha(opacity=100); */
	-ms-filter: "alpha( opacity=100 )";
	background-image: url(../img/navi_b240.png);
}

#nav a {
	/* [disabled]border-right: 1px solid #666666; */
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000;
}/*リスト内リンクのデフォルト*/
#nav li.hover {
	background-color: #666666;
	color: #FFFFFF;
	background-image: url(../img/navi_bo240.png);
}/*リストをマウスオーバーした時の色（ドロップダウン内のリンクも）*/
#nav ul ul {
	width: 350px;
	left: 240px;
}

#nav ul li {
	background-color: #666666;/*ドロップダウン内のボーダー*/
	text-align: center;
	background-image: url(../img/navi_li240.png);
	width: 240px;
	/* [disabled]font-size:0.92em; */
	border-bottom-width: 1px;
	border-bottom-style: ridge;
	border-bottom-color: #eaeaea;
}
#nav ul li li {
	background-image: url(../img/navi_li350.png);
	width: 350px;
	text-align: left;
}
#nav ul li li a {
	padding-left:15px;
}

/*#nav ul li.hover{
	background-color: #666666;
	color: #FFFFFF;
	background-image: url(../img/navi_lio.png);
}*/

  #nav ul {
	top: 35px;
}/*どの高さから出現するか（リストの縦+1px)*/

/*#nav ul li.hover{ background-color: #0066FF; }*//*ドロップダウン内リンクのマウスオーバー色*/

	#nav ul a.hover {
	background-color: #0099FF;
	background-image: url(../img/navi_lio240.png);
}/*ドロップダウン内リンクのマウスオーバー色*/
	#nav ul ul a.hover {
	background-image: url(../img/navi_lio350.png);
}
/*   #nav ul a {
	border-right:none;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
}*/
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */