@charset "utf-8";

/* [ Common ] *************************************************************/
/* Overall ****************************************************************/
*{
  margin: 0px;
  padding: 0px;
}

a:link, a:visited{
  color: #36f;
  text-decoration: none;
}

a:hover, a:active{
  color: #f60;
}

a img{
  border: none;
}

body{
  background-color: #fff;
  color: #333;
  font-family: sans-serif;
  font-size: 9pt;
}

#background{
  background-color: #ddd;
  height: 650px;
  left: 0px;
  position: absolute;
  top: 0px;
  /*width: 100%;*/
  z-index: -1;
}

#wrapper{
  background-color: #ddd;
  margin: 0px auto;
  width: 750px;
}


/* Header part ************************************************************/
#header{
  margin-left: 50px;
  width: 700px;
}

#title{
  background: #fff url('../images/title.png') no-repeat;
  float: left;
  height: 80px;
  text-indent: -32767px;
  width: 525px;
}

#contact{
  background: url('../images/contact.png') no-repeat;
  float: left;
  height: 80px;
  position: relative;
  text-indent: -32767px;
  width: 175px;
}

#contact a{
  background: url('../images/inquiry.png') no-repeat;
  display: block;
  height: 18px;
  left: 94px;
  position: absolute;
  top: 59px;
  width: 72px;
}

#contact a:hover, #contact a:active{
  background-image: url('../images/inquiry_on.png');
}


/* Head menu **************************************************************/
ul#menu{
  background: url('../images/head_menu.png') no-repeat;
  clear: left;
  height: 30px;
  list-style: none;
  margin-left: 50px;
  position: relative;
  width: 700px;
}

ul#menu li{
  float: left;
  text-indent: -32767px;
  width: 105px;
}

ul#menu li a{
  display: block;
  height: 30px;
  width: 105px;
}

ul#menu li a:hover, ul#menu li a:active{
  background-image: url('../images/head_menu_on.png');
}

ul#menu li#product a{
  background-position: 0px 0px;
}

ul#menu li#agent a{
  background-position: -105px 0px;
}

ul#menu li#download a{
  background-position: -210px 0px;
}

ul#menu li#catalogue a{
  background-position: -315px 0px;
}

ul#menu li#company a{
  background-position: -420px 0px;
}

ul#menu li#home a{
  background-position: -640px -8px;
  height: 14px;
  left: 640px;
  position: absolute;
  top: 8px;
  width: 50px;
}


/* footer *****************************************************************/
#footer{
  font-size: 90%;
  height: 125px;
  margin-left: 50px;
  width: 700px;
}

#footer-left{
  background-color: #eee;
  float: left;
  height: 125px;
  position: relative;
  width: 525px;
}

p#last-update{
  margin-left: 15px;
  margin-top: 10px;
}

#banners{
  margin-bottom: 20px;
  margin-top: 10px;
  vertical-align: middle;
  width: 375px;
}

#banners img{
  margin-left: 15px;
}

#signs{
  position: absolute;
  right: 15px;
  top: 5px;
}

#signs img{
  margin-left: 20px;
}

p#copyright{
  clear: left;
  margin-left: 15px;
}

#footer-right{
  background-color: #dedede;
  float: left;
  font-size: 13px;
  height: 75px;
  text-align: right;
  width: 175px;
}

#footer-right ul{
  list-style: none;
}

#footer-right ul li{
  margin-right: 10px;
  margin-top: 5px;
}

#footer-right ul li a{
  color: #333;
  text-transform: uppercase;
}

#footer-right a:hover, #footer-right a:active{
  color: #36f;
}


/* [ index.html ] *********************************************************/
/* mid-top ****************************************************************/
body#index-html #mid-top{
  height: 265px;
  margin-left: 50px;
  width: 700px;
}

body#index-html #eyecatch{
  background: url('../images/eyecatch.png') no-repeat;
  float: left;
  height: 265px;
  text-indent: -32767px;
  width: 525px;
}

body#index-html ul#topmenu{
  background: url('../images/topmenu.png') no-repeat;
  float: left;
  height: 265px;
  list-style: none;
  position: relative;
  width: 175px;
}

