@charset "utf-8";
/* /index.html 2017-12-15 release */

/*------------------------------
 左右カラムの幅を変更 style.css上書き
------------------------------*/
/* 右カラム */
.dl-cont_r_wrap {
  width: 330px;
}
.dl-cont_r_m .dl-cont_r_contents {
  width: 310px;
  padding: 10px 9px;
}

/* 左カラム */
.dl-cont_l_wrap {
  width: 600px;
}
.contentLeft {
  width: 600px;
}
.dl-cont_l_contents dl dt {
  width: 85px;
}
.dl-cont_l_contents dl dd {
  width: 475px;
}

/*------------------------------
 右カラムの見出し等調整 style.css上書き
------------------------------*/
body .dl-cont_r_contents h4 {
  /* overwrite */
  min-width: 292px;
  /* add */
  display: inline;
  background: url(/images/pickup_ti_s00.png) no-repeat right 0;
  background-size: 18px 16px;
  padding-right: 20px;
  color: #bf0000;
}
body .dl-cont_r_contents h5 {
  margin-top: 10px;
}
body .dl-cont_r_contents hr {
  /* overwrite */
  margin: 5px auto 15px;
}

/*------------------------------
 最新成果 & 注目コンテンツ ボタン
------------------------------*/
/* ボタン用div ベース */
.navi-btn {
  background: #fff;
  background-image: -webkit-linear-gradient(top, #fff, #dce6ef);
  background-image: -moz-linear-gradient(top, #fff, #dce6ef);
  background-image: -ms-linear-gradient(top, #fff, #dce6ef);
  background-image: -o-linear-gradient(top, #fff, #dce6ef);
  background-image: linear-gradient(to bottom, #fff, #dce6ef);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  padding: 0;
  border: solid #25397A 1px;
}
.navi-btn:hover {
  background: #fff;
  background-image: -webkit-linear-gradient(top, #fff, #efd1d1);
  background-image: -moz-linear-gradient(top, #fff, #efd1d1);
  background-image: -ms-linear-gradient(top, #fff, #efd1d1);
  background-image: -o-linear-gradient(top, #fff, #efd1d1);
  background-image: linear-gradient(to bottom, #fff, #efd1d1);
  border: solid #aa1111 1px;
}

/* ボタン内のa ベース */
.navi-btn a {
  padding: 16px 10px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
}
.navi-btn a:visited {
  color: #0d237d;
}
.navi-btn a:hover {
  color: #aa1111;
  text-decoration: none;
}
.two-line a {
  padding: 7px 10px;
}

/* 最新の成果ボタン
 ベースと組み合わせて使う */
.seika {
  width: 135px;
  font-size: 93.3%;
  font-weight: bold;
}
/*.util-bg {
  margin: 0;
  padding: 0;
  background-image: url(/images/icon4.png);
  background-position: 6px 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}*/
.seika a {
  padding-right: 5px;
  padding-left: 5px;
}
/* 字間調整 */
.kerning-narrow {
  letter-spacing: -1px;
}
.kerning-wide {
  letter-spacing: 0.25em;
}

/* 注目コンテンツボタン
 ベースと組み合わせて使う */
.recommend {
  width: 221px;
  font-size: 93.3%;
}
.recommend a {
  padding-left: 50px;
}
.bg {
  margin: 0;
  padding: 0;
  background-position: 10px 9px;
  background-repeat: no-repeat;
  background-size: 30px;
}
.zassi {
  background-image: url(/images/second_mid_ico_s01.png);
}
.blt {
  background-image: url(/images/second_mid_ico_s02.png);
}
.qa {
  background-image: url(/images/second_mid_ico_s03.png);
}
.tool {
  background-image: url(/images/second_mid_ico_s04.png);
  background-size:60px;
}
.hanrei {
  background-image: url(/images/second_mid_ico_s05.png);
}
.howto {
  background-image: url(/images/second_mid_ico_s06-howto-order.png);
}
.library {
  background-image: url(/images/second_mid_ico_s06-library.png);
}
.mass {
  background-image: url(/images/second_mid_ico_s06-mass.png);
}
.mail {
  background-image: url(/images/second_mid_ico_s06-mail.png);
}
.archive {
  background-image: url(/images/ico_report01.png);
  letter-spacing: -1px;
  background-size: 24px;
}
.two-line .blt a ,
.two-line .tool a  {
  padding-bottom: 5px;
}

/* 最新の成果ボタンのul */
.util-btn {
  padding: 0 5px 30px 15px;
}
.util-btn li {
  float: left;
  padding-right: 6px;
  padding-bottom: 6px;
}
.util-btn li:nth-of-type(4),
.util-btn li:nth-of-type(8) {
  padding-right: 0;
}

/* 注目コンテンツボタンのul */
.recommend-btn {
  padding: 7px 20px 0 20px;
}
.recommend-btn li {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}
.recommend-btn li:nth-of-type(4),
.recommend-btn li:nth-of-type(8) {
  padding-right: 0;
}

/* 最新の労働情報3つボタンを横に配置 */
.btn1-list {
  position: absolute;
  right: 0;
  top: 0;
}
.btn1-list li {
  display: inline;
}

/*------------------------------
 最新の成果・労働情報のDLの幅調整（少し広げる）
------------------------------*/
.dl-cont_l_m .dl-cont_l_contents {
  padding: 5px 20px 5px 15px;
}
/*------------------------------
 最新の成果・労働情報のDL下の余白調整
------------------------------*/
.dl-cont_l_b {
  margin-bottom: 0;
  height: 0;
}
.dl-cont_l_contents dl {
  margin-bottom: 10px;
}

/*------------------------------
 発表年月・研究領域別ボタンの位置調整
------------------------------*/
.btn0-list {
  display: inline;
}
.btn0 .btn0-list li:first-child {
  margin-right: 2px;
}

/*------------------------------
 strong の字間調整
------------------------------*/
strong {
  letter-spacing: -1px;
}
.ls0 {
  letter-spacing: 0;
}
/*------------------------------
 リサーチアイ
------------------------------*/
#researcheye li {
  margin-bottom: 10px;
}

/*------------------------------
 お知らせ 採用情報など 緑基調
------------------------------*/
.greenery {
  border-color: #005d00 !important;
}
.greenery .dl-cont_r_contents {
  padding: 5px 0 !important;
}
.greenery h3 {
  min-width: 4em !important;
  width: auto !important;
  display: inline !important;
  padding: 0 5px !important;
  background: none #005d00 !important;
  margin-top: 0 !important;
  border: none !important;
}

/*------------------------------
 お知らせ 採用情報など 青基調
------------------------------*/
.blue {
  border-color: #3651AB !important;
}
.blue .dl-cont_r_contents {
  padding: 5px 0 !important;
}
.blue h3 {
  min-width: 4em !important;
  width: auto !important;
  display: inline !important;
  padding: 0 5px !important;
  background: none #3651AB !important;
  margin-top: 0 !important;
  border: none !important;
}

/*------------------------------
 お知らせ 緊急のお知らせ 赤基調
------------------------------*/
.redden {
  border-color: #B30000 !important;
  background: #FFFFC0 !important;
}
.redden .dl-cont_r_contents {
  padding: 5px 0 !important;
  background: #FFFFC0;
}
.redden h3 {
  min-width: 100% !important;
  width: auto !important;
  padding: 0 5px !important;
  background: none transparent !important;
  margin: 0 !important;
  border: none !important;
  text-align: center;
}

/*------------------------------
 アーカイブ入口
------------------------------*/
/*.util-btn {
  padding-bottom: 0 !important;
}*/
.box_archive {
  margin: 0 26px 20px 15px;
}
body.home .box_archive h3 {
  display: block;
  min-width: auto;
  margin: 15px 0 0;
  padding: 10px 10px 5px;
  color: #fff;
  line-height: 1.1;
  border: 0;
  border-top: 2px solid #B7C1C7;
  background: #25397a;
  position: relative;
}
.box_archive .flex {
  padding-left: .75em;
  padding-right: .75em;
  text-decoration: none;
  font-weight: bold;
  width: 100%;
  border-radius: 0 0 4px 4px;
}
.box_archive .flex:visited {
  color: #0d237d;
}
.box_archive .flex span {
  font-weight: normal;
}
.box_archive dl {
  padding: 0;
}
.box_archive dl dt {
  width: 25%;
}
.box_archive dl dd {
  width: 75%;
  background: url(/images/top_mark.gif) 0 5px no-repeat;
  padding-left: 1em;
}