-Menu-L1_1-
-HTML-
<body> <ul> <li class="en"><a href="#">What's New</a></li> <li class="ja">新着情報</li> <li class="en"><a href="#">News Release</a></li> <li class="ja">ニュース／お知らせ</li> <li class="en"><a href="#">Products</a></li> <li class="ja">製品情報</li> <li class="en"><a href="#">Retail Shop</a></li> <li class="ja">店舗案内</li> <li class="en"><a href="#">Company</a></li> <li class="ja">会社案内</li> </ul> </body>
-CSS-
* { margin: 0; padding: 0; } ul { width: 270px; margin: 20px; padding: 10px 5px; background: gray; list-style: none; } ul li { background: white; text-align: center; } ul li.en { border-bottom: solid 1px darkgoldenrod; } ul li.ja { padding: 5px 0; font-size: 14px; color: goldenrod; } ul li.ja:not(:last-of-type) { margin-bottom: 10px; } a { display: block; padding: 15px 0; text-decoration: none; color: gray; } a:hover { background: rgba(184,134,11,0.5); }