/*   navi.css         */


/* 一括で全ての要素の余白をゼロに指定 */
* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #0000ff; } /** blue **/

a:visited { color: #9900ff; } /** 紫系 **/

a:hover { color: #ff0000; } /** blue **/

a:active { color: #ff0000; } /** blue **/

/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
body {
  font-size: 100%;  /** 13px **/
  
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
  background-color: #e6e6fa;  /** 灰色系 **/
}


/*-----------グローバルナビ部分------*/
#navi {
  font-size:14px;font-weight: bold;
  list-style-type: none;
  width: 170px;
  height: 40px;
  position: absolute;
  top:510px;
  left: 696px;
}

#navi li {font-size: 100%;
  width: 170px;
  float: left;
}

#navi li a {
  text-align: left;
  text-decoration: none;
  width: 170px;
  height: 35px;
  display: block;
  padding-top: 7px;padding-left: 10px;
  background-color: #0066cc;
  color: #e6e6fa;  /* ブルー */
}

#menu01 a { background-position: 0 0; }
#menu02 a { background-position: -180px 0; }


#navi li a:hover {
  text-decoration: none;
  background-repeat: no-repeat;
  color: #ffffff;
}

#menu01 a:hover { background-position: 0 -40px; }
#menu02 a:hover { background-position: -180px -40px; }


/*--サブメニュー部分--*/

#navi ul {
  list-style-type: none;
  width: 170px;
  height: auto;
  position: static;
}

#navi ul li {
  width: 170px;
  float: none;
}

#navi ul li a {
  text-align: left;
  text-decoration: none;
  width: 170px;
  height: auto;
  display: block;
  padding-left: 8px;
  border: 1px outset #669900; /* 萌黄色 */
  background-image: none;
  background-color: #ffa07a;  /* サーモン色 */
  color: #b22222;             /* 褐色 */
}

#navi ul li a:hover {
  text-decoration: none;
  border: 1px outset #666;
  background-image: none;
  background-color: #ffe4c4; /* 薄いピンク */
  color: #000000;
}

#navi .menu ul { display: none; }

#navi .menuOn ul { display: block; }