<!--
BODY{
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  background-image : url("img/common/back01.jpg");
  background-repeat : no-repeat;
  background-color: #F3F4F7;
}

H1{
  font-size:10.5pt;
  padding : 10px;
  margin-left : 5px;
  position: absolute;
  top:10px;
  color: #c7cfdc;
}

H2{
  font-size:10pt;
  padding : 0px;
  margin-bottom : 5px;
  color: #c7cfdc;
}

H3{
  font-size:10pt;
  padding : 0px;
  color: #000b46;
}

.font01{
 font-size : 8pt;
 line-height : 12px;
 color : #666666
}

.font02{
 font-size : 13px;
 color : #666666;
}

.font03{
 font-size : 13px;
 color : #666666;
 font-weight : bold;
}

.font04{
 font-size : 12px;
 color : #333333;
 font-weight : bold;
 line-height : 17px;
}

.font05{
 font-size : 14px;
 color : #666666;
 font-weight : bold;
 line-height : 18px;
}

/* ここからmenu部分
-------------------------------- */
div {
color:#ffffff;
   font-size: 10px;
   margin-left: 0px;
}

# menu{
margin-bottom: 1em;
height:18px;
}

/* 高さは画像と同じサイズ
-------------------------------- */
#menu ul {
background-repeat: repeat-x;
background-position: 0 0;
position:relative;
width: 155px;
height:18px;
}

/* listタグをfloatで左に回り込ませていますサイズも指定。flortは横並びのボタンの時使う。
-------------------------------- */
#menu li {
width: 155px;
height: 18px;
list-style-type:none;
}

/* aタグをblock要素にしてIE以外への対策、インデントでテキストを左画面外の左999pxに飛ばす
-------------------------------- */
#menu li a {
display: block;
width: 155px;
height: 18px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -999px;
}    
	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使う
-------------------------------- */
#menu li#b01 a {
background-image: url(img/menu/b01.gif);
}

#menu #b02 a {
background-image: url(img/menu/b02.gif);
}

#menu #b03 a {
background-image: url(img/menu/b03.gif);
}

#menu #b04 a {
background-image: url(img/menu/b04.gif);
}

#menu #b05 a {
background-image: url(img/menu/b05.gif);
}

#menu #b06 a {
background-image: url(img/menu/b06.gif);
}

#menu #b07 a {
background-image: url(img/menu/b07.gif);
}

#menu #b08 a {
background-image: url(img/menu/b08.gif);
}

#menu #b09 a {
background-image: url(img/menu/b09.gif);
}

#menu #b10 a {
background-image: url(img/menu/b10.gif);
}

#menu #b11 a {
background-image: url(img/menu/b11.gif);
}

#menu #b12 a {
background-image: url(img/menu/b12.gif);
}

#menu #b13 a {
background-image: url(img/menu/b13.gif);
}

#menu #b14 a {
background-image: url(img/menu/b14.gif);
}

#menu #b15 a {
background-image: url(img/menu/b15.gif);
}

/* マウスオンすると重なった17px下の画像が出る
-------------------------------- */
#menu li a:hover {
background-position: 0 -18px;
}
/* ここまでmenu部分
-------------------------------- */


ul,li
{
margin: 0;
padding: 0;
}  
-->