/* デザイン */
#menu li {
	line-height:31px;
	width:133px;
	color:#000000;
	text-align: center;
	background-image: url(img/menu/bc-01.gif);
}

#menu li li {
	font-size: 10px;
	line-height:18px;
	width:133px;
	text-align: left;
}

#menu li a{
	display: block;
	width:133px;
	text-decoration:none;
	color:#ffffff;
	padding:0 0;
}

#menu li:hover {
	color:#ffffff;
	background:#ffffff;
}

#menu .column1, #menu .column2, #menu .column3 {
	color:#ffffff;
	background:#ffffff;
}


/* メインメニュー */
#menu ul {
	display:block;
	list-style-type: none;
	margin:0;
	padding:0;
}

/* サブメニュー1段目 */
#menu ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
}

/* サブメニュー2段目以降 */
#menu ul ul ul {
	top:0;
	left:100%;
}

/* リスト */
#menu li {
	float:left;
}

#menu li li {
	clear:both;
}

#menu li:hover {
	position:relative;
}

#menu li:hover > ul {
	display: block
}

/* IE6用 */
* html #menu li {
	behavior: expression(
	this.onmouseover=new Function("this.className='column1'"),
	this.onmouseout=new Function("this.className=''"),
	this.style.behavior = 'none'
	);
}

* html #menu li li {
	behavior: expression(
	this.onmouseover=new Function("this.className='column2'"),
	this.onmouseout=new Function("this.className=''"),
	this.style.behavior = 'none'
	);
}

* html #menu li li li {
	behavior: expression(
	this.onmouseover=new Function("this.className='column3'"),
	this.onmouseout=new Function("this.className=''"),
	this.style.behavior = 'none'
	);
}

#menu .column1 {position:relative;}
#menu .column1 ul {display:block;}
#menu .column1 * ul {display:none;}

#menu .column2 {position:relative;}
#menu .column2 ul {display:block;}
#menu .column2 * ul {display:none;}

#menu .column3 {position:relative;}
#menu .column3 ul {display:block;}
#menu .column3 * ul {display:none;}