@charset "UTF-8";
@media screen and (max-width: 640px) { #h_gnav { display: none; } }
#h_gnav nav { background: url(../../../../../../img/nav/bg_nav.jpg) repeat-x; height: 60px; }
#h_gnav nav ul { width: 980px; margin: 5px auto; border: 1px solid #ccc; box-shadow: 0px 0px 4px #ccc,0px 0px 4px #ccc; border-radius: 1px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, white 34%, #e8e8e8 46%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, white 0%, white 34%, #e8e8e8 46%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, white 0%, white 34%, #e8e8e8 46%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
#h_gnav nav ul li a { display: block; text-decoration: none; }
#h_gnav nav ul li a span { display: block; color: #333; box-sizing: border-box; padding: 0 12px; }
#h_gnav nav ul li a span.text { font-size: 14px; line-height: 250%; border-left: 1px solid #ccc; margin: 5px 0; font-weight: 500; }
#h_gnav nav ul li a span.arrow { width: 100%; height: 9px; background: #ccc; border: 1px solid #fff; }
#h_gnav nav ul li a span.arrow img { display: block; margin: 1px auto; }
#h_gnav nav ul li a:hover span.arrow { background: #de0a18; }
#h_gnav nav ul li:nth-child(1) a span.text { border-left: none; }