/* Starter CSS for Flyout Menu */
#cssmenu,#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {

  list-style: none;

  margin: 0;

  padding: 0;

  border: 0;

}

#cssmenu ul {

   display: block;

  z-index: 597;

  float: left;

}

#cssmenu ul li {

  float: left;

  min-height: 1px;

  line-height: 1em;

  vertical-align: middle;

}

#cssmenu ul li.hover,
#cssmenu ul li:hover {

  position: relative;
  z-index: 599;

  cursor: default;

}

#cssmenu ul ul {

  margin-top: 1px;

  visibility: hidden;

  position: absolute;

  top: 1px;

  left: 99%;

  z-index: 598;

  width: 100%;

}

#cssmenu ul ul li {

 float: none;

}
#cssmenu ul li:hover > ul {

  visibility: visible;

}

#cssmenu ul li {

  float: none;

}



/* Custom CSS Styles */

#cssmenu {

  font-family: 'ヒラギノ明朝 ProN W3','Hiragino Kaku Gothic ProN', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 18px;

}

#cssmenu ul a,
#cssmenu ul a:link,
#cssmenu ul a:visited {

  display: block;

  color: #444;

  text-decoration: none;

  font-weight: 300;

}

#cssmenu > ul {

  float: none;

}

#cssmenu ul {

  background: #fff;

}

#cssmenu > ul > li {

  border-left: 3px solid #d7d8da;

}

#cssmenu > ul > li > a {

  padding: 10px 20px;

}

#cssmenu > ul > li:hover {

  border-left: 3px solid #3dbd99;

}

#cssmenu ul li:hover > a {

  color: #3dbd99;

}

#cssmenu > ul > li:hover {

  background: #efefef;

}

#cssmenu > ul > li.now_menu,#cssmenu ul li.now_menu.hover,
#cssmenu ul li.now_menu:hover {

  min-height: 1px;

  line-height: 1em;

  vertical-align: middle;

  padding: 10px 20px;

  border-left: 3px solid #e6b422;
  background: #efefef;

}