/* ページのレイアウト用CSS */
body {
background-image: url(100billsmall.jpg);
background-repeat: repeat;
text-align: center;
}

#contents {
width: 728px;
margin: auto;
background-color: #ffffff;

text-align: left;
border:solid 1px #999999;
position:relative;
}

h1 {background-image: url(hbanner3.gif) ; background-repeat: no-repeat;  height: 90px;
font-size: 20px;
background-position: center;
}

h2,h3,p,ul,table {
margin-left:50px;
margin-right:50px;
}

#navbar h2{
width:152px;
float:left;
margin:0px;
}

#navbar{
height:36px;
top: 160px;
position: absolute;
}

#navbar a {
color: #FFFFFF;
font-weight:normal;
}

a {
text-decoration:none;
}

a:hover { 
text-decoration: underline; 
}

.menu h2 {
margin: 0px;
}

.menu h2 a {
background-image:url(subnav_bg.gif);
font-size:18px;
display:block;
height:30px;
border:solid 1px #333333;
text-align:center;
line-height:30px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFFFFF;
}

.menu {
width:152px;
float:left;
}

.menu ul {
margin: 0px;
padding:0px;
list-style-type:none;
font-size: 12px;
visibility:hidden;
}
.menu li {
background-color: #8CB537;
border-left:solid 1px #CCCCCC;
border-bottom:solid 1px #999999;
border-right:solid 1px #999999;
line-height:100%;
margin: 0px;
}
.menu li a{
display:block;
padding:2px;
color: #333333;
}
.menu li a:hover{
background-color:#5B7A28;
color: #FFFFFF;
}