@import url("common.css");
body{
   background-color:#fbf9cc;
}


body{ background-image: url("files/trlf.jpg"); font-family: meiryo; color:
#000000;
background-attachment: fixed;
background-position: center center;
}
a:link { color: #336633; }
a:visited { color: #9999bb; }
a:active { color: #ff0000; }
a:hover { color: #ff9999; }
a:focus { color: #0000ff; }

div.box_1 { width: 700px; margin-left: auto; margin-right: auto; }
div.menu_box { width: 30%; height: 530px;  float:  left; }
div.box_3 { width: 70%; 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:#ADC653;
   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_3row:hover {/*サブメニューが3つのとき*/
   height:200px;
}
.menu .drop_4row:hover {/*サブメニューが4つのとき*/
   height:250px;
}
.menu .drop_5row:hover {/*サブメニューが5つのとき*/
   height:300px;
}
.menu * {/*アニメーション*/
   -moz-transition: .5s;
   -webkit-transition: .5s;
   -o-transition: .5s;
   -ms-transition: .5s;
   transition: .5s;
}



h1 {
 padding: 1em;
 color: #693;
 font: bold 1em/1.6 Meiryo,"メイリオ",Osaka,Verdana,"ＭＳ ゴシック",sans-serif;}


#content {
 margin: 64px auto 0 auto;
 padding: 32px;
 max-width: 820px;
 border-radius: 16px;
 background: rgba(225,225,225,0.65);
}


p {
 margin: 1em 0;}
/*本文*/
.honbun      {margin-top: 40px;
             -moz-column-count: 2;
             -moz-column-gap: 40px;
             -webkit-column-count: 2;
             -webkit-column-gap: 40px;
             column-count: 2;
             column-gap: 40px}
img { max-width: 100%; height:auto }