body, h1, h2, h3, h4, h5, h6,
form, blockquote, table, tr, th, td, ul, ol, li, dl, dt, dd, p, img {
  margin: 0;
  padding: 0;
  color: #333
  font-size: 9pt;
  font-weight: normal;
  font-family: 'trebuchet MS', Verdana;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #ccc;
}

img {
  margin: 0;
  padding: 0;
  border: none;
}

div#container {
  background-color: #fff;
  width: 740px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

div#container table {
  border-collapse: collapse;
}

div#container hr {
  border-right: medium none;
  border-top: medium none;
  border-left: medium none;
  border-bottom: #999 1px solid;
}

div#header {
  display: block;
  height: 65px;
  background-color: #ddd;
  background-image: url(/images/bbg_top.jpg);
  background-repeat: repeat-x;
  background-position: center bottom;
  text-align: right;
}

div#header img {
  margin: 17px 10px;
}

div#banner {
  line-height: 0;
}

div#banner.home {
  padding: 5px;
}

div#global-navi {
  padding: 0;
  margin-bottom: 36px;
}

div#global-navi ul {
  padding: 0;
  margin: 0;
  height: 25px;
}

div#global-navi ul li {
  padding: 0;
  margin: 0;
  width: 148px;
  height: 25px;
  list-style-type: none;
  display: -moz-inline-box;
  display: inline-block;
  float: left;
}

div#global-navi a {
  display: block;
  width: 148px;
  height: 25px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

div#global-navi a:hover,
div#global-navi a.current {
  background-position: 0 -25px;
}

div#global-navi a > img {
  width: 148px;
  height: 25px;
}

div#global-navi a.home     { background-image: url(/images/gnavi-home.png)     }
div#global-navi a.company  { background-image: url(/images/gnavi-company.png)  }
div#global-navi a.business { background-image: url(/images/gnavi-business.png) }
div#global-navi a.contact  { background-image: url(/images/gnavi-contact.png)  }
div#global-navi a.recruit  { background-image: url(/images/gnavi-recruit.png)   }

div#index-sidebar {
  width: 170px;
  padding: 10px 15px;
  float: left;
}

div#index-sidebar ul {
}

div#index-sidebar ul li {
  padding: 0;
  margin-bottom: 15px;
  list-style-type: none;
  line-height: 0;
}

div#index-contents {
  margin-left: 200px;
  padding: 10px 10px;
}

div#index-contents p.greeting {
  font-size: 11pt;
  font-weight: bold;
  color: #069;
  margin-bottom: 1em;
}

div#index-news {
  width: 490px;
}

div#index-news h2 {
  height: 12px;
  padding: 6px 8px 10px;
  background-image: url(/images/news-bar.gif);
  background-repeat: no-repeat;
  font-size: 10pt;
  color: #fff;
  margin-bottom: 1.8em;
  font-weight: bold;
}

div#index-news h2 span {
  height: 12px;
  width: 12px;
  display: -moz-inline-box;
  display: inline-block;
  border-left: 3px solid #fff;
}

div#index-news div.news {
  margin-bottom: 1.8em;
  background-color: #f8f8f8;
}

div#index-news h3 {
  color: #000;
  font-weight: bold;
  font-size: 11pt;
  padding: 0em 0.6em 1.2em;
}

div#index-news p {
  text-indent: 1em;
  font-size: 10pt;
  margin-bottom: 0.8em;
  padding: 0 1em 0 0.5em;
}

div#index-news p.posted {
  border-top: 1px solid #e8e8e8;
  padding: 0.2em 0.8em 0.6em;
  text-align: right;
}

div#index-news a { color: #39f; }
div#index-news a:hover { color: #f39; }

div#contents {
  padding: 0 15px;
  margin: 0 0 3em;
  clear: left;
}

div#contents h1, div#contents h2, div#contents h3,
div#contents h4, div#contents h5, div#contents h6 {
  margin: 0 0 0.8em;
}

div#contents h1 {
  background-image: url(/images/ico-btn.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
  color: #000066;
  font: bold 11pt 'trebuchet MS', Verdana;
  font-size: 12pt;
}

div#contents h1 + div {
  margin: 0 1em 1.6em;
  padding: 6px;
}

div#contents h1 + div p {
  text-indent: 1em;
  font-weight: bold;
  font-size: 9pt;
  color: #999966;
  line-height: 170%;
  margin: 0;
}

