@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, form, ul, ol, li, table, tr, td, dl, dd, dt {
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  color: #000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.8;
  height: 100%;
}

a img {
  border: 0;
  background-color: transparent;
  line-height: 1;
}

a {
  color: #000;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.clearfix, #footer  {
  zoom: 1;
}

.clearfix:after, #footer:after {
  content: "";
  display: block;
  clear: both;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: .25em;
  font-size: 14px;
}

#wrapper {
  width: 800px;
  margin: 0 auto;
  min-height: 100%;
}

/* --------------- header */
#header {
  height: 45px;
  width: 770px;
  margin: 0 0 -10px 14px;
}

#header #home a {
  text-indent: -9000px;
  height: 23px;
  width: 775px;
  display: block;
  background: transparent url(../image/home.png) no-repeat left top;
  margin: 10px 0 5px 0;
}

#header #gl_navigation {
  height: 25px;
  width: 771px;
  /*
  background: transparent url(../image/menu.png) no-repeat left top;
  */
  list-style-type: none;
}

#header #gl_navigation li a {
  display: block;
  float: left;
  text-indent: -9000px;
  height: 25px;
  background: transparent url(../image/menu.png) no-repeat 0px 0px;
}

#header #gl_navigation li#gl_nav00 a {
  width: 166px;
  background-position: 0px 0px;
}
#header #gl_navigation li#gl_nav00 a:hover {
  background-position: 0px -25px;
}

#header #gl_navigation li#gl_nav01 a {
  width: 108px;
  background-position: -166px 0px;
}
#header #gl_navigation li#gl_nav01 a:hover {
  background-position: -166px -25px;
}
#nav01 #header #gl_navigation li#gl_nav01 a {
  background-position: -166px -50px;
}

#header #gl_navigation li#gl_nav02 a {
  width: 118px;
  background-position: -274px 0px;
}
#header #gl_navigation li#gl_nav02 a:hover {
  background-position: -274px -25px;
}
#nav02 #header #gl_navigation li#gl_nav02 a {
  background-position: -274px -50px;
}

#header #gl_navigation li#gl_nav03 a {
  width: 97px;
  background-position: -393px 0px;
}
#header #gl_navigation li#gl_nav03 a:hover {
  background-position: -393px -25px;
}
#nav03 #header #gl_navigation li#gl_nav03 a {
  background-position: -393px -50px;
}

#header #gl_navigation li#gl_nav04 a {
  width: 98px;
  background-position: -490px 0px;
}
#header #gl_navigation li#gl_nav04 a:hover {
  background-position: -490px -25px;
}
#nav04 #header #gl_navigation li#gl_nav04 a {
  background-position: -490px -50px;
}

#header #gl_navigation li#gl_nav05 a {
  width: 96px;
  background-position: -587px 0px;
}
#header #gl_navigation li#gl_nav05 a:hover {
  background-position: -587px -25px;
}
#nav05 #header #gl_navigation li#gl_nav05 a {
  background-position: -587px -50px;
}

#header #gl_navigation li#gl_nav06 a {
  width: 87px;
  background-position: -683px 0px;
}
#header #gl_navigation li#gl_nav06 a:hover {
  background-position: -683px -25px;
}
#nav06 #header #gl_navigation li#gl_nav06 a {
  background-position: -683px -50px;
}


#language {
  width: 145px;
  height: 16px;
  background: transparent url(../image/lang_bg.png) no-repeat left top;
  text-indent: -9000px;
  margin: 5px 0 5px 625px;
}

#language a.en, #language span.en {
  width: 57px;
  height: 16px;
  background: transparent url(../image/lang_en.png) no-repeat left top;
  float: left;
  display: block;
  text-indent: -9000px;
}

#language a.ja, #language span.ja {
  width: 73px;
  height: 16px;
  background: transparent url(../image/lang_ja.png) no-repeat left top;
  float: left;
  display: block;
  text-indent: -9000px;
  margin-left: 15px;
}

#language a.ja:hover, #language span.ja,
#language a.en:hover, #language span.en {
  border-bottom: 2px solid #000;
}

#header_caption {
  height: 29px;
  margin: 0 0 10px 14px;
  background: transparent url(../image/hcap_news.png) no-repeat left top;
}

