@charset "UTF-8";
@import url("text.css");
/* CSS Document */

#body {
margin: 0px;
padding: 0px;
}

#main{
margin-left: auto;
margin-right: auto;
width: 900px;
}

#header{
width: 900px;
margin-top: 25px;
margin-bottom: 0px;
height: 50px;
}

#header ul{
width: 900px;
margin: 0;
padding: 0;
}

#header li {
margin: 0px;
padding: 0px;
list-style-type: none;
padding-left: 0px; 
float: left;
}  

#logo a {
height: 50px;
width: 85px;
background-image: url(../img/web_logo.gif);
display: block;
}
#logo a:hover {
background-image: url(../img/web_logo.gif);
}

#home a {
margin-left: 10px;
height: 50px;
width: 153px;
background-image: url(../img/home.gif);
display: block;
}
#home a:hover {
background-image: url(../img/home_on.gif);
}

#home_on a {
margin-left: 10px;
height: 50px;
width: 153px;
background-image: url(../img/home_on.gif);
display: block;
}
#home_on a:hover {
background-image: url(../img/home_on.gif);
}

#about a {
margin-left: 10px;
height: 50px;
width: 153px;
background-image: url(../img/about.gif);
display: block;
}
#about a:hover {
background-image: url(../img/about_on.gif);
}

#about_on a {
margin-left: 10px;
height: 50px;
width: 153px;
background-image: url(../img/about_on.gif);
display: block;
}
#about_on a:hover {
background-image: url(../img/about_on.gif);
}

#product a {
margin-left: 10px;
height: 50px;
width: 153px;
background-image: url(../img/product.gif);
display: block;
}
#product a:hover {
background-image: url(../img/product_on.gif);
}

#product_on a {
margin-left: 10px;
height: 50px;
width: 153px;
background-image: url(../img/product_on.gif);
display: block;
}
#product_on a:hover {
background-image: url(../img/product_on.gif);
}

#contact a {
margin-left: 10px;
height: 50px;
width: 153px;
background-image: url(../img/contact.gif);
display: block;
}
#contact a:hover {
background-image: url(../img/contact_on.gif);
}

#contact_on a {
margin-left: 10px;
height: 50px;
width: 153px;
background-image: url(../img/contact_on.gif);
display: block;
}
#contact_on a:hover {
background-image: url(../img/contact_on.gif);
}

#download a {
margin-left: 10px;
height: 50px;
width: 153px;
background-image: url(../img/download.gif);
display: block;
}
#download a:hover {
background-image: url(../img/download_on.gif);
}

#download_on a {
margin-left: 10px;
height: 50px;
width: 153px;
background-image: url(../img/download_on.gif);
display: block;
}
#download_on a:hover {
background-image: url(../img/download_on.gif);
}

#content_title {
width: 900px;
margin-bottom: 30px;
height: 20px;
background-image:url(../img/line.gif);
float:left;
}

#top_text {
width: 900px;
float:left;
margin-bottom: 20px;
}

#top_text01 {
width: 425px;
display: block;
float:left;
}

#top_text02 {
width: 425px;
display: block;
margin-left: 50px;
float:left;
}

#top_text03 {
width: 900px;
float:left;
margin-bottom: 20px;
}

#line {
width: 900px;
margin-top: 30px;
height: 1px;
background-image:url(../img/line.gif);
float:left;
}

#line_product {
width: 900px;
margin-top: 10px;
margin-bottom: 10px;
height: 1px;
background-image:url(../img/line.gif);
}

#foot {
width: 900px;
height: 30px;
margin-top: 0px;
background-image: url(../img/footer.gif);
float:left;
}


#foot_img {
width: 900px;
height: 100px;
margin-top: 0px;
float:left;
}