@charset "utf-8";
/* opacity
-------------------------------------------------------------------------------*/
/* flex display
-------------------------------------------------------------------------------*/
/* a button
-------------------------------------------------------------------------------*/
/* hover
-------------------------------------------------------------------------------*/
/* a current
-------------------------------------------------------------------------------*/
/* setPosCenter
-------------------------------------------------------------------------------*/
/* clearfix
-------------------------------------------------------------------------------*/
/* easing
-------------------------------------------------------------------------------*/
/* nav
-----------------------------------------------------------------------------*/
#nav { width: 200px; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 25; }
#nav.anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#nav .over { position: absolute; top: 0; left: 0; display: none; }
#nav .over.anim { display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#nav .over.show { display: block; }
#nav .over.current { display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); zoom: 1; }
#nav #nav-open #nav-open-button { position: absolute; height: 132px; width: 37px; right: -37px; top: 0; bottom: 0; margin: auto; cursor: pointer; background: url(../../../assets/images/shared/nav/open.png) no-repeat; }
#nav #nav-open #nav-open-button.open { background-position: 0 -132px; }
#nav #nav-top { min-width: 133px; min-height: 445px; position: absolute; top: 50%; left: 31px; margin: -322px 0 0 0; }
#nav #nav-top #nav-logo { position: relative; top: 40px; }
#nav #nav-top #nav-logo .off { position: relative; top: 1px; left: 2px; }
#nav #nav-top #nav-lists { margin-top: 44px; margin-left: 11px; }
#nav #nav-top #nav-lists ul { zoom: 1; }
#nav #nav-top #nav-lists ul:before, #nav #nav-top #nav-lists ul:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#nav #nav-top #nav-lists ul:after { clear: both; }
#nav #nav-top #nav-lists ul li { float: left; position: relative; margin-left: 13px; width: 31px; }
#nav #nav-top #nav-lists ul li:first-child { margin-left: 0; }
#nav #nav-top #nav-lists ul li .over { top: 5px; }
#nav #nav-top #nav-lists ul #nav-story .over { left: -8px; }
#nav #nav-bottom { width: 100%; position: absolute; bottom: 20px; left: 0; }
#nav #nav-bottom #nav-line { width: 165px; height: 1px; background: url(../../../assets/images/shared/nav/line.png) no-repeat; margin: 0 auto; }
#nav #nav-bottom #nav-button-top { width: 96px; margin: 20px auto 0; position: relative; }
#nav #nav-bottom #nav-button-top .over { top: -8px; }
#nav #nav-bottom #nav-button-top .off { text-align: center; }