@import url("common.css");


div.box_1 { width: 700px; margin-left: auto; margin-right: auto; }
div.menu_box { width: 95%; height: 530px;  float:  left; }
div.box_3 { width: 5%; height: 530px; overflow: auto; float: left; }
div.box_4-1 { width: 100%; text-align: center; clear: both; }
div.box_4-2 { width: 100%; text-align: center; clear: both; }
div.honbun { width: 100%; text-align: center; clear: both; }
div.box_5 { width: 100%; text-align: center; clear: both; }
#menu_box {
   margin:0; 
   float:left;
   border:#e5e4e6 1px solid;
}
.menu {
   list-style:none;
   padding:0;
   margin:0;
   overflow: hidden;
   position: relative;
}
.menu li {
   width:190px;/*メニューの幅*/
   background: LightYellow;
   position: relative;
   height:50px;/*メニューの高さ*/
}
.menu li a {
   text-decoration:none;
   color:#993300;
   font-size:12px;
   display:block;
   padding:0 10px;
   height:49px;
   line-height:49px;
   border-bottom:1px solid #fff;
   color:#5B6F25;
   font-weight:bold;
}
.menu li ul {
   margin:0;
   padding:0;
}
.menu li ul li {
   background:#dcd3b2; 
}
.menu li ul li a {
   color:#9e9478; 
}


.menu .drop_2row:hover {/*サブメニューが2つのとき*/
   height:150px;
}
.menu .drop_6row:hover {/*サブメニューが6つのとき*/
   height:350px;
}
.menu .drop_5row:hover {/*サブメニューが5つのとき*/
   height:300px;
}
.menu * {/*アニメーション*/
   -moz-transition: .5s;
   -webkit-transition: .5s;
   -o-transition: .5s;
   -ms-transition: .5s;
   transition: .5s;
}