html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background-color: #000;}
p{margin:0 10px 10px}

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{
font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
font-size: 14px;
line-height:22px;
letter-spacing: 2.5px;
}

div#content a{
 display:inline;
 font-size: 12px;
 line-height: 14px;
 letter-spacing: 1px;
 text-decoration:none;
 font-weight: bold;
 
}

div#content a:link {
 color:#fff;
 }

div#content a:active {
 color:#fff;
 }

div#content a:visited {
 color:#eef;
 }
 
div#content a:hover {
  color: #555;
 background-color:#fff;

}


div#navigation{background:#003}
div#extra{background:#5632ff}
div#footer{

background: #33f;
color: #FFF ;
background-image: url(topmenubg.jpg);

}
div#footer p{
font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
font-size: 12px;
line-height:22px;
}

div#container{width:1000px;margin:0 auto}
div#content{
float:left;
width:710px;
background-color: #111;
color:#ddd;

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

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

h1 {
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-size: 18px;
 font-weight: bold;
}
 
h2 {
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-size: 15px;
 font-weight: bold;
}

 
 .menu{
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-size: 15px;
  }
 
 .menu2{
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-size: 12px;
 line-height: 30px;
 text-align: center;
 text-valign: middle;
 }
 
 .bn{
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-size: 12px;
 line-height: 14px;
 letter-spacing: 1px;
 }
 
.bg {background-image: url(contentbg.png);}
.tb {background-image: url(titleb.png);}
.tc {
background-image: url(titlec.png);
font-size: 8pt ;
font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 letter-spacing: 2px;color:#ffffff;
}

.lbg {background-image: url(ldcontentbg.png);}
.ltc {background-image: url(ldtitlec.png);
font-size: 8pt ;
font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 letter-spacing: 2px;color:#ffffff;}

.sub {
 font-size: 10pt ;
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-weight:bold ;
 line-height: 22px;
 color:#2222aa ;  background-color: #ffffff;}

.name {
 font-size: 24pt ;
 font-family: メイリオ,meiryo,"MS Ｐゴシック",osaka,sans-serif;
 font-weight:bold ;
 line-height: 34px;
}



 div#m1 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #999;
 width:248px;
 height:31px;
 background-image: url(mb_sm0.png);
  }
 
 div#m1 a:hover {
 width:248px;
 height:31px;
 text-align: center;
 color: #fff;
 background-image: url(mb_sm1.png);
  }
 
 div#m2 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #999;
 width:248px;
 height:31px;
 background-image: url(mb_gr0.png);
  }
 
 div#m2 a:hover {
 width:248px;
 height:31px;
 text-align: center;
 color: #fff;
 background-image: url(mb_gr1.png);
 }
 
 div#m3 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #999;
 width:248px;
 height:31px;
 background-image: url(mb_xe0.png);
  }
 
 div#m3 a:hover {
 width:248px;
 height:31px;
 text-align: center;
 color: #fff;
 background-image: url(mb_xe1.png);
 }
 
 div#m4 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #999;
 width:248px;
 height:31px;
 background-image: url(mb_sl2.png);
  }
 
 div#m4 a:hover {
 width:248px;
 height:31px;
 text-align: center;
 color: #fff;
 background-image: url(mb_sl1.png);
 }

 div#m5 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #999;
 width:248px;
 height:31px;
 background-image: url(mb_rm0.png);
  }
 
 div#m5 a:hover {
 width:248px;
 height:31px;
 text-align: center;
 color: #fff;
 background-image: url(mb_rm1.png);
 }

 div#m6 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #999;
 width:248px;
 height:31px;
 background-image: url(mb_ss0.png);
  }
 
 div#m6 a:hover {
 width:248px;
 height:31px;
 text-align: center;
 color: #fff;
 background-image: url(mb_ss1.png);
 }
 
 div#m7 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #999;
 width:248px;
 height:31px;
 background-image: url(mb_si0.png);
  }
 
 div#m7 a:hover {
 width:248px;
 height:31px;
 text-align: center;
 color: #fff;
 background-image: url(mb_si1.png);
 }


 div#m8 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #999;
 width:248px;
 height:31px;
 background-image: url(mb_ma0.png);
  }
 
 div#m8 a:hover {
 width:248px;
 height:31px;
 text-align: center;
 color: #fff;
 background-image: url(mb_ma1.png);
 }

 div#m9 a {
 display:block;
 text-decoration:none;
 text-align: center;
 color: #999;
 width:248px;
 height:31px;
 background-image: url(mb_hb0.png);
  }
 
 div#m9 a:hover {
 width:248px;
 height:31px;
 text-align: center;
 color: #fff;
 background-image: url(mb_hb1.png);
 }





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

 a:link {
 color:#fff;
 }

 a:active {
 color:#fff;
 }

 a:visited {
 color:#999;
 }
 
 a:hover {
  color: #5632ff;
 background-color:#fff;
}