div#contents h2 {
  padding: 0.2em 0.4em;
  font-weight: bold;
  font-size: 11pt;
  color: #339;
  border-bottom: #ccc 1px dotted;
}

div#contents h3 {
  padding: 0.2em 0.8em;
  color: #333;
  font-weight: bold;
  font-size: 10pt;
}

div#contents h3 a,
div#contents h3 a:hover {
  color: #009;
  text-decoration: underline;
}

div#contents h3 span.new {
  display: -moz-inline-box;
  display: inline-block;
  width: 24px;
  height: 14px;
  background-image: url(/images/new.gif);
  background-repeat: no-repeat;
  background-position: top right;
}

div#contents h4 {
  padding: 0.2em 1.2em;
  color: #333;
  font-size: 9pt;
  font-weight: bold;
}

div#contents p {
  line-height: 140%;
  margin: 0 2em 1em;
  font-size: 9pt;
}

div#contents p.note {
  line-height: 140%;
  margin: 0 2em 1em;
  font-size: 8pt;
}

div#contents a { color: #39f; }
div#contents a:hover { color: #f39; }

div#contents .error,
div#contents .warning {
  color: #f00;
}

div#contents dl {
  line-height: 130%;
  margin: 0 2em 0.8em;
}

div#contents dl dt,
div#contents dl dd {
  font-size:  10pt;
}

div#contents dl.company-data,
div#contents dl.access-data,
div#contents dl.recruit-data,
div#contents dl.contact-form {
}

div#contents dl.company-data dt,
div#contents dl.access-data dt,
div#contents dl.contact-form dt {
  float: left;
  clear: both;
}

div#contents dl.company-data dt,
div#contents dl.contact-form dt {
  width: 110px;
}

div#contents dl.access-data dt {
  width: 120px;
}

div#contents dl.company-data dt span {
  display: block;
  margin: 0;
  font-size: 8pt;
}

div#contents dl.company-data dd,
div#contents dl.contact-form dd {
  margin-left: 120px;
}

div#contents dl.access-data dd {
  margin-left: 130px;
}

div#contents dl.company-data dd p,
div#contents dl.contact-form dd p {
  margin: 0 0 0 20px;
  font-size: 9pt;
}

div#contents dl.company-data dd p.etc {
  margin: 0 0 0 200px;
  font-size: 9pt;
}

div#contents dl.recruit-data dt {
}

div#contents dl.recruit-data dd {
  padding-left: 1em;
}

div#contents dl dd ul {
}

div#contents dl dd ul li {
  list-style-type: none;
  list-style-position: outside;
}

div#contents ol {
  line-height: 130%;
  margin: 0 2em 0.8em;
  padding-left: 2em;
}

div#contents ol li {
  font-size: 9pt;
  list-style-position: outside;
}

div#contents ol.mobileseo-rules {
}

div#contents div.mobileseo-exp {
  margin: 10px 10px 20px;
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
}

div#footer {
  clear: both;
  border-top: #ccc 1px solid;
  text-align: center;
  padding: 0;
}

div#footer div.menu {
  text-align: center;
  background-color: #f0f0f0;
}

div#footer div.menu ul {
  display: block;
  margin: 0 auto;
}

div#footer div.menu ul li {
  display: -moz-inline-box;
  display: inline-block;
}

div#footer div.menu a {
  color: #39f;
  text-decoration: none;
  display: block;
}

div#footer div.menu a:hover {
  text-decoration: underline;
}

div#footer div.menu a span {
  display: block;
  font-size: 10pt;
  padding: 0.5em 1.5em;
}

div#footer div.copyright {
  clear: left;
  text-align: center;
  padding: 1.8em 0 2em;
  font-size: 9pt;
  color: #fff;
  background-color: #006699;
}

div#company-access-map {
  width: 350px;
  height: 350px;
  border: 1px solid #808080;
  margin: 0 4em 0.8em;
}

div#company-access-map {
  font-size: 9pt;
  margin-bottom: 0.8em;
}

div#company-access-map h4 {
  font-size: 11pt;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.8em;
  padding: 0.2em 0;
}

div#company-access-map p.address {
  font-size: 9pt;
  margin: 0 0 0.2em;
}

div#company-access-map p.warning {
  color: #f00;
  font-size: 8pt;
  margin: 0 0 0.2em;
}