/* format.css */



* {
  margin:0;
  padding:0;
}

body {
  padding:0 10px 20px 10px;
  text-align:center;
  line-height:1.3;
  font-size:13px;
  font-family:Osaka,'MS UI Gothic','MS Gothic',monospace;
  color:#333;
  background:#06c url(../img/format/body.png) repeat-x left top;
}

hr {
  display:none;
}

a {
  text-decoration:none;
  color:#333;
}
a:link,
a:visited,
a:active {
  color:#09f;
}
a:hover {
  color:#f06;
}

em {
  font-style:normal;
  font-weight:bold;
}

table {
  width:auto;
  background:#999;
  border:0;
}
table tr {
}
table th {
  padding:3px 4px;
  text-align:left;
  font-weight:normal;
  line-height:15px;
  color:#000;
  background:#ddd;
  border:0;
}
table td {
  padding:3px 4px;
  text-align:left;
  line-height:15px;
  color:#333;
  background:#fff;
  border:0;
}



.clear-fix {   /* clear-fix layer */
  display:inline-block;
}
.clear-fix {
  display:block;
}
.clear-fix:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body .clear-fix {
  display:inline-block;
}



/* header */
h1 {
  position:relative;
  z-index:3;
  width:810px;
  height:165px;
  margin:0 auto 0 auto;
  text-align:left;
  background:url(../img/format/header.jpg) no-repeat left top;
  overflow:hidden;
}
h1 a {
  position:relative;
  left:15px;
  top:10px;
  display:block;
  width:160px;
  height:36px;
  text-indent:-999em;
}
/*\*/
h1 a {
  overflow:hidden;
}
/**/



/* menu */
#menu {
  position:relative;
  z-index:2;
  left:-20px;
  width:810px;
  height:55px;   /* menu 40px + body-top 15px */
  margin:0 auto;
  padding:0;
  list-style-type:none;
  background:url(../img/format/body-top.gif) no-repeat left bottom;
}
html>body #menu {
  left:0;
}
#menu li {
  position:absolute;
  top:0;
  width:100px;
  height:40px;
  margin:0;
}
#menu li a {
  display:block;
  width:100%;
  height:100%;
  line-height:40px;
  text-align:center;
  font-weight:bold;
  color:#bdf;
  background:url(../img/format/button-menu.gif) no-repeat left top;
  outline:none;
  text-shadow:1px 1px 2px #333;
}
#menu li a:hover {
  color:#fff;
  background:url(../img/format/button-menu.gif) no-repeat left center;
}
#menu li a.focus,
#menu li a.focus:link,
#menu li a.focus:visited,
#menu li a.focus:active,
#menu li a.focus:hover {
  font-weight:normal;
  color:#fff;
  background:url(../img/format/button-menu.gif) no-repeat left bottom;
}
#menu li a span {   /* for IE */
  display:block;
  width:100%;
  height:100%;
  filter:shadow(color=#333333,direction=135,strength=2);
  cursor:pointer;
}

#menu li.products {
  right:405px;
}
#menu li.news {
  right:305px;
}
#menu li.company {
  right:205px;
}
#menu li.link {
  right:105px;
}
#menu li.inquiry {
  right:5px;
}



/* topic path */
h2 {
  position:relative;
  z-index:1;
  width:810px;
  height:55px;
  margin:-55px auto 0 auto;
  padding:13px 380px 0 60px;
  line-height:15px;
  text-align:left;
  font-size:13px;
  font-weight:normal;
  color:#cde;
  background:url(../img/format/topic-path.gif) no-repeat 5px 0;
  overflow:hidden;
}
html>body h2 {
  width:370px;
  height:42px;
}
h2 a:link,
h2 a:visited,
h2 a:active {
  color:#fff;
}
h2 a:hover {
  color:#f99;
}



/* body */
#body {
  position:relative;
  z-index:6;
  width:810px;
  margin:0 auto;
  padding:0 15px;
  text-align:left;
  background:#fff url(../img/format/body-middle.gif) repeat-y left top;
}
html>body #body {
  width:780px;
}

#body h3:first-child {
  margin-top:0!important;
}

