body
{
background-image: url("bg.jpg");
background-repeat: repeat-x;
background-color: #00607B;
}

#document
{
position: relative;
top: 5px;
width: 955px;
background-color: #F89728;
border-width: 5px;
border-color: #F89728;
border-style: solid;
}

#banner
{
position: relative;
left: -153px;
height: 150px;
width: 650px;
background-image: url("banner.jpg");
}

#navi
{
float: left;
position: relative;
top: -15px;
left: -41px;
width: 100%;
list-style-type:none;
}

#navi a
{
float:left;
width: 113.5px;
color: #000000;
font-weight: bold;
font-size: smaller;
font-family: arial;
background-color: #FFFFFF;
text-decoration: none;
padding: 0.2em 0.6em;
border-right: 0.25px solid #FFFFFF;
}

#navi a:hover 
{
background-color: #E88718;
}

#navi li
{
display:inline
}

#content
{
position: relative;
top: 20px;
left: -153px;
min-height: 620px;
width: 640px;
padding-left: 10px;
background-color: #FFFFFF;
border-top: 1px solid #F89728;
font-size: larger;
}

#tiedote
{
background-color: #F89728;
background-image: url("tiedote3.jpg");
float: right;
position: relative;
top: -895px;
min-height: 790px;
width: 300px;
}

#copyright p
{
background-color: #F89728;
font-weight: bold;
padding-top: 15px;
}

#copyright a
{
color: #006079;
text-decoration: none;
}

#loginbg
{
display: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
width: 100%;
height: 100%;
background-color: #1E4D79;
}

#loota
{
position: absolute;
top: 45%;
left: 35%;
z-index: 101;
width: 400px;
height: 150px;
display: none;
background-image: url('login.gif');
background-repeat: no-repeat;
}

#name
{
position: relative;
top: -12px;
left: 140px;
border: 0px;
}

#tname
{
position: relative;
left: -280px;
top: 25px;
color: #FFFFFF;
text-align: right;
font-family: verdana, arial;
font-weight: bolder;
font-size: larger;
}

#password
{
position: relative;
top: -59px;
left: 140px;
border: 0px;
}

#tpassword
{
position: relative;
left: -280px;
top: -20px;
color: #FFFFFF;
text-align: right;
font-family: verdana, arial;
font-weight: bolder;
font-size: larger;
}

#submit
{
width: 100px;
position: relative;
top: -52px;
left: 260px;
}

#cancel
{
position: relative;
top: -30px;
left: -80px;
width: 100px;
}

#cms
{
position: absolute;
bottom: 10px;
left: 10px;
text-decoration: none;
color: #55A0CF
}

#hsanat
{
display: none;
}

fieldset {
font-size: smaller;
font-family: arial;
font-weight: bold;
background-color: #AAAAAA;
}

#form td, select {
width: 75px;
}

.genre {
width: 50px;
}

.size {
width: 125px;
}

.manuf {
width: 75px;
}

.model {
width: 210px;
}

#rengashaku table {
text-align: left;
position: relative;
left: -35px;
}

#pro {
float: right;
text-align: left;
}

#company {
float: left;
text-align: left;
width: 185px;
}

#logo {
width: 248px;
height: 126px;
float: left;
position: absolute;
bottom: 6%;
background-image: url('logo.jpg');
background-repeat: no-repeat:
}