@charset "utf-8";

/* --- 横メニューの書き方
<div id="side">
<div class="menu">
<h2>メニュー</h2>
<ul>
<li><a href="#" class="current">HOME</a></li> <--- 現在のページ
<li><a href="#">最新情報</a></li>
<li><a href="#">事業内容</a></li>
<li><a href="#">会社概要</a></li>
<li><a href="#">採用情報</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>
</div>
</div>
--- */

#side {
   width: 150px;/* 15%; 150px; */
   float: left;
   background-color: white;
}

.menu {
   padding:3px;
   background: white;
}

.menu h2 {
   margin:0 0 3px 0;
   font-size:13px;
   color: white;
   line-height:2.0;
   text-align:center;
   border-left: darkseagreen 10px solid;
   border-right: darkseagreen 10px solid;
   background: yellowgreen;
}

.menu h2.current {
   background: gold;
}

.menu ul {
   margin:0;
   padding:0;
   list-style-type:none;
}

.menu li {
   margin: 0;
   padding: 0;
   font-size: 0.75em;
   color: royalblue;
   line-height:1.0;
   border-bottom:1px solid  dimgray; /*#ADAEAD;*/
   background: whitesmoke;
}

.menu li a {
   display:block;
   padding:10px 0 10px 20px;
   color:#133f8c;
}

.menu li a.current {
   background: gold  url(images/bg_list.gif) 8px 13px no-repeat;
}

.menu li a:hover {
   background: lawngreent  url(images/bg_list.gif) 8px 13px no-repeat;;;
}