@charset "utf-8";

@import "default_unit.css";
/* ================================
    unit.aist用　Header&Footer styles
   ================================ */

/* ===========================================================
 common
=========================================================== */
body,
img {
  margin: 0;
  padding: 0;
  border: none;
}

#gHeader ul,
#gHeader li,
.btnBox ul,
.btnBox li {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* clearfixEND */

html {
  height: 100%;
  font-size: 13px;
}
body {
  height: 100%;
  font-size: 100%;
  min-width: 1000px;
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  color: #333333;
  line-height: 1.6;
  background: url(../img/bn_2nd_body.gif) repeat-x;
}

body.foot {
  height: 100%;
  font-size: 100%;
  min-width: 1000px;
  font-family: "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";
  color: #333333;
  line-height: 1.6;
  background: #efeff0;
}

/* ===========================================================
 Header
=========================================================== */
/* headBody -----------------------------------------------------------*/
#headBody {
  width: 1000px;
  margin: 0 auto;
  padding: 8px 0 10px 0;
  text-align: left;
}

/* clearfix */
#headBody:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#headBody {
  display: inline-block;
}
* html #headBody {
  height: 1%;
}
#headBody {
  display: block;
}
/* clearfixEND */

/* clearfix */
.headTopWrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.headTopWrap {
  display: inline-block;
}
* html .headTopWrap {
  height: 1%;
}
.headTopWrap {
  display: block;
}
/*header topBox ------------------------------------------------*/
#gHeader .topBox {
  background-color: #333333;
  min-width: 1050px;
}
#gHeader .topBox .subBox {
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
}
#gHeader .topBox .topList {
  padding: 10px 0 9px;
  width: auto;
  display: flex;
  justify-content: center;
}
#gHeader .topBox .topList li {
  margin: 0 12px;
}
#gHeader .topBox .topList li a {
  color: #fff;
  text-decoration: none;
}
#gHeader .topBox .topList li a:hover {
  text-decoration: underline;
}
#gHeader .topBox .searchWrap {
  color: #fff;
  width: 200px;
  position: absolute;
  top: 0;
  right: 120px;
  height: 20px;
  border-left: 1px solid #888;
  padding: 8px 10px 10px 10px;
}
/*header search ------------------------------------------------*/
#gHeader .searchWrap input[type="text"] {
  width: 164px;
  background: #222;
  border: 1px solid #888;
  padding: 5px 0 3px 5px;
  color: #eee;
  height: 15px;
}
#gHeader .searchWrap input[type="button"] {
  position: absolute;
  top: 9px;
  right: 15px;
  width: 26px;
  height: 23px;
  background: url(../img/btn_search.png) no-repeat #6a6a6a;
  border: none;
  text-indent: -9999em;
  overflow: hidden;
  cursor: pointer;
  color: #fff;
}
/*header english------------------------------------------------*/
#gHeader .topBox .link {
  width: 120px;
  position: absolute;
  top: 0;
  right: 0;
}
#gHeader .topBox .link.mid {
  display: none;
}
#gHeader .topBox .link a {
  font-size: 0.923rem;
  padding-left: 10px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: url(../img/icon34.png) no-repeat left 20px center / 12px;
  border-left: 1px solid #888;
  text-decoration: none;
}
#gHeader .topBox .link a:hover {
  text-decoration: underline;
}
@media all and (max-width: 1635px) {
  #gHeader .topBox .link {
    width: 80px;
  }
  #gHeader .topBox .link.big {
    display: none;
  }
  #gHeader .topBox .link.mid {
    display: block;
  }
  #gHeader .topBox .searchWrap {
    width: 200px;
    right: 80px;
  }
}
@media all and (max-width: 1530px) {
  #gHeader .searchWrap input[type="text"] {
    width: 110px;
  }
  #gHeader .topBox .searchWrap {
    width: 140px;
    right: 80px;
  }
}
@media all and (max-width: 1410px) {
  #gHeader .topBox .link.big,
  #gHeader .topBox .link.mid {
    display: none;
  }
  #gHeader .topBox .link.small {
    display: block;
  }
  #gHeader .topBox .link {
    width: 40px;
  }
  #gHeader .searchWrap input[type="text"] {
    width: 124px;
  }
  #gHeader .topBox .searchWrap {
    width: 137px;
    right: 36px;
  }
  #gHeader .topBox .link a {
    background: url(../img/icon34.png) no-repeat center / 12px;
  }
}

@media all and (max-width: 1333px) {
  #gHeader .topBox .subBox {
    justify-content: left;
    padding-left: 13vw;
  }
}
@media all and (max-width: 1288px) {
  #gHeader .topBox .subBox {
    justify-content: left;
    padding-left: 11vw;
  }
}
@media all and (max-width: 1272px) {
  #gHeader .topBox .subBox {
    justify-content: left;
    padding-left: 10vw;
  }
  #gHeader .topBox .topList li {
    margin: 0 10px;
  }
}

