#navi ul { /*リスト全体*/
  list-style: none;
  margin: 0;
  padding: 0;
}
 
#navi li { /*リストの1段目*/
  float: left;
  min-width: 94px;
  white-space: nowrap;
}
 
#navi ul ul { /*2段目以降*/
  display: none;
  position: absolute;
  z-index: 10;
}
 
#navi li ul li { /*2段目以降のリスト項目*/
  clear: left;
  position:relative;
  width: 100%;
  -moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
 
#navi ul ul ul { /*3段目以降*/
  top: 0;
  left: 100%;
}
 
#navi ul li:hover > ul {
  display: block;
}

#navi a{
	display:block;
}
 
#navi ul ul a { /*1段目以降のメニュー文字*/
  font-size: 10px;
  line-height:15px;
  color: #666;
  text-decoration: none;
  text-align: left; /*1段目は文字を中央合わせに*/
  padding: 5px 10px;
  /*background-color: #ffe5c9;*/
  background:#FFE5C9;
  display: block;
}
 
#navi ul ul a:hover {
  color: #fff;
  background-color: #ff584e;
}
 
#navi ul ul {
  padding-top: 2px;/*2段目を少し下げた*/
}
 
#navi ul ul ul { /*3段目以降*/
  padding-top: 0; /*2段目のパディング2pxを元に戻す*/
}
 
#navi li li {
  margin-left: 0; /*liのmargin-left: 3pxを元に戻す*/
}
 
#navi ul ul ul a { /*2段目以降のメニュー文字*/
  font-size: 10px;
  line-height: 1.3;
  text-align: left; /*2段目以降は左寄せにもどす*/
  border-top: solid 1px #555555;
  border-right: solid 1px #070707;
  border-bottom: solid 1px #070707;
  border-left: solid 1px #555555;
  background-color: #343434;
  margin-left:1px;
}
*+html #navi ul ul a { /*IE用*/
width: 136px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
white-space: normal; /*幅に応じて改行*/
}