/* メインメニュー */



#menu ul {

    display: block;

    list-style-type: none;

    margin: 0;

    padding: 0;

}



/* サブメニュー1段目 */



#menu ul ul{

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    border: 1px solid #4B0082;

}



/* サブメニュー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;
}



/* デザイン */



#menu li {
	    line-height: 2.5em;    text-align: center;    background: #F5F5F5;    font-size: 90%;
}#menu li li {
	    text-align: center;
}#menu li a{
	    display: block;    width: 145px;    text-decoration: none;    color: #4b0082;    padding: 0;
}#menu li:hover {    background: #d8bfd8;    color: #333;}#menu .column1, #menu .column2, #menu .column3 {
	    color: #333;    background: #d8bfd8;
}