@charset "utf-8";


/* common */

body {margin:0; color:#555; font: 12px/1.8  Verdana, Arial, Helvetica, sans-serif; background:url(../img/bg_sub.gif) repeat-x;}
img {border:0;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}


/*link*/
a { color:#555; text-decoration:none;}
a:hover {color:#796e22; text-decoration:none}

/*layout*/

#wrap {margin:0; width:968px; float:left; padding-right:25px}

/*header*/
#header {position:relative; width:100%; height:87px; float:left;}
#logo {position:absolute; top:32px; left:37px;}
#siteguide {position:relative; width:300px; height:20px; float:right; text-align:right; padding-right:7px;} 
#siteguide ul li {display:inline; margin-left:10px; font: 10px/1.8em Verdana, Geneva, sans-serif; text-transform:uppercase;}

/*navigation*/
.navi {position:absolute; top:50px; right:0; z-index:10; width:690px; height:34px; font-size:normal;}
.navi ul li{float:left; margin:0px; left repeat:none;  padding-left:20px;}
.navi ul li a.menu{display:block; color:#555; background:url(../img/off.gif) left center no-repeat; font-weight:bold; padding-left:13px; text-transform:uppercase;}
.navi ul li a.menu:hover{display:block; color:#0c4da2; background:url(../img/on.jpg) left center no-repeat;}

.dep2_menu {position:absolute; z-index:30; padding:0 4px; background:#fff; border:1px solid #999; line-height:14px; }
.dep2_menu ul {text-align:center; }
.dep2_menu ul li {text-align:center; padding:0px 6px; }
.dep2_menu ul li a {display:block; font-size:12px; color:#666; text-decoration:none; padding:3px 0px 0px 0px; font-size:11px;}
.dep2_menu ul li a:hover {color:#000; text-decoration:none;}

#dep2_1 {visibility:hidden; position:absolute; top:26px; left:20px; width:470px; height:20px; z-index:10;}
#dep2_2 {visibility:hidden; position:absolute; top:26px; left:110px; width:380px; height:20px; z-index:10;}
#dep2_3 {visibility:hidden; position:absolute; top:26px; left:220px; width:210px; height:20px; z-index:10;}
#dep2_4 {visibility:hidden; position:absolute; top:26px; left:340px; width:230px; height:20px; z-index:10;}
#dep2_5 {visibility:hidden; position:absolute; top:26px; left:480px; width:220px; height:20px; z-index:10;}


/*middie*/
#mid {position:relative; float:left; padding:30px 0px 30px 37px;}
#mid .visual {float:left; margin-bottom:20px;}
#mid .left {position:relative; clear:both; float:left; width:190px;}
#mid .content {position:relative; float:left; width:700px; padding-top:25px; margin-left:12px;}
#mid .content .subtitle {position:relative; float:left; }
#mid .content .subtitle h1 {font:bold 20px/1 Arial, Helvetica, sans-serif ;}
#mid .content .route {position:relative; float:right;}
#mid .content .contents {position:relative; width:700px; border-top:1px solid #88cf8f; margin-top:35px; padding-top:15px; overflow:hidden;}
#mid .content .contents .type {position:relative; float:left; width:45%; height:340px;margin-right:15px; margin-bottom:25px; text-align:left; }
#mid .content .contents .type p {font:12px/1.3em Arial ;}
#mid .content .contents .type h2 {font-size:15px; padding-left:0;}
#mid .content .contents .intro {position:relative; float:left; clear:both;}
#mid .content .contents .p {position:relative; float:right; width:510px; padding-top:10px; margin-bottom:35px; vertical-align:middle;}
#mid .content .contents .his {position:relative; float:right; width:490px; margin-bottom:30px; vertical-align:top;}
#mid .content .contents .pic {position:relative; float:left; width:200px; margin-right:10px;}
#mid .content .contents .company p {margin-bottom:10px;}
#mid .content .contents div.inquiry {float:left; padding:40px 0 0 0; width:400px;}
#mid .content .contents div.inquiry h2 {font:bold 30px/1.5 Helvetica, Arial, sans-serif; padding:0; background:none;}

.current {color:#796e22;}
.ptitle {font:bold 22px/1.2 Arial, Helvetica, sans-serif; color:#796e22; display:block; border:1px solid gray; padding:10px;}


/*table*/
#type {width:70%; height:200px; border-right:1px solid #bbb; border-top:1px solid #bbb; position:relative; float:right;}
#type th {text-align:center; padding:3px 10px; background-color:#f5f3e0; border-bottom:1px solid #bbb; border-left:1px solid #bbb;}
#type td {padding:5px 5px; border-bottom:1px solid #bbb; border-left:1px solid #bbb;}

#form {width:100%; border:none;}
#form th {width:200px; height:5px; text-align:center; padding:2px 10px; background-color:#f5f3e0; border:none; }
#form td {padding:5px 5px; border:none;}
#form .submit {text-align:center;}
#form textarea{width:360px; height:50px;}

#board {width:100%;}
#board caption{display:none;}
#board th {padding:5px 0px; background-color:#f5f3e0;}
#board td {border-bottom:1px dotted #ccc; padding:3px 0px; text-align:center;}


#cert td {padding-right:20px;}
#cert img {border:1px solid #ccc;}

/*footer*/
#footer {position:relative; float:left; margin-top:20px; width:100%; height:90px; width:100%; background:url(../img/bg_footer.gif) repeat-x;}
#footer_logo {position:relative; float:left; margin:30px 62px 40px 40px;}
#footer p {position:relative; float:left; padding-top:15px; font:11px/1.6 Verdana, Geneva, sans-serif;}

/*sitemap*/
.sitemap { width:190px; height:200px; margin:0px 40px 20px 0px; position:relative; float:left;}
.sitemap li {list-style:disc; list-style-position:inside; padding-left:10px;}

.date {font-weight:bold; color:#6085BD; padding-right:40px;}
.history {padding-top:10px;}
.pack {font:11px/1.6   Arial, Helvetica, sans-serif; color: #657d38;}
.dis {font:11px/1.6 Arial, Helvetica, sans-serif; color:#6085BD;}
h2 {font: bold 15px/1.6 Arial, Helvetica, sans-serif; color: #657d38; background:url(../img/product/li.gif) left no-repeat; padding-left:8px;}
.sitemap h2 {background:none;}


#history {width:100%; margin:10px 0 0 0;}
#history th {text-align:left;vertical-align:text-top;}
#history td {vertical-align:text-top; }
.month {font-weight:bold; color:#6085BD; vertical-align:text-top;}

/*left*/
.left li {display:block; padding:6px 0 0 5px; height:25px; border-bottom:1px solid #ccc;}
.left li a {font-family: Arial, Helvetica, sans-serif;}
.left li a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3369b1;}
.left .menu {display:block; padding-left:0; height:auto; border:0;}
.current2 {color:#3369b1; font-weight:bold;}

/*inquiry*/
#text {width:630px; padding-bottom:8px; font:bold 12px/150% Arial, Helvetica, sans-serif;}
#inquiry {width:630px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; font:11px/150% Arial, Helvetica, sans-serif; color:#222; }
#inquiry textarea {width:450px;ime-mode:disabled;}
#inquiry textarea, input {font:11px/150% Verdana, Geneva, sans-serif; color:#555;}
.star {color:#ff9900;}
.imp {color:#222;}
#messagecount {color:#ff9900;  font-weight:bold;}
#inquiry th {text-align:left; padding:5px 10px 5px 0;}
#inquiry td {padding:5px 0 5px 20px; color:#666;}
#inquiry td.caution {text-align:right;  padding:0 10px 5px 0;}
#security {width:250px; height:40px;}
#security td {padding:0px;}

.button, a.button {display: inline-block; cursor: pointer; text-align: center; text-decoration: none; text-transform:capitalize; font:bold 12px/90% "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 4px 20px ;
  text-shadow: 0 1px 1px rgba(0,0,0,.1);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.button:hover { text-decoration: none;}
.button:active { position: relative; top: 1px;}

.blue {color:#fff !important; background: #97b8ee; border: solid 1px #567ec1; background: -webkit-gradient(linear, left top, left bottom, from(#97b8ee), to(#4c7bca)); background: -moz-linear-gradient(top,  #97b8ee,  #4c7bca);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#97b8ee', endColorstr='#4c7bca');}

.send {margin-top:20px;}
.submit {width:630px; text-align:center;}

#mid .content .contents h2 {font:bold 19px/1.8 Verdana, Geneva, sans-serif; background:none;}
#mid .content .contents h3 {font:bold 14px/1.8 Verdana, Geneva, sans-serif;}