@charset "utf-8";
/* CSS Document */

h1.jun {
  font-family: "a-otf-jun-pro";
  }
h1.jun {
  font-family: "a-otf-jun-pro",sans-serif;
  }
p.jun12 {
  font-family: "a-otf-jun-pro";font-size: 12px; }
  }
p.jun12 {
  font-family: "a-otf-jun-pro",sans-serif;font-size: 12px; 
  }
p.jun14 {
  font-family: "a-otf-jun-pro";font-size: 14px; }
  }
p.jun14 {
    font-family: "a-otf-jun-pro",sans-serif;
    font-size: 12px;
  }
p.jun16 {
  font-family: "a-otf-jun-pro";font-size: 16px; }
  }
p.jun16 {
  font-family: "a-otf-jun-pro",sans-serif;font-size: 16px; 
  }
p.jun18 {
  font-family: "a-otf-jun-pro";font-size: 18px; }
  }
p.jun18 {
  font-family: "a-otf-jun-pro",sans-serif;font-size: 18px; 
  }


body {
 word-break: normal;
}

a:link { color:#0000ff; text-decoration:none }
a:visited { color:#0000ff; text-decoration:none }
a:hover { color:#0000ff; text-decoration:none }
a:active { color:#0000ff; text-decoration:none }

}
hr  { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 

#menu {
  width:800px;
  padding:0;
  margin:0;
  margin: auto;
  list-style-type: none;
}
#menu li {
  width:20%;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}
#menu li a {
  width:auto;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-shadow:0 -1px 0px #333,0 1px 0px #555;
  padding:10px 0;
  text-decoration:none;
  display:block;
  background:#666;
  background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));
  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 #666;
}
#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 #666;
}
#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 #666;
}
#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));
53
  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 #666;
}