html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}

p{margin:0 10px 10px}

p a {
 display: inline;
 font-weight:bold;
 color:#5632ff;
 }

p a:active {
 display: inline;
 font-weight:bold;
 color:#fff;
 }

p a:visited {
 display: inline;
 font-weight:bold;
 color:#2538ff;
 }
 
p a:hover {
 display: inline;
 font-weight:bold;
 color: #2538aa;
 background-color:#f9c;
}


div#header h1{height:200px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4;}
div#navigation{background:#fff}
div#extra{background: #fff}

div#footer{clear:both;background: #aaaaff;color: #777}
div#footer p{margin:0;padding:5px 10px}


div#container{width:750px;margin:0 auto}
div#content{float:left;width:520px;background: #fff;
}

div#navigation{float:right;width:196px;}
div#extra{clear:both;width:100%}

td#menu{
 text-align: center;
 text-valign: middle;
 background-color: #fff;
 background-image: url(img/amenubg3.png);
 margin: 0px;}
 

 h1 {
 color:#666;
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-size: 18px;
 line-height: 20px;
 font-weight: none;
 text-decoration: bold;
 }
 
 h2 {
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-size: 16px;
 line-height: 20px;
 font-weight: none;
 text-decoration: bold;
 }
 
 .ex {
 color:#9966CC;
 font-weight: bold;
 }
 
 .dx {
 color:#e25;
 }
 
 .maintext {
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-size: 14px;
 line-height: 22px;
 font-weight: none;
 text-decoration: none;
  }
 
 .form {
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-size: 12px;
 line-height: 12px;
 font-weight: none;
 text-decoration: none;
  }
 
 .menu{
 font-family: "Times New Roman","serif","ＭＳ Ｐ明朝",osaka,sans-serif;
 font-size: 15px;
 font-weight: bold;
 }
 
 .menu2{
 font-family: メイリオ,"ＭＳ Ｐ明朝",osaka,sans-serif;
 font-size: 13px;
 line-height: 28px;
 font-weight: bold;
 text-align: center;
 text-valign: middle;
 }
 
 div#m1 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #777;
 width:195px;
 height:33px;
  background-image: url(img/mb_no1.jpg);
  }
 
 div#m1 a:hover {
 width:195px;
 height:33px;
 text-align: center;
 color: #555;
 background-image: url(img/bt_1.jpg);
  }
 
 div#m2 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #777;
 width:195px;
 height:33px;
  background-image: url(img/mb_no2.jpg);
  }
 
 div#m2 a:hover {
 width:195px;
 height:33px;
 text-align: center;
 color: #555;
 background-image: url(img/bt_2.jpg);
 }
 
 div#m3 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #777;
 width:195px;
 height:33px;
 background-image: url(img/mb_no3.jpg);
  }
 
 div#m3 a:hover {
 width:195px;
 height:33px;
 text-align: center;
 color: #555;
 background-image: url(img/bt_3.jpg);
}
 
 div#m4 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #777;
 width:195px;
 height:33px;
  background-image: url(img/mb_no4.jpg);
  }
 
 div#m4 a:hover {
 width:195px;
 height:33px;
 text-align: center;
 color: #555;
 background-image: url(img/bt_4.jpg);
}

 div#m5 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #777;
 width:195px;
 height:33px;
  background-image: url(img/mb_no5.jpg);
  }
 
 div#m5 a:hover {
 width:195px;
 height:33px;
 text-align: center;
 color: #555;
 background-image: url(img/bt_5.jpg);
}

 div#m6 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #777;
 width:195px;
 height:33px;
 background-image: url(img/mb_no6.jpg);
  }
 
 div#m6 a:hover {
 width:195px;
 height:33px;
 text-align: center;
 color: #555;
 background-image: url(img/bt_6.jpg);
}

 div#m7 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #777;
 width:195px;
 height:33px;
  background-image: url(img/mb_no7.jpg);
  }
 
 div#m7 a:hover {
 width:195px;
 height:33px;
 text-align: center;
 color: #555;
 background-image: url(img/bt_7.jpg);
}

 div#m8 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #777;
 width:195px;
 height:33px;
  background-image: url(img/mb_no8.jpg);
  }
 
 div#m8 a:hover {
 width:195px;
 height:33px;
 text-align: center;
 color: #555;
 background-image: url(img/bt_8.jpg);
}


  a {
  display:block;
 text-decoration:none;
 }

 a:link {
 color:#77a;
 }

 a:active {
 color:#fff;
 }

 a:visited {
 color:#777;
 }
 
 a:hover {
 display:block;
  color: #5632ff;
 background-color:#fff;
}

hr {
   width: 100%;
   border-style: dashed;
   border-color: #aaf;
   height: 1px;
   
}