<!--
BODY {
background-color: #bfbfbf;
background-position:center top;
color: #000000;
text-align:center;
font-size: 18px;
line-height; 1.5em;
margin: 0px 0px 0px 0px;
font-family: "MS UI Gothic"
}
-->

.top {
background-image : url(hr/1.jpg);
margin: 0px 0px 0px 0px;
width : 800px;
height : 207px;
}


.menu {
background-image : url(hr/2.jpg);
margin: 0px 0px 0px 0px;
width : 800px;
height : 207px;
}

.system {
background-image : url(hr/3.jpg);
margin: 0px 0px 0px 0px;
width : 800px;
height : 207px;
}

.column {
background-image : url(hr/4.jpg);
margin: 0px 0px 0px 0px;
width : 800px;
height : 207px;
}

.bh {
background-image : url(hr/5.jpg);
margin: 0px 0px 0px 0px;
width : 800px;
height : 207px;
}

.space {
word-spacing : 30pt;
}

.navi {
background-color: #000000;
font-family: MS UI Gothic;
text-align: center;
padding: 18px 7px 0px 0px;
margin:0px 0px 0px 0px;
border-right : solid;
border-color : #ffffff;
border-right-width : 1px;
} 


.navi2 {
background-color: #000000;
padding: 10px 0px 0px 0px;
margin:0px 0px 0px 0px
}

.navi3 {
background-color: #ffff00;
padding: 5px 0px 0px 0px;
margin:0px 0px 0px 0px
}

.navi4 {
background-color: #9900cc;
padding: 5px 0px 0px 0px;
margin:0px 0px 0px 0px
}

.width {
width:800px
}


a:link {
color: #ffffff;
text-decoration: none
}
a:visited {
color: #ffffff;
text-decoration: none
}
a:hover {
color: #ffffff;
text-decoration: none;
position: relative;
top: 1;
left: 1
}
a:active {
color: #ffffff;
text-decoration: none
}