/*HtmlのBody部分*/
body {
  background-image:url("../img/bg.png");
}

/* メニュー部分 */
#menu {
  position: fixed !important;  
  padding:0;
  margin:0;
  list-style-type: none;
  z-index:99;
}
#menu li {
  width:8.3%;/*100÷メニューの要素数を大まかに指定*/
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}
#menu li a {
  width:auto;
  color:##80bfff;
  font-size:12px;
  padding:10px 0;
  text-decoration:none;
  display:block;
  background:#bfffbf;
  background-image: -moz-linear-gradient(top, #80ff80 0%, #80ff80 50%, #bfffbf 50%, #80ff80 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #80ff80), color-stop(0.50, #80ff80), color-stop(0.50, #bfffbf), color-stop(1, #80ff80));
  border-left:1px solid #444;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
       -1px 0px 0px rgba(225,225,225,0.3) inset,
        0px 1px 1px rgba(0,0,0,0.1) inset,
        0px -1px 1px rgba(0,0,0,0.3) inset,
        0px 1px 3px #bfffbf;
}
#menu li:first-child a{
  border-left:0px;
  border-radius:5px 0 0 5px;
  border-left:0;
  box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
        0px 1px 1px rgba(0,0,0,0.1) inset,
        0px -1px 1px rgba(0,0,0,0.3) inset,
        0px 1px 3px #bfffbf;
}
#menu li:last-child a{
  border-radius:0 5px 5px 0;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
        0px 1px 1px rgba(0,0,0,0.1) inset,
        0px -1px 1px rgba(0,0,0,0.3) inset,
        0px 1px 3px #bfffbf;
}
#menu li a:hover {
  background:#555;
  background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
       -1px 0px 0px rgba(225,225,225,0) inset,
        0px 1px 1px rgba(0,0,0,0.1) inset,
        0px -1px 1px rgba(0,0,0,0.3) inset,
        0px 1px 3px #bfffbf;
}


/*読込中を実装する*/
#loading{
  position:absolute;
  left:45%;
  top:20%;
  margin-left:-30px;
  text-align:center;
  
}
/*内部要素構成部分*/
#pageBody{
  position:absolute;
  left:10px;
  top:45px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  width:1000px;
  height:500px;
  padding:0;
  margin:0;
  list-style-type: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-color:rgba(0,0,0,0)
}

/*内部要素構成部分*/
#pageImg{
  position:absolute;
  left:10px;
  top:45px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  width:1000px;
  height:500px;
  padding:0;
  margin:0;
  list-style-type: none;
  background-position: center center;
  background-repeat: no-repeat;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2;
}