#navi {
	margin:0
	padding:0;
	top:0;
	left:0;
}

/* ドロップダウンメイン部分------------------------------------------ */
#navi ul {
	display:block;
	list-style-type: none;
	margin:0;
	padding:0;
}

/* サブメニュー */
#navi ul ul {
	display:none; /* 隠す */
	position:absolute; 
	top:0; /* 表示する時の開始位置(大分類の下に表示の設定例) */
	left:296px;
}
/* サブメニュー2階層の表示 */
#navi ul ul ul {
	top:0;/* 表示する時の開始位置(小分類の左に表示の設定例) */
	left:0;
}
/* リストを整頓 */
#navi li {
	float:left;
}
#navi li li {
	clear:both;
}
#navi li:hover {
	position:relative;
}
#navi li:hover > ul {
	display: block;
}
/* デザイン部分---------------------------------------------------- */
#navi li {
	line-height:2em;
	text-align: center;

}
#navi li li {
	text-align: left;
}
#navi li a {
	display: block;
	width:296px;
	text-decoration:none;
	color:#333;
	padding:0;
}
#navi li:hover {
	color:#333;

	
}


/* -------ここからIE6対応(IE6非対応なら無くてもOKです)-------*/
/* column1～3クラス記述で指定しています。
(参考：http://www.coolwebwindow.com/csstips/csstechnic/000254.php) ---- */
* html #navi li {
 behavior: expression( this.onmouseover=new Function("this.className='column1'"), this.onmouseout=new Function("this.className=''"), this.style.behavior = 'none' );
}
* html #navi li li {
 behavior: expression( this.onmouseover=new Function("this.className='column2'"), this.onmouseout=new Function("this.className=''"), this.style.behavior = 'none' );
}
* html #navi li li li {
 behavior: expression( this.onmouseover=new Function("this.className='column3'"), this.onmouseout=new Function("this.className=''"), this.style.behavior = 'none' );
}

#navi .column1, #navi .column2, #navi .column3 {
	color:#333;

}

#navi .column1 {
	position:relative;
}
#navi .column1 ul {
	display:block;
}
#navi .column1 * ul {
	display:none;
}
#navi .column2 {
	position:relative;
}
#navi .column2 ul {
	display:block;
}
#navi .column2 * ul {
	display:none;
}
#navi .column3 {
	position:relative;
}
#navi .column3 ul {
	display:block;
}
#navi .column3 * ul {
	display:none;
}



a:hover img.hoverImg2{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}







/* -------ここから2つめのメニュー用-------*/

#navi2 {
	margin:0
	padding:0;
	top:0;
	left:0;
}

/* ドロップダウンメイン部分------------------------------------------ */
#navi2 ul {
	display:block;
	list-style-type: none;
	margin:0;
	padding:0;
}

/* サブメニュー */
#navi2 ul ul {
	display:none; /* 隠す */
	position:absolute; 
	top:0; /* 表示する時の開始位置(大分類の下に表示の設定例) */
	left:296px;
}
/* サブメニュー2階層の表示 */
#navi2 ul ul ul {
	top:0;/* 表示する時の開始位置(小分類の左に表示の設定例) */
	left:0;
}
/* リストを整頓 */
#navi2 li {
	float:left;
}
#navi2 li li {
	clear:both;
}
#navi2 li:hover {
	position:relative;
}
#navi2 li:hover > ul {
	display: block;
}
/* デザイン部分---------------------------------------------------- */
#navi2 li {
	line-height:2em;
	text-align: center;

}
#navi2 li li {
	text-align: left;
}
#navi2 li a {
	display: block;
	width:296px;
	text-decoration:none;
	color:#333;
	padding:0;
}
#navi2 li:hover {
	color:#333;

	
}