body#index-html ul#topmenu li{
  float: left;
  position: absolute;
  text-indent: -32767px;
  width: 75px;
}

body#index-html ul#topmenu li a{
  display: block;
  height: 40px;
  width: 75px;
}

body#index-html ul#topmenu li a:hover,
body#index-html ul#topmenu li a:active{
  background: url('../images/topmenu_on.png') no-repeat;
}

body#index-html ul#topmenu li#from-use{
  left: 80px;
  top: 45px;
}

body#index-html ul#topmenu li#from-use a{
  background-position: -80px -45px;
}

body#index-html ul#topmenu li#from-product{
  left: 30px;
  top: 97px;
}

body#index-html ul#topmenu li#from-product a{
  background-position: -30px -97px;
}

body#index-html ul#topmenu li#achievement{
  left: 80px;
  top: 140px;
}

body#index-html ul#topmenu li#achievement a{
  background-position: -80px -140px;
}

body#index-html ul#topmenu li#agent-top{
  left: 30px;
  top: 200px;
}

body#index-html ul#topmenu li#agent-top a{
  background-position: -30px -200px;
}


/* mid-bottom *************************************************************/
body#index-html #mid-bottom{
  height: 150px;
  margin-left: 50px;
  width: 700px;
}

body#index-html #news{
  background-color: #fff;
  float: left;
  height: 150px;
  width: 525px;
}

body#index-html #news h1{
  border-bottom: 5px solid #888;
  color: #5d5d5d;
  font-size: 15px;
  margin-left: 15px;
  margin-top: 15px;
  width: 5em;
}

body#index-html #news dl{
  line-height: 170%;
  margin: 5px 15px;
  vertical-align: middle;
}

body#index-html #news dt{
  clear: left;
  float: left;
  width: 80px;
}

body#index-html #news dd{
  float: left;
  width: 415px;
}

body#index-html #news #news-more{
  clear: left;
  margin-right: 10px;
  text-align: right;
  text-transform: uppercase;
}

body#index-html #news #news-more a:link,
body#index-html #news #news-more a:visited{
  color: #333;
}

body#index-html #news #news-more a:hover,
body#index-html #news #news-more a:active{
  color: #36f;
}

body#index-html ul#topmenu2{
  background: url('../images/topmenu2.png') no-repeat;
  float: left;
  height: 150px;
  list-style: none;
  position: relative;
  width: 175px;
}

body#index-html ul#topmenu2 li{
  left: 11px;
  position: absolute;
  text-indent: -32767px;
}

body#index-html ul#topmenu2 li a{
  display: block;
  height: 25px;
  width: 154px;
}

body#index-html ul#topmenu2 li a:hover,
body#index-html ul#topmenu2 li a:active{
  background: url('../images/topmenu2_on.png') no-repeat;
}

body#index-html ul#topmenu2 li#link{
  top: 9px;
}

body#index-html ul#topmenu2 li#link a{
  background-position: -11px -9px;
}

body#index-html ul#topmenu2 li#sitemap{
  top: 51px;
}

body#index-html ul#topmenu2 li#sitemap a{
  background-position: -11px -51px;
}

body#index-html ul#topmenu2 li#inquiry{
  left: 0px;
  top: 0px;
}

body#index-html ul#topmenu2 li#inquiry ul{
  list-style: none;
}

body#index-html ul#topmenu2 li#inquiry ul li{
  position: absolute;
  text-indent: -32767px;
  top: 120px;
}

body#index-html ul#topmenu2 li#inquiry ul li a{
  display: block;
  height: 17px;
  width: 46px;
}

body#index-html ul#topmenu2 li#inquiry ul li#inquiry-prod{
  left: 38px;
}

body#index-html ul#topmenu2 li#inquiry ul li#inquiry-prod a{
  background-position: -38px -120px;
}


body#index-html ul#topmenu2 li#inquiry ul li#inquiry-work{
  left: 96px;
}

body#index-html ul#topmenu2 li#inquiry ul li#inquiry-work a{
  background-position: -96px -120px;
}