#body ul#sub-menu {
  margin:-5px 0 20px 0;
  padding:0 0 5px 0;
  line-height:16px;
  list-style-type:none;
  border-bottom:solid 5px #06c;
}
#body ul#sub-menu li {
  float:left;
  margin:5px -1px 0 0;
  padding:0 5px;
  white-space:nowrap;
  border-left:solid 1px #999;
  border-right:solid 1px #999;
}
#body ul#sub-menu a {
}
#body ul#sub-menu a.focus {
  font-weight:bold;
  color:#666;
}
#body ul#sub-menu {
}

#body ul#bottom-menu {
  position:relative;
  top:10px;
  width:780px;
  margin:0;
  padding:5px 0 0 0;
  line-height:16px;
  list-style-type:none;
  border-top:solid 5px #06c;
}
#body ul#bottom-menu li {
  float:left;
  margin:5px -1px 0 0;
  padding:0 5px;
  white-space:nowrap;
  border-left:solid 1px #999;
  border-right:solid 1px #999;
}
#body ul#bottom-menu a {
}
#body ul#bottom-menu a.focus {
  font-weight:bold;
  color:#666;
}
#body ul#bottom-menu {
}

#body h3 {
  margin:30px 0 10px 0;
  padding-left:25px;
  line-height:23px;
  font-size:15px;
  background:#e0e6e9 url(../img/format/icon-title.png) no-repeat 3px 3px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  border-radius:2px;
}

#body h4,
#body h5,
#body h6,
#body p,
#body table,
#body pre,
#body blockquote {
  margin-bottom:10px;
}

#body p.para {
  margin-left:15px;
}

#body ul,
#body ol {
  padding:0 0 0 30px;
}
#body ul li,
#body ol li,
#body dl dd {
  margin:0 0 10px 0;
}
#body dl dd {
  height:1em;
  padding:0 0 0 20px;
}
html>body #body dl dd {
  height:auto;
  min-height:1.3em;
}

#body dl.date-table {   /* date format dl-table */
  display:inline-block;
}
#body dl.date-table {
  position:relative;
  display:block;
  margin:0 0 10px 15px;
  line-height:1.3em;
}
#body dl.date-table:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body #body dl.date-table {
  display:inline-block;
}
#body dl.date-table dt {
  position:absolute;
  z-index:2;
  left:0;
  width:80px;
  margin:0 -80px 0 0;
}
#body dl.date-table dd {
  position:relative;
  z-index:1;
  margin:0 0 5px 0;
  padding:0 0 5px 90px;
  border-bottom:dashed 1px #999;
}

#body .shadow {
  -moz-box-shadow:1px 1px 3px #333;
  -webkit-box-shadow:1px 1px 3px #333;
  -khtml-box-shadow:1px 1px 3px #333;
  -opera-box-shadow:1px 1px 3px #333;
  box-shadow:1px 1px 3px #333;
}

#body a.arrow {
  padding:0 0 0 12px;
  background:#fff url(../../img/format/icon-arrow-blue.gif) no-repeat left center;
}
#body a.pdf {
  padding:1px 0 1px 20px;
  background:#fff url(../../img/format/icon-pdf.gif) no-repeat left center;
}



/* footer */
#footer {
  position:relative;
  z-index:5;
  left:-20px;
  width:810px;
  height:70px;
  margin:0 auto;
  padding:50px 10px 0 0;
  line-height:20px;
  text-align:right;
  list-style-type:none;
  background:url(../img/format/body-bottom.gif) no-repeat left top;
}
html>body #footer {
  width:800px;
  height:20px;
  left:0;
}
#footer li {
  float:right;
  margin:0 0 0 -1px;
  padding:0 5px;
  border-left:solid 1px #69c;
  border-right:solid 1px #69c;
}
#footer li a {
  color:#cde;
}


/* copyright */
address {
  position:relative;
  z-index:4;
  width:810px;
  height:70px;
  margin:-20px auto 0 auto;
  padding:0 0 0 10px;
  line-height:15px;
  text-align:left;
  font-style:normal;
  color:#cde;
}
html>body address {
  width:800px;
  height:20px;
}