body { color: black; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.5; background-image: url(../header/bg.gif); text-align: center; }

a:link { color: #06f ; text-decoration: none; }

a:visited { color: #06f ; text-decoration: none; }

a:hover { color: #c00 ; text-decoration: none; }

a:active { color: #c00 ; text-decoration: none; }
h1 { font-size: 2em; font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; font-weight: 900; margin: 0.67em 0; }
h2 { color: gray; font-size: 1.2em; font-weight: bold; margin: 0.83em 0; }
.container { background-color: #fff; text-align: left; width:800px; margin-right: auto; margin-left: auto; border: solid 1px #006; }
.header {width:100%;}
.contents { width: 100%; }
.navi { width:200px; float:left; height:100% ; }
.footer { color: #999; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #006; text-align: center; width: auto; padding: 3px; }
a.btn { display: block; width: 190px; color: #666; margin: 0; padding: 2px 2px 2px 8px; font-size: 12px; line-height: 25px;          /* 行の高さ */
  background-color: #e6e6e6; text-align: left;         /* 水平揃え */
  border-bottom: 1px groove #ccc; }
a.btn:hover { color: #39f; font-size: 12px; line-height: 25px; background-color: #fff; margin: 0; padding: 3px 3px 1px 7px; border-bottom: 1px ridge #ccc; }
a.btn:active { color: #39f; background-color: #fff; }
a.btn:visited { color: #666; }