@media all and (max-width: 1254px) {
  #gHeader .topBox .subBox {
    justify-content: left;
    padding-left: 7vw;
  }
  #gHeader .topBox .topList li {
    margin: 0 7px;
  }
}
@media all and (max-width: 1121px) {
  #gHeader .topBox .subBox {
    justify-content: left;
    padding-left: 3vw;
  }
}

@media all and (max-width: 1070px) {
  #gHeader .topBox .subBox {
    justify-content: left;
    padding-left: 1vw;
  }
}

/* 産総研トップへボタン -----------------------------------------------------------*/
.headImgbox {
  position: relative;
  width: 1000px;
}
.btn_asitTop {
  position: absolute;
  top: 10px;
  right: 0;
}

/* Logo ------------------------------------------------*/
p.Logo {
  margin: 0;
  padding: 0;
}

/* Txt Logo style ------------------------------------------------*/
.txtlogo {
  margin: 20px auto;
  padding: 0;
  clear: both;
}

.aistlogo_box {
  margin: 20px 0 0;
  padding: 0;
  vertical-align: middle;
}
.unitname_box {
  margin: 5px 0 0;
  padding: 0;
}

a.unitname_lTxt {
  font-size: 200%;
  text-decoration: none;
  color: #000;
}

.unitname_enTxt {
  font-size: 125%;
}

.txtlogo_l {
  float: left;
  margin: 0;
  padding: 0;
  display: block;
}
.txtlogo_l a,
.txtlogo_l a:link,
.txtlogo_l a:visited,
.txtlogo_l a:active,
.txtlogo_l a:hover {
  text-decoration: none;
}
/* clearfix */
.txtlogo_l:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.txtlogo_l {
  display: inline-block;
}
* html .txtlogo_l {
  height: 1%;
}
.txtlogo_l {
  display: block;
}
/* clearfixEND */

.txtlogo_m {
  float: left;
  margin: 0;
  padding: 0 0 0 1em;
  display: block;
}
.txtlogo_m a,
.txtlogo_m a:link,
.txtlogo_m a:visited,
.txtlogo_m a:active,
.txtlogo_m a:hover {
  text-decoration: none;
  display: block;
}
/* clearfix */
.txtlogo_m:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.txtlogo_m {
  display: inline-block;
}
* html .txtlogo_m {
  height: 1%;
}
.txtlogo_m {
  display: block;
}
/* clearfixEND */

.txtlogo_r {
  float: left;
  margin: 0;
  padding: 0.5em 0 0 1em;
  display: block;
}
.txtlogo_r a,
.txtlogo_r a:link,
.txtlogo_r a:visited,
.txtlogo_r a:active,
.txtlogo_r a:hover {
  text-decoration: none;
}
/* clearfix */
.txtlogo_r:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.txtlogo_r {
  display: inline-block;
}
* html .txtlogo_r {
  height: 1%;
}
.txtlogo_r {
  display: block;
}
/* clearfixEND */

.txtlogo_rtxt {
  font-size: 120%;
  font-weight: bold;
}

/* globalMenu ------------------------------------------------*/
.globalMenu {
  z-index: 90;
  width: 770px;
  height: 138px;
  margin: 0 auto;
  overflow: hidden;
  float: right;
  text-align: left;
}
.globalMenu ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* clearfix */
.globalMenu ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.globalMenu ul {
  display: inline-block;
}
* html .globalMenu ul {
  height: 1%;
}
.globalMenu ul {
  display: block;
}
/* clearfixEND */

.globalMenu ul li {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-bottom: none;
}
.globalMenu ul li a,
.globalMenu ul li a:link,
.globalMenu ul li a:visited,
.globalMenu ul li a:active,
.globalMenu ul li a:hover {
  display: block;
  height: 138px;
  width: 110px;
  margin: 0;
  padding: 0;
  line-height: 60px;
  text-indent: -9999em;
  overflow: hidden;
  background: url(../img/bg_gnav.jpg) left top no-repeat;
}

.globalMenu ul li.Tab1273 a,
.globalMenu ul li.Tab1273 a:link,
.globalMenu ul li.Tab1273 a:visited,
.globalMenu ul li.Tab1273 a:active,
.globalMenu ul li.Tab1273 a:hover {
  background-position: 0 0;
}
.globalMenu ul li.Tab1273 a:hover {
  background-position: 0 -138px;
}
.globalMenu ul li.Tab1273 a.CurrentLinkClass,
.globalMenu ul li.Tab1273 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1273 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1273 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1273 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1273 a.ParentLinkClass,
.globalMenu ul li.Tab1273 a.ParentLinkClass:link,
.globalMenu ul li.Tab1273 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1273 a.ParentLinkClass:active,
.globalMenu ul li.Tab1273 a.ParentLinkClass:hover {
  background-position: 0 -138px;
}

.globalMenu ul li.Tab1274 a,
.globalMenu ul li.Tab1274 a:link,
.globalMenu ul li.Tab1274 a:visited,
.globalMenu ul li.Tab1274 a:active,
.globalMenu ul li.Tab1274 a:hover {
  background-position: -110px 0;
}
.globalMenu ul li.Tab1274 a:hover {
  background-position: -110px -138px;
}
.globalMenu ul li.Tab1274 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1274 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1274 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1274 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1274 a.ParentLinkClass,
.globalMenu ul li.Tab1274 a.ParentLinkClass:link,
.globalMenu ul li.Tab1274 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1274 a.ParentLinkClass:active,
.globalMenu ul li.Tab1274 a.ParentLinkClass:hover {
  background-position: -110px -138px;
}

