html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0px auto 0px auto;
  padding: 0px auto 0px auto;
  border-style: none;
  text-align: center;
  height: 100%;
  background-color:#FFFFE0;
}
  
#all {
  width:800px;
  text-align: left;
  height: 100%;
  position: relative;
  margin: 0px auto 0px auto;
  min-height: 100%;
  height: 100%;
  }

#head {
  width:800px;
  background-position: 0px 0px;
  margin-top: 0px;
  }

#center {
  float:left;
  width:490px;
  }
#left {
  float: left;
  margin:0;
  padding:0;
}

#right {
  float:right;
  }

a:link {
  color:#3366CC;
}

a:visited {
  color:#CC3333;
}

a:hover { 
  color:#66CCCC;
  }
  
ul#menu1, ul#menu2, ul#menu3, ul#menu4,
ul#menu5, ul#menu6, ul#etc{
  margin:0;
  padding:0;
  text-align: center;
  list-style-type: none;
  float:left;
  width:150px;

}

ul#menu1 li, ul#menu2 li, ul#menu3 li, ul#menu4 li,
ul#menu5 li, ul#menu6 li{
  display: block;
}

ul#menu1 li a, ul#menu2 li a, ul#menu3 li a, ul#menu4 li a,
ul#menu5 li a, ul#menu6 li a, ul#etc li a{
  display:block;
  padding:0 0.9em 0.9em 0;
  width: 130px;
  line-height: 15px;
  text-decoration: none;
  position:relative;
  line-height:2.5em;
  height:30px;
}

ul#menu1 ul#contents1, ul#menu2 ul#contents2, 
ul#menu3 ul#contents3, ul#menu4 ul#contents4,
ul#menu5 ul#contents5, ul#menu6 ul#contents9{
  display: none;
  position: absolute;
  z-index: 10;
  top:-45px;
  left:145px;
  height:45px;
  width:130px;
}

ul#menu1 li a {
  background: url(img/button.jpg)no-repeat;
  }
ul#menu2 li a {
  background: url(img/button3.jpg)no-repeat;
  }

ul#menu3 li a {
  background: url(img/button5.jpg)no-repeat;
  }

ul#menu4 li a {
  background: url(img/button7.jpg)no-repeat;
  }

ul#menu5 li a {
  background: url(img/button9.jpg)no-repeat;
  }

ul#menu6 li a{
  background: url(img/button18.jpg)no-repeat;
}

ul#etc li#contents6 a {
  background: url(img/button11.jpg)no-repeat;
  }

ul#etc li#contents7 a {
  background: url(img/button13.jpg)no-repeat;
  }

ul#etc li#contents8 a {
  background: url(img/button15.jpg)no-repeat;
  }

ul#menu1 li ul#contents1 li,
ul#menu1 li:hover a, ul#menu1 li:hover a+ ul#contents1{
  background: url(img/button2.jpg)no-repeat;
}

ul#menu2 li ul#contents2 li,
ul#menu2 li:hover a, ul#menu2 li:hover a+ ul#contents2{
  background: url(img/button4.jpg)no-repeat;
}

ul#menu3 li ul#contents3 li,
ul#menu3 li:hover a, ul#menu3 li:hover a+ ul#contents3{
  background: url(img/button6.jpg)no-repeat;
}

ul#menu4 li ul#contents4 li,
ul#menu4 li:hover a, ul#menu4 li:hover a+ ul#contents4{
  background: url(img/button8.jpg)no-repeat;
}

ul#menu5 li ul#contents5 li,
ul#menu5 li:hover a, ul#menu5 li:hover a+ ul#contents5{
  background: url(img/button10.jpg)no-repeat;
}

ul#menu6 li ul#contents9 li,
ul#menu6 li:hover a, ul#menu6 li:hover a+ ul#contents9{
  background: url(img/button17.jpg)no-repeat;
}

ul#menu1 li ul#contents1 li, ul#menu2 li ul#contents2 li,
ul#menu3 li ul#contents3 li, ul#menu4 li ul#contents4 li,
ul#menu5 li ul#contents5 li, ul#menu6 li ul#contents9 li{
  margin: 0;
  padding:0;
  position: relative;
  width:150px;
  height: 45px;
  line-height: 2.5em;
  left:-40px;
  }

ul#menu1 li:hover a, ul#menu1 li:hover a+ ul#contents1,
ul#menu2 li:hover a, ul#menu2 li:hover a+ ul#contents2,
ul#menu3 li:hover a, ul#menu3 li:hover a+ ul#contents3,
ul#menu4 li:hover a, ul#menu4 li:hover a+ ul#contents4,
ul#menu5 li:hover a, ul#menu5 li:hover a+ ul#contents5,
ul#menu6 li:hover a, ul#menu6 li:hover a+ ul#contents9{
  margin:0;
  width:130px;
  display: block;
  text-decoration: none;
  list-style: none;
  position: relative;
}

ul#etc li#contents6 a:hover {
  text-decoration: none;
  background: url(img/button12.jpg)no-repeat;
}

ul#etc li#contents7 a:hover {
  text-decoration: none;
  background: url(img/button14.jpg)no-repeat;
}

ul#etc li#contents8 a:hover {
  text-decoration: none;
  background: url(img/button16.jpg)no-repeat;
}

#foot {
  text-align: right;
  clear:both;
  position: fixed;
  background-color:#33FF00;
  width: 800px;
  bottom:0;
}