* {margin:0;padding:0;}
BODY { font: small "ＭＳ Ｐゴシック",Osaka,sans-serif; color: black; background: white url(kabe/bk060301.gif); background-position: left top; background-repeat: repeat-y; margin: 0; padding:0; }
html>body {font-size:small;}
head:first-child+body {font-size:small;}
head:first-child+body .sm {font-size:smaller;}
.top { background: white url(kabe/yback032y.png); }
.cl { clear:both; }
.tt{ padding: 0; padding:3px; height:47px; float:left;}
.t0{ height:53px; padding: 0; margin:0; width:720px; background: white url(kabe/he2.png);}
.t1{ padding: 0.7em 0 0 80px; float:right;}
.rx{ border: 1px solid gray; text-align: center; height:2.9em; margin:2px 0; }
.rz{ border: 1px solid gray; margin:2px 0; height:5em; font-size:smaller;}
.rz1{border: 1px solid gray; margin:0 0 2px 0; height:17em; font-size:smaller;}
.rz2{border: 1px solid gray; margin:2px 0; height:5em; font-size:smaller;}
.rz3{ height:4.5em;}
.rz2 h2,.rx h2 {border-bottom:1px dashed gray;}
.rza{ float:left; width:150px;}
.rzb{ margin:0 0 0 153px;}
.bc{background-image: url("kabe/skyb.gif"); background-repeat:repeat-x;height:1em;}
.ba{background-image: url("kabe/blue.gif"); background-repeat:repeat-x;height:1em;}
.bo{background-color:orange;}
.gz{ margin:1.2em 0 0;}
.g2{ margin:2.4em 0 0;}
.g0{ margin:0.8em 0 0;}
.fm{ margin:0; padding:0;}
.bw{ border-width:0 2px 2px 2px;}
.wx{ background-color: white; height:1.3em;}
.b1{ width:49.7%;float:left;}
.co{ background:#caccb2;}
.ar{ background-image: url("icon/arrow.gif"); background-repeat: no-repeat; background-position:left; padding: 0px 0px 0px 15px; margin-left:10px;}
.ar2{ background-image: url("icon/arrow2.gif");background-position: 0 3px;}
.mz{ width:18.5em; margin:0 auto;}
.m1{ margin:0.4em 0 0 0;}
H1 { color: black; font-weight:normal; text-align: center; font-size: x-small; }
H2 { color: black; font-size: small; margin:2px;padding:3px 0 3px 0;}
H3 { color: black; font-size: x-small; margin:2px;padding:3px 0 3px 0;text-align:left; line-height:1.2;}
img	{ border-width: 0;}
HR { left: 0px; width: 80%; text-align: CENTER; }
.hh { width:95%; }
DIV { color: black; margin-left: 0px; margin-right: 0px; }
.ce { text-align: center;}
.tl { text-align: left;}
A:link { color: #0000FF; text-decoration: underline; }
A:visited { color: #008040; text-decoration: underline; }
.r0{ margin-left:120px;width:601px;border-width:2px;text-align:center;}
.cx { text-align: center; width:100%;height:55px; margin:2px 0;}
B { font-weight: bold; }
.sm{ font-size: smaller; }
span.b{ font-weight: bold; }
div.baa {  
  height:22px;
  margin:0px;
  padding:0px;
    background:url(bbt1.gif) repeat-x;
}
div.bar {  
  width:720px;
  height:22px;
  margin:0px;
  padding:0px;
    background:url(bbt.gif) no-repeat;
}

div.bar ul  {
	list-style:none;  margin:0px;
  padding:0;
}
div.bar ul li {
    width:140px;
	float: left;
  height:22px;
  margin:0px;
  padding:0px;
}

div.bar ul li a{
/*インライン要素は幅や高さがないのでブロック要素にする*/
  display:block;
/*ロールオーバー後の画像を背景に置いておくと、前景が消えたときに表示される*/


/*高さや幅はIMGタグにて指定がされているので必要ない*/
/*ここに高さや幅を指定すると、ロールオーバーしない＆IE5でリンクできなくなる*/

/*Firefox1.5以降でリンクをクリックしたときに枠線が出る対策*/
/*MacIEには必要ないので効かせない*/
/* \*/
  overflow:hidden;
/* */
}

div.bar ul li a img{
/*IMGタグのボーダーを消す*/
  border:none;
}

div.bar ul li a:hover img {
/*ロールオーバーしたときにIMGタグの画像を消す*/
  visibility:hidden;
}
}
div.bar ul li a:hover {
/*IE5でロールオーバーできない対策*/
  width:140px;
  height:22px;

/*IE5,IE6でロールオーバーが反応しない対策*/
  background-color:transparent;
}