@charset "UTF-8";

/* *****************************************
/*+  init  +********************************
/***************************************** */
/*+ heading + ---------------------------- */
h2 {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  background: none;
  border: none;
}

@media screen and (max-width: 768px) {
  h2 {
    font-size: 1.0em;
  }
}

h2 .title {
  padding: 16px;
  border: none;
  border-top: #004F3F 4px solid;
  display: inline-block;
}

/*+ container + -------------------------- */
#container {
  padding: 45px 0 0;
  background: url(../img/container_bg.gif) repeat-x left top #F3F3F3;
}

/*+ contents + --------------------------- */
#contents {
  float: left;
}

/*+ side + ------------------------------- */
#side {
  float: right;
}

#side .widget {
  margin-bottom: 16px;
}

#side-utility {
  background: url(../img/side_utility_bg_bdy.gif) repeat-y;
}

#side-utility ul {
  background: url(../img/side_utility_bg_btm.gif) no-repeat left bottom;
}

/*+ footer-nav + ------------------------- */
#footer-nav {
  padding-top: 40px;
}

#footer-sitemap {
  padding: 10px 0;
}

/* *****************************************
/*+  main-visual  +*************************
/***************************************** */
/*+ block + ------------------------------ */
#slides {
  margin: 0 auto;
}

#slides li {
  margin: 0;
}

/* *****************************************
/*+  contents-nav  +************************
/***************************************** */
/*+ block + ------------------------------ */
#contents-nav {
  margin-bottom: 34px;
}

#contents-nav li {
  margin: 0 21px 20px 0;
  background: #FFF;
  border-top: #004F3F 4px solid;
}

/*#contents-nav li a {
	padding: 10px 19px 20px;
	width: 266px;
	background: none;
	border: #CCC 1px solid;
	border-top: none;
	}*/
#contents-nav li a {
  padding: 10px 20px 20px;
  width: 266px;
  background: url(../img/cnav_bg_bdy.gif) repeat-y;
  border-bottom: #CCC 1px solid;
}

#contents-nav dd {
  margin: 0;
  font-size: .86em;
}

/*+ heading + ---------------------------- */
#contents-nav h2 {
  margin-bottom: 8px;
  font-size: 1.2em;
}

#contents-nav h2 span {
  font-size: .61em;
}

/* *****************************************
/*+  topics  +******************************
/***************************************** */
/*+ block + ------------------------------ */
#topics {
  border-top: #CCC 1px solid;
}

#topics dl {
  padding: 14px 0;
  font-size: .93em;
  line-height: 1.2;
  background: url(../../common/img/dotline.gif) repeat-x left bottom;
}

#topics dt {
  width: 6em;
  float: left;
}

@media screen and (max-width: 768px) {
  #topics dt {
    float: none;
  }
}

#topics dd {
  margin-left: 7em;
  padding-left: 76px;
}

@media screen and (max-width: 768px) {
  #topics dd {
    padding-left: 76px;
    margin-top: 10px;
		margin-left: 0;
  }
}

#topics .news dd {
  background: url(../../common/img/ico_news.gif) no-repeat 0 1px;
}

#topics .ir dd {
  background: url(../../common/img/ico_ir.gif) no-repeat 0 1px;
}

#topics .update dd {
  background: url(../../common/img/ico_update.gif) no-repeat 0 1px;
}

#topics .seminar dd {
  background: url(../../common/img/ico_seminar.gif) no-repeat 0 1px;
}

#topics .event dd {
  background: url(../../common/img/ico_event.gif) no-repeat 0 1px;
}

#topics .pr dd {
  background: url(../../common/img/ico_pr.gif) no-repeat 0 1px;
}

/* *****************************************
/*+  hack  +********************************
/***************************************** */
/*+ IE6 + -------------------------------- */
* html #slides {
  height: 408px;
}

* html #slides img {
  height: 408px;
}

* html #topics dl {
  height: 1%;
}

* html #topics dt {
  margin-right: -7em;
}

/*+ IE7 + -------------------------------- */
*:first-child+html #slides {
  height: 408px;
}

*:first-child+html #slides img {
  height: 408px;
}
