.wrap { width:100%; }
.top_wrap { width:100%;  height:120px; background:#fff; border-bottom:1px solid #ccc;z-index:999999; }
.top { width:1200px; margin:0 auto; margin-top:0px; height:70px;  }
.logo {float:left; width:200px;} 


.top_menu_wrap { width:100%; height:50px; background:#b43f86; z-index:999999; }
.top_menu { width:1200px; margin:0 auto;z-index:999999;   }
#navi, #navi ul, #navi ul li #navi ul li ul{ margin:0; padding:0; z-index:999999;}
#navi  {padding-bottom:3px; }
#navi:before,
#navi:after,
#navi > ul:before,
#navi > ul:after { content: ''; display: block; clear: both; }
#navi ul { list-style: none; }
#navi ul li { float: left; position:relative; width:238px; }
#navi ul .navi_step01 { border-right:1px solid #e4f5f6; text-align:center;  }
#navi ul li a { padding: 16px 0px; display:block; color:#fff; font-weight:400; font-size:17px; text-decoration: none; line-height: 18px;  }
#navi > ul > li:hover > a { color:#fff; font-weight:bold; background:#6c0743; transition: all 0.35s ease-in-out; }
#navi > ul > li.active > a,
#navi > ul > li > a:active { color:#333; }

#navi > ul ul { opacity: 0; visibility: hidden; position: absolute; }
#navi > ul li:hover ul { opacity: 1; visibility: visible; top: 50px; left: 0; transition: all 0.17s ease-in-out; }
#navi > ul ul li { background:#b43f86; list-style: none; border-top:1px solid #e4f5f6; }
#navi > ul ul li a {
  padding: 12px 10px;
  display: block;
  color: white;
  font-size: 14px;
  text-decoration: none;
  width: 212px;
  border-left: 0px solid transparent;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#navi > ul ul li a:hover { border-left: 5px solid #450029; background: #450029; color:#d15ba5; font-weight:bold; font-size: 14px; }