CSSテンプレート

変更部分

• #globalnavi

背景色を変更する

#globalnavi {
  width: 100%;
  position: relative;
}

/* ---------------------------------------- #globalnaviの指定 */

#globalnavi ul {
  width: 800px;
  list-style-type: none;
  position: absolute;
  background-color: #0099ff; /* 背景色 */
}

#globalnavi li {
  text-align: center;
  width: 159px;
  float: left;
  border-left: 1px solid #ffffff; /* borderの色 */
}

#globalnavi .navi01{
  width: 160px;
  border: none;
}

#globalnavi li a {
  text-decoration: none;
  display: block;
  width: auto;
  padding: 0.5em 0;
  background-color: #0099ff; /* 背景色 */
  color: #000000; /* 文字色 */
}

#globalnavi li a:hover {
  background-color: #99ccff; /* マウスオーバー時の背景色 */
  color: #ff0000; /* マウスオーバー時の文字色 */
}