body {
    margin: 0;
    padding-bottom: 0px;
    line-height:1.5;
    /*フッターの高さ*/
padding-top:0px;
    /*ヘッダーの高さ*/
background-image:url('index_image/bee_1.png');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:right;
	/* 背景の設定 */

}

#header {
    height:60px; /* ヘッダーの高さ */
	top: 0;
	width: 100%;
    text-align:center;
    
}
#scrollframe {
	line-height:1.5;
	text-algn:right;
}

#footer {
    bottom:0;
	height:55px; /* フッターの高さ */
    width: 100%;
}


/* ナビバー・ドロップダウン */

#menu{
  position: relative;
  list-style-type: none;
  width: 980px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  background:deepskyblue;
}
#menu li{
  width: 14.23%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu li a{
  display: block;
  margin: 0;
  padding: 13px 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#menu li ul li{
  overflow: hidden;
  width: 980px;
  height: 0;
  color:black;
    
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#menu li ul li a{
  padding: 13px 15px;
  background:#87ceeb;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#menu li:hover > a{
  background:#1a5293;
  color:#ecc400;
}
#menu li:hover ul li{
  overflow:visible;
  height:38px;
  border-bottom: 1px solid #fff;
}
#menu li:hover ul li:first-child{
  border-top: 0;
}
#menu li:hover ul li:last-child{
  border-bottom: 0;
}