<!--
BODY{
  margin-top : 0px;
  margin-left : 10px;
  margin-right : 0px;
  margin-bottom : 0px;
}
H1{
  font-size:11pt;
  padding:5px;
  margin:0px;
  align:left;
  color: #8d7964;
}
H2{
  font-size:11pt;
  padding:5px;
  margin:0px;
  align:center;
  color: #7c5783;
}
.font01{
  font-size : 10pt;
  color :#333333;
  line-height : 20px;
}
.font02{
  font-size : 12pt;
  color : #333333;
  line-height : 25px;
}
A{
  text-decoration : none;
}
.akeru01{
  line-height : 20px;
}
.akeru02{
  line-height : 23px;
}
.akeru03{
  line-height : 18px;
}
.bottom01{
  border-bottom-style:ridge;
  color:9e49a1;
}

/* ここからmenu
-------------------------------- */
div {
   color:#ffffff;
   font-size: 10px;
   margin-left: 10;
}

# menu
{
margin-bottom: 1em;
}

/* 背景を横繰り返し、高さは画像と同じサイズ
-------------------------------- */
#menu ul 
{
background-color :#998065;
background-repeat: repeat-x;
background-position: 0 0;
position:relative;
height:60px;
}

/* listタグをfloatで左に回り込ませてサイズも指定
-------------------------------- */
#menu li 
{
width: 130px;
height: 60px;
list-style-type:none;
float: left;
}

/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
-------------------------------- */
#menu li a 
{
display: block;
width: 130px;
height: 60px;
background-position: 0 0 ;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -999px;
}    
	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使って高さは60px
-------------------------------- */
#menu li#bt1 a 
{
background-image: url(img/common/b01.gif);
}

#menu li#bt2 a 
{
background-image: url(img/common/b02.gif);
}

#menu li#bt3 a 
{
background-image: url(img/common/b03.gif);
}

#menu li#bt4 a 
{
background-image: url(img/common/b04.gif);
}

#menu li#bt5 a 
{
background-image: url(img/common/b05.gif);
}

#menu li#bt6 a 
{
background-image: url(img/common/b06.gif);
}

/* マウスオンすると重なった30px下の画像が出てきます
-------------------------------- */
#menu li a:hover 
{
background-position: 0 -60px;
}
/* ここまでmenu部分
-------------------------------- */

#container
{ 
background-color: white;
margin-right: auto;
margin-left: auto;
border: solid 0 #ffffff;
width: 800px;
height: auto 
}
ul,li
{
margin: 0;
padding: 0;
}
-->