@charset "Shift_JIS";

/*total layout
--------------------------------------------------------*/
body {
margin-top: 18px;
width: 805px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: white;
}
#containar {
width: 805px;
background-image: url(../image/hbody.gif);
background-position: center;
background-repeat: repeat-y;
position: relative;
}
#head {
width: 805px;
height: 168px;
background-image: url(../image/htop.gif);
background-position: center top;
background-repeat: no-repeat;
margin-top: -20px;
position: relative;
}
#head a {
top: 140px;
left: 210px;
position: absolute;
z-index: 3;
}
#head a p {
padding-top: 5px;
padding-left: 3px;
font-size: 90%;
font-weight: bold;
color: white;
}
#head #js {
top: 140px;
left: 560px;
position: absolute;
font-size: 120%;
font-weight: bold;
color: black;
}

#main {
margin-top: 40px;
text-align: left;
}

#footer {
clear: both;
width: 805px;
height: 31px;
background-image: url(../image/hfoot.gif);
background-position: center bottom;
background-repeat: no-repeat;
}
address {
padding-top: 8px;
color: black;
font-size: 90%;
}

/*float layout
--------------------------------------------------------*/
#left {
width: 615px;
float: left;
}
#side2 {
float: left;
width: 160px;
}
#side1 {
float: left;
width: 180px;
}
#maincont {
float: right;
width: 425px;
}
/*maincont,side1,side2 inner layout
--------------------------------------------------------*/
#maincontinner,#side1inner {
padding-left: 10px;
}
#side2inner {
padding-left: 15px;
}
#side1inner {
margin-top: -10px;
}

/*menu layout
--------------------------------------------------------*/
#grandmenu ul li {
float: left;
list-style: none;
background-image: url(../image/htopmenu.gif);
background-repeat: no-repeat;
width: 114px;
height: 27px;
}
#grandmenu li a {
display: block;
font-size: 11px;
font-weight: bold;
padding-top: 10px;
text-decoration: none;
}

#grandmenu {
left: 200px;
position: absolute;
}

/*menu layout side
--------------------------------------------------------*/

#mainmenu ul li {
clear: both;
list-style: none;
width: 178px;
height: 31px;
}
#mainmenu li a {
display: block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
width: 178px;
height: 28px;
padding-top: 10px;
padding-left: 35px;
background-image: url(../image/hsidemenu.gif);
background-repeat: no-repeat;
}
#mainmenu li a:hover {
width: 178px;
height: 31px;
background-image: url(../image/hsidemenu.gif);
background-position: -0px -46px;
display: block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}