@charset "utf-8";
/* CSS Document */
#cascade-menu ul { /*リスト全体*/
  list-style: none;
  margin:0;
  padding: 0;
}

#cascade-menu li { /*リストの1段目*/
  float: left;
  min-width: 138px; 	/*この数字の調整で、メニューの行幅をいっぱいにする*/
  white-space: nowrap;
  margin-right: 2px;
}

#cascade-menu ul ul { /*2段目以降*/
  display: none;
  padding-top: 2px;/*2段目を少し下げた*/
  position: absolute;
  z-index: 10;
}

#cascade-menu li li { /*2段目以降のリスト項目*/
  clear: left;
  margin-right: 2px;
  position:relative;
  width: 100%;
}

#cascade-menu ul ul ul { /*3段目以降*/
  top: 0;
  left: 100%;
  padding-top: 0; /*2段目のパディング2pxを元に戻す*/
}

#cascade-menu ul li:hover > ul {
  display: block;
}

*+html #cascade-menu ul ul a { /*IE用*/
width: 72px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
white-space: normal; /*幅に応じて改行*/
}

#cascade-menu a { /*1段目以降のメニュー文字*/
  font-size: 13px;
  line-height:15px;
  color: #eaeaea;
  text-decoration: none;
  text-align: center; /*1段目は文字を中央合わせに*/
  padding: 5px 10px;
  background-image:url(../images/item_bg.png);
  display: block;
}

#cascade-menu a:hover {
  color: #ddffdd;
  background-image:url(../images/item_bg-h.png);
}

#cascade-menu ul ul a { /*2段目以降のメニュー文字*/
  font-size: 12px;
  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;
}