.globalMenu ul li.Tab1275 a,
.globalMenu ul li.Tab1275 a:link,
.globalMenu ul li.Tab1275 a:visited,
.globalMenu ul li.Tab1275 a:active,
.globalMenu ul li.Tab1275 a:hover {
  background-position: -220px 0;
}
.globalMenu ul li.Tab1275 a:hover {
  background-position: -220px -138px;
}
.globalMenu ul li.Tab1275 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1275 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1275 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1275 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1275 a.ParentLinkClass,
.globalMenu ul li.Tab1275 a.ParentLinkClass:link,
.globalMenu ul li.Tab1275 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1275 a.ParentLinkClass:active,
.globalMenu ul li.Tab1275 a.ParentLinkClass:hover {
  background-position: -220px -138px;
}

.globalMenu ul li.Tab1276 a,
.globalMenu ul li.Tab1276 a:link,
.globalMenu ul li.Tab1276 a:visited,
.globalMenu ul li.Tab1276 a:active,
.globalMenu ul li.Tab1276 a:hover {
  background-position: -330px 0;
}
.globalMenu ul li.Tab1276 a:hover {
  background-position: -330px -138px;
}
.globalMenu ul li.Tab1276 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1276 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1276 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1276 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1276 a.ParentLinkClass,
.globalMenu ul li.Tab1276 a.ParentLinkClass:link,
.globalMenu ul li.Tab1276 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1276 a.ParentLinkClass:active,
.globalMenu ul li.Tab1276 a.ParentLinkClass:hover {
  background-position: -330px -138px;
}

.globalMenu ul li.Tab1277 a,
.globalMenu ul li.Tab1277 a:link,
.globalMenu ul li.Tab1277 a:visited,
.globalMenu ul li.Tab1277 a:active,
.globalMenu ul li.Tab1277 a:hover {
  background-position: -440px 0;
}
.globalMenu ul li.Tab1277 a:hover {
  background-position: -440px -138px;
}
.globalMenu ul li.Tab1277 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1277 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1277 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1277 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1277 a.ParentLinkClass,
.globalMenu ul li.Tab1277 a.ParentLinkClass:link,
.globalMenu ul li.Tab1277 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1277 a.ParentLinkClass:active,
.globalMenu ul li.Tab1277 a.ParentLinkClass:hover {
  background-position: -440px -138px;
}

.globalMenu ul li.Tab1278 a,
.globalMenu ul li.Tab1278 a:link,
.globalMenu ul li.Tab1278 a:visited,
.globalMenu ul li.Tab1278 a:active,
.globalMenu ul li.Tab1278 a:hover {
  background-position: -550px 0;
}
.globalMenu ul li.Tab1278 a:hover {
  background-position: -550px -138px;
}
.globalMenu ul li.Tab1278 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1278 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1278 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1278 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1278 a.ParentLinkClass,
.globalMenu ul li.Tab1278 a.ParentLinkClass:link,
.globalMenu ul li.Tab1278 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1278 a.ParentLinkClass:active,
.globalMenu ul li.Tab1278 a.ParentLinkClass:hover {
  background-position: -550px -138px;
}

.globalMenu ul li.Tab1279 a,
.globalMenu ul li.Tab1279 a:link,
.globalMenu ul li.Tab1279 a:visited,
.globalMenu ul li.Tab1279 a:active,
.globalMenu ul li.Tab1279 a:hover {
  background-position: -660px 0;
}
.globalMenu ul li.Tab1279 a:hover {
  background-position: -660px -138px;
}
.globalMenu ul li.Tab1279 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1279 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1279 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1279 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1279 a.ParentLinkClass,
.globalMenu ul li.Tab1279 a.ParentLinkClass:link,
.globalMenu ul li.Tab1279 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1279 a.ParentLinkClass:active,
.globalMenu ul li.Tab1279 a.ParentLinkClass:hover {
  background-position: -660px -138px;
}

/* ===========================================================
 footer
=========================================================== */
#footBody {
  background: #474747;
}
#footBody .btnBox {
  padding: 24px 0 46px;
  text-align: center;
}
#footBody .btnBox .linkList {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  margin: 0px 0 41px 0;
  padding: 0;
}
#footBody .btnBox .linkList li {
  margin: 0 21px;
  padding: 0;
  line-height: 1.646em;
}
#footBody .btnBox .linkList li a {
  color: #fff;
  text-decoration: none;
  font-size: 1.077rem;
}
#footBody .btnBox .linkList li a:hover {
  text-decoration: underline;
}
#footBody .btnBox p {
  margin-bottom: 10px;
  padding-bottom: 15px;
  color: #fff;
  font-size: 1.231em;
  line-height: 1.55em;
}
#footBody address {
  color: #fff;
  font-size: 0.923rem;
  font-style: normal;
  line-height: 1.5;
}