#nav01 #header_caption {
  background-image: url(../image/hcap01.png);
}

#nav02 #header_caption {
  background-image: url(../image/hcap02.png);
}

#nav03 #header_caption {
  background-image: url(../image/hcap03.png);
}

#nav04 #header_caption {
  background-image: url(../image/hcap04.png);
}

#nav05 #header_caption {
  background-image: url(../image/hcap05.png);
}

#nav06 #header_caption {
  background-image: url(../image/hcap06.png);
}

#tpic_path {
  display: none;
}

#container {
  width: 578px;
  float: left;
  margin: 0 29px 0 14px;
  word-break: break-all;
}

#container a:hover {
  color: #fff;
  background-color: #000;
  text-decoration: none;
}

#container #mainimage {
  width: 460px;
  margin: 10px 0 20px 0;
}

#container .tpic {
  background: transparent url(../image/c_bg.png) repeat-y left top;
  margin-bottom: 30px;
}

#container .tpic h1 {
  padding: 11px 0 21px 30px;
  height: 19px;
  background: transparent url(../image/c_h1.png) no-repeat left top;
}

#container .tpic .content {
  background: transparent url(../image/c_bottom.png) no-repeat left bottom;
  padding: 20px 59px;
  font-size: 13px;
}

#container .tpic .content.l {
  padding: 20px 30px;
  font-size: 15px;
  letter-spacing: 2px;
}

#container .tpic .content h2 {
  font-size: 15px;
  margin: 0 0 15px 0;
  border-bottom: 2px solid #000;
  padding: 10px 0;
}

#container .tpic .content h3 {
  margin: 10px 0;
}

#container .tpic .content li {
  margin-left: 5px;
}

#container .tpic .content p {
  margin-bottom: 10px;
}


#container .tpic dl dd,
#container .tpic .content ul li {
  padding: 0 0 10px 15px;
  background: transparent url(../image/arrow.png) no-repeat 0 2px;
  line-height: 20px;
  list-style-type: none;
  border: 0 none; 
}

#container .tpic ul.content {
  padding: 0;
  font-size: 13px;
  list-style-type: none;
}

#container .tpic ul.content > li {
  background: transparent url(../image/c_hb.png) no-repeat left bottom;
  margin: 0;
  padding-bottom: 10px;
}

#container .tpic ul.content > li.last {
  background-image: none;
}

#column {
  width: 162px;
  float: left;
}

#column h2 {
  color: #fff;
  height: 21px;
  background: transparent url(../image/s_h.png) no-repeat left top;
  padding: 10px 15px;
  font-size: 12px;
  line-height: 1;
}

#column ul {
  list-style: none;
  letter-spacing: .25em;
  font-size: 12px;
  margin-bottom: 30px;
  background: transparent url(../image/s_ll.png) repeat-y left top;
}

#column li {
  background: transparent url(../image/s_b2.png) no-repeat left bottom;
  height: 40px;
}

#column li#sd_nav01 {
  background: transparent url(../image/s_b1.png) no-repeat left bottom;
  height: 46px;
}

#column li.sublist {
  background: transparent url(../image/s_b3.png) no-repeat left bottom;
}

#column li.split {
  background: transparent url(../image/s_b2.png) no-repeat left bottom;
}

#column li.last {
  background: transparent url(../image/s_bl.png) no-repeat left bottom;
}

#column li a {
  display: block;
  text-decoration: none;
  line-height: 1;
  height: 25px;
  padding: 15px 0px 0 12px;
  margin-top: -1px;
}

#column li a.m {
  padding-top: 8px;
  height: 30px;
}

#column li a:hover {
  background: transparent url(../image/s_hv.png) no-repeat left top;

}

#footer {
  clear: both;
  height: 30px;
  margin: 0 0 20px 14px;
  padding-top: 20px;
  font-size: 9px;
  line-height: 1.4;
}

#footer a {
  text-decoration: none;
}

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

#footer #utility p {
  float: left;
  width: 350px;
  padding-top: 5px;
  margin: 0;
}

#footer li {
  list-style-type: none;
  float: left;
  border-left: 1px solid #000;
  height: 10px;
  padding: 10px;
}