BODY {
  color : #000;/* 文字色 */
  background-color : #FFF; /* 背景色 */
  font-size : 15px; /* 文字の大きさ */
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 /* スクロールバーの設定 */
  scrollbar-face-color:#FFF;  scrollbar-highlight-color:#000;
  scrollbar-shadow-color:#000;  scrollbar-darkshadow-color:#000;
  scrollbar-arrow-color:#f8c8c8; scrollbar-track-color:#FFF;
}

/* メニュー文字位置調節 */
.text{
  margin-left : 10px;margin-right : 10px;
  text-align : left;
}

/* リンク */
A {
  color : #666;
  text-decoration : none;
}
/* リンクにマウスが乗ったときの色 */
A:HOVER{
  color : #ccc;
  position: relative;
  top: 1pt;
  left: 1pt;
}
a img {
  border-style:none;
}
/* テーブルの設定 */
td{
  font-size : 15px; /* 文字の大きさ */
}
/* 見出し */
H1{
  color : #000;/* 文字色 */
  background-image : url(image/back01.gif);
  background-repeat : repeat-x;
  height : 43px;/* 大きさ */
  font-size : 15px;/* 文字の大きさ */
  font-weight : bold;
  padding :  10px 10px 0px 0px;
}


/* ------------index.html------------ */

#indexta{
 width : 550px;
 margin : 10px;
}

/* ------------menu.html------------ */

#menupage {
  background-image : url(image/back02.gif);
  margin : 10px;
}
/* サイト名 */
.sitename {
  color : #b8d8d7;/* 文字色 */
  font-size : 18px; /* 文字の大きさ */
  font-weight : bold;
  padding : 0px 10px 0px 10px;
}
#menuta{
  height : 100%;width : 220px;
}
.menu{
  color : #FFF;/* 文字色 */
  background-color : #b8d8d7; /* 背景色 */
  font-weight : bold;/* 文字の太さ */
  border-top : 1px dotted #808080;/* 線の太さ・形・色 */
  border-bottom : 1px dotted #808080;/* 線の太さ・形・色 */
  padding : 0px 10px 0px 10px;
  margin-top : 10px;
}
.menu A{
  color : #FFF;/* 文字色 */
  font-weight : bold;/* 文字の太さ */
  display : block;
}
.menu A:hover{
  color : #feccd5;/* 文字色 */
}
#menutd{
  background-color : #FFF; /* 背景色 */
  vertical-align : top;/* メニュー文字位置 */
  border : 1px dotted #808080;/* 線の太さ・形・色 */
}
.td2{
  height : 20px;
}



/* ====================( マウスオーバーで吹き出し )==================== */



#menu div {
  position: relative;
}

.arrow_box {
  display: none;
  position: absolute;
  padding: 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;  
  border-radius: 10px;
  background: #559988;
  color: #fff;
}
span:hover + p.arrow_box {
  display: block;
}