/* Top */
#top_navi { position:fixed; top:0px; width:100%; min-width:940px; height:54px; z-index:100; background:#000; }
#top_logo { position:fixed; top:0px; left:15px; z-index:1000; }
#top_login { position:absolute; top:18px; right:125px; z-index:1000; font-family: 'Noto Sans', sans-serif; font-weight:300; font-size:14px; color:#fff; height:20px; line-height:20px; }
#top_login a { padding: 0; text-decoration: none; color: #fff; height:20px; line-height:20px; }
#top_login a:hover, #nav li a.hov { background-color: #000; color: #fff; }
#top_login a img { vertical-align:-2px; }
#top_lang { position:absolute; top:18px; right:15px; z-index:1000; font-family: 'Work Sans', sans-serif; font-weight:300; font-size:14px; color:#fff; }
#top_lang a { padding: 0; text-decoration: none; color: #fff; }
#top_lang a:hover, #nav li a.hov { background-color: #000; color: #fff; }
.navi_wrap { width:480px; height:54px; margin: 0 auto; padding:0px; }


/* Top navi*/
ul.dropdown { font-weight: 400; font-size:14px; }
ul.dropdown li { padding:0px; color: #fff; }
ul.dropdown li.hover, ul.dropdown li:hover { background-color: #373737; color: #fff; }
ul.dropdown a:link,	ul.dropdown a:visited	{ color: #787878; text-decoration: none; }
ul.dropdown a:active { color: #787878; }
ul.dropdown ul { width: 222px; margin-top: 1px; }
ul.dropdown *.dir { height:54px; line-height:54px; text-align:center; width:80px; background-position: 100% 50%; }

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir { box-sizing: border-box; width:222px; height:39px; line-height:39px; padding:0px; padding-left:20px; margin:0px; background-image: url(/images/navi_back.png); background-repeat: no-repeat; text-align:left; border:1px solid #e1e1e1; border-top:0px; }
ul.dropdown-horizontal ul li { box-sizing: border-box; width:222px; height:39px; line-height:39px; padding:0px; padding-left:20px; margin:0px; background:#f5f5f5; text-align:left; border:1px solid #e1e1e1; border-top:0px; }
ul.dropdown-horizontal ul li.hover, ul.dropdown-horizontal ul li:hover { background:#fff; border-right:0px solid:fff; }
ul.dropdown-upward *.dir { background-image: url(/images/nav-arrow-top.png); }

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul { top: 0px; left:220px; border:0px; border-bottom:1px solid #e1e1e1; } 
ul.dropdown ul ul li { background:#fff; border-bottom:1px solid #fff; border-left:1px solid #e1e1e1; }
ul.dropdown ul ul li.hover, ul.dropdown ul ul li:hover { font-weight:bold; }

ul.dropdown li:hover > ul {
 visibility: visible;
}

.roll_menu { border-left:1px solid #fff!important; }
.roll_menu_40 { top:-39px!important; }
.roll_menu_80 { top:-78px!important; }