@charset "utf-8";
/* CSS Document */
/* ------------------- html ------------------- */
html {
overflow: scroll;
}


/* ------------------- body ------------------- */
body {
margin-left: 0px;
margin-top: 0px;
background: #C5C3C4;
font-size: small;
color: #333333;
}

h1 {
margin: 0px;
font-size: medium 
}

h2 {
margin: 0px;
font-size: medium;
}

h3 {
margin: 0px;
font-size: small;
}

.smalltext {
font-size: smaller;
}


/* ------------------- wrap ------------------- */
#wrap {
position: relative;
width: 760px;
margin: 0 auto;
background: #C5C3C4;
padding: 0px;
}

/* ------------------- header ------------------- */
#header {
width: 760px;
height: 57px;
background: #C5C3C4;
margin: 0;
padding: 0;
}

#headerleft {
float: left;
width: 613px;
height: 57px;
margin: 0;
padding: 0;
background: url(images/top_eng_01.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#headerright {
float: right;
display: block;
width: 147px;
height: 57px;
margin: 0;
padding: 0;
}

/* ------------------- mainvisual01 ------------------- */

#mainvisual01 {
width: 760px;
height: 520px;
background:url(images/top_eng_03.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#mainvisual02 {
width: 760px;
height: 485px;
background:url(images/top_eng_04.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/* ------------------- navarea ------------------- */
#navarea {
position: relative;
width: 760px;
height: 100px;
background: url(../images/top_r4_c1.jpg) no-repeat;
margin: 0;
padding: 0;
}

.menu {
width: 760px;
height: 100px;
margin: 0;
padding: 0;
}

.menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.menu li {
display: inline;
float: left;
margin: 0px;
overflow: hidden;
}

.leftbuffer {
display: block;
width: 273px;
height: 100px;
margin: 0;
padding: 0;
background:url(images/top_eng_05.jpg) no-repeat;
}

.products a {
display: block;
width: 232px;
height: 100px;
margin: 0;
padding: 0;
background:url(images/top_eng_06.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

.products a:hover {
background:url(images/top_eng_06.jpg) no-repeat 0 -100px;
}

.rightbuffer {
display: block;
width: 255px;
height: 100px;
margin: 0;
padding: 0;
background:url(images/top_eng_07.jpg) no-repeat;
}

.clear_all {
clear: both;
}

.clear_right {
clear: right;
}

.clear_left {
clear: left;
}

/* ------------------- footer ------------------- */
#footer {
clear: both;
width: 760px;
height: 70px;
padding: 0;
margin: 0;
background: url(images/top_eng_08.jpg);
text-indent: -9999px;
}