@charset "utf-8";

/* ===========================================================
 AIS



=========================================================== */

/* ===========================================================
 Non-display area of the smartphone
=========================================================== */
.pcArea {
  display: none !important;
}
.spArea {
  display: block !important;
}

img {
  max-width: 100%;
  height: auto !important;
}
/*boxsizing*/
*,
:hover,
:before,
:after {
  box-sizing: border-box;
}

/* ===========================================================
 common
=========================================================== */
body {
  -webkit-text-size-adjust: none;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Roboto",
    "Droid Sans", メイリオ, "sans-serif";
  min-width: 100%;
}
#skinBody {
  min-width: 100%;
  position: relative;
}
h2 {
  margin-top: 1em;
}

/* a タグ折り返し[2017.9.7追加] ---------------------- */
a {
  word-wrap: break-word;
}

/* ===========================================================
 headBody
=========================================================== */
#headBody {
  width: 100%;
  border-bottom: #cc0000 solid 3px;
  padding: 6px 0;
}

/* HeadPane -----------------------------------------------------------*/
.HeadPane {
  display: none;
}

/* p.btnEnglish -----------------------------------------------------------*/
p.btnEnglish {
  float: none;
  padding: 15px 0;
  text-align: center;
  display: none;
  background: none;
}
p.btnEnglish a {
  display: inline-block;
  position: relative;
  padding: 0 0 0 25px;
  background: transparent;
  color: #fff;
}
p.btnEnglish a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background: url(/Portals/0/images/common/ico_global.png) 0 0 no-repeat;
  background-size: 100% auto;
  width: 18px;
  height: 18px;
}
#gNav p.btnEnglish {
  display: block;
}

/* searchWrap -----------------------------------------------------------*/
.searchWrap {
  float: none;
  position: relative;
  width: 90%;
  padding: 0;
  margin: 0 auto 10px;
  display: none;
}
.searchWrap input[type="text"] {
  width: 100%;
  height: 30px;
  border-radius: 0;
}
.searchWrap input[type="button"] {
  top: 3px;
}
#gNav .searchWrap {
  display: block;
}

/* Logo -----------------------------------------------------------*/
#headBody .headLogo {
  float: left;
  width: 115px;
  margin: 0;
  padding: 0 0 0 10px;
}
#headBody .headLogo a {
  display: block;
}
#headBody h1.Logo {
  min-height: 1px;
}
#headBody p.Logo {
  padding: 0;
}

/* ===========================================================
 skin
=========================================================== */
#skinIndex,
#skin2Columns,
#skin1Column {
  background: #fff;
}

#mainBody,
#footTopBody {
  background: #efeff0;
}

#blockskip {
  display: none;
}
#mainBody,
.breadcrumbs,
.pagetop,
#FootTopPane,
div.footWrap,
.FootBottomPane {
  width: 100%;
}

#skinIndex #contentWrap,
#skin2Columns #contentWrap,
#skin2Columns #sideWrap,
#skinIndex #sideWrap,
.FootPane,
p.copyright {
  float: none;
  width: 100%;
}

#skin2Columns #ContentPane,
#skin1Column #ContentPane,
#footTopBody {
  padding: 0 2%;
}
div#mainBody {
  padding: 10px 2%;
}

p.pagetop {
  background: #efeff0;
}
p.copyright {
  text-align: center;
  margin: 10px 0 0 0;
  padding: 0 3%;
}
#skinIndex #sideWrap {
  margin-top: 2em;
}

#skin2Columns #ContentPane,
#skin1Column #ContentPane {
  padding-top: 10px;
}

/* ===========================================================
 research
=========================================================== */
div#research > div.Content07Pane {
  width: 100%;
  margin: 0;
  padding: 0px;
}

/*========================================================
 FootPane
 ========================================================*/
div#FootPane ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#FootPane ul {
  padding: 0 2%;
}
div#FootPane ul li {
  width: 50%;
  margin: 0;
  padding: 0 0 0 10px;
}
div#FootPane ul li a {
  display: block;
  position: relative;
  padding: 0 0 0 10px;
}
div#FootPane ul li a:before {
  left: 3px;
  box-sizing: border-box;
  width: 4px;
  height: 8px;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
  position: absolute;
  content: "";
  display: block;
  top: 4px;
}

/* ===========================================================
 gNav
=========================================================== */
#gNav {
  float: none;
  width: 100%;
  height: auto;
  display: none;
  position: absolute;
  top: 52px;
  z-index: 2001;
  background: rgba(0, 0, 0, 0.9);
  padding: 0 0 10px 0;
}
.globalMenu {
  width: 90%;
  height: auto;
}

.globalMenu ul li a,
.globalMenu ul li a:link,
.globalMenu ul li a:visited,
.globalMenu ul li a:active,
.globalMenu ul li a:hover {
  width: 100%;
  height: auto;
  text-indent: 0;
  display: block;
  background: #333333;
  line-height: 1.5;
  padding: 15px 2em 15px 1em;
  color: #fff;
  text-decoration: none;
  font-size: 116%;
  position: relative;
}

.globalMenu ul li,
.globalMenu ul li.Tab100 a#Tab100 {
  float: none;
  margin-bottom: 1px;
}

.globalMenu ul li ul li.Tab101, /*産総研について*/
.globalMenu ul li ul li.Tab53,  /*研究成果*/
.globalMenu ul li ul li.Tab154, /*連携と技術相談*/
.globalMenu ul li ul li.Tab171, /*コミュニケーション*/
.globalMenu ul li ul li.Tab431, /*採用情報*/
.globalMenu ul li ul li.Tab460, /*交通アクセス*/
.globalMenu ul li ul li.Tab480 {
  display: block;
} /*お問い合せ・相談・手続き*/

.globalMenu ul li ul li a:before {
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 6px solid #d60c1d;
  position: absolute;
  content: "";
  display: block;
  top: 18px;
  right: 10px;
}
.globalMenu ul li ul li a.toggleSwitch:before {
  display: none;
}
.globalMenu ul li ul li a.toggleSwitch:after {
  content: "";
  display: block;
  background: url(/Portals/0/images/common/ico_plus.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 10px;
  top: 16px;
  width: 15px;
  height: 15px;
}
.globalMenu ul li ul li a.toggleSwitch.open:after {
  background: url(/Portals/0/images/common/ico_minus.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.globalMenu ul li ul li.Tab480 {
  margin-bottom: 10px;
}

/*3*/
.globalMenu ul li ul li ul li {
  display: block;
  background-color: #d6d6d8;
}

.globalMenu ul li ul li ul li a,
.globalMenu ul li ul li ul li a:link,
.globalMenu ul li ul li ul li a:visited,
.globalMenu ul li ul li ul li a:active,
.globalMenu ul li ul li ul li a:hover {
  background-color: transparent;
  color: #333;
  padding: 12px 2em 12px 1em;
}

/*4*/
.globalMenu ul li ul li ul li ul li {
  background-color: #eee;
}
.globalMenu ul li ul li ul li ul li a,
.globalMenu ul li ul li ul li ul li a:link,
.globalMenu ul li ul li ul li ul li a:visited,
.globalMenu ul li ul li ul li ul li a:active,
.globalMenu ul li ul li ul li ul li a:hover {
  padding: 10px 30px 10px 2em;
}

.globalMenu ul li.Tab1392/*01エネルギー・環境領域*/,
.globalMenu ul li.Tab1395/*02生命工学領域*/,
.globalMenu ul li.Tab1397/*03情報・人間工学領域*/,
.globalMenu ul li.Tab1398/*04材料・化学領域*/,
.globalMenu ul li.Tab1399/*05エレクトロニクス・製造領域*/,
.globalMenu ul li.Tab1400/*06地質調査総合センター*/,
.globalMenu ul li.Tab1401/*07計量標準総合センター*/ {
  float: left; /*width:calc(50% - 1px);width:-webkit-calc(50% - 1px);*/
  width: 49.8%;
  background-color: #eeeeee;
  margin-left: 1px;
}
.globalMenu ul li.Tab1392/*01エネルギー・環境領域*/,
.globalMenu ul li.Tab1397/*03情報・人間工学領域*/,
.globalMenu ul li.Tab1399/*05エレクトロニクス・製造領域*/,
.globalMenu ul li.Tab1401/*07計量標準総合センター*/ {
  margin-left: 0;
}
@media only screen and (orientation: landscape) {
  /*横*/
  .globalMenu ul li.Tab1392/*01エネルギー・環境領域*/,
.globalMenu ul li.Tab1395/*02生命工学領域*/,
.globalMenu ul li.Tab1397/*03情報・人間工学領域*/,
.globalMenu ul li.Tab1398/*04材料・化学領域*/,
.globalMenu ul li.Tab1399/*05エレクトロニクス・製造領域*/,
.globalMenu ul li.Tab1400/*06地質調査総合センター*/,
.globalMenu ul li.Tab1401/*07計量標準総合センター*/ {
    /*width:calc(33% - 1px);width:-webkit-calc(33% - 1px);*/
    width: 33.1%;
    margin-left: 1px;
  }
  .globalMenu ul li.Tab1392/*01エネルギー・環境領域*/,
.globalMenu ul li.Tab1398/*04材料・化学領域*/,
.globalMenu ul li.Tab1401/*07計量標準総合センター*/ {
    margin-left: 0;
  }
}

.globalMenu ul li.Tab1392 a,
.globalMenu ul li.Tab1395 a,
.globalMenu ul li.Tab1397 a,
.globalMenu ul li.Tab1398 a,
.globalMenu ul li.Tab1399 a,
.globalMenu ul li.Tab1400 a,
.globalMenu ul li.Tab1401 a {
  color: #333;
  height: 48px;
  padding: 6px;
  line-height: 1.2;
  vertical-align: middle;
  font-size: 108%;
  background-color: transparent;
  background-size: 100% auto;
  text-indent: -9999px;
}

.globalMenu ul li.Tab1392 a:before,
.globalMenu ul li.Tab1395 a:before,
.globalMenu ul li.Tab1397 a:before,
.globalMenu ul li.Tab1398 a:before,
.globalMenu ul li.Tab1399 a:before,
.globalMenu ul li.Tab1400 a:before,
.globalMenu ul li.Tab1401 a:before {
  display: none;
}

.globalMenu ul li.Tab1392 a,
.globalMenu ul li.Tab1392 a:link,
.globalMenu ul li.Tab1392 a:visited,
.globalMenu ul li.Tab1392 a:active,
.globalMenu ul li.Tab1392 a:hover {
  background: url(/Portals/0/Skins/AIS/images/gnav_denvene.png) 0 0 no-repeat;
  background-size: 148px 50px;
}
.globalMenu ul li.Tab1392 a:hover {
  background-position: 0 0;
}
.globalMenu ul li.Tab1392 a.CurrentLinkClass,
.globalMenu ul li.Tab1392 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1392 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1392 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1392 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1392 a.ParentLinkClass,
.globalMenu ul li.Tab1392 a.ParentLinkClass:link,
.globalMenu ul li.Tab1392 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1392 a.ParentLinkClass:active,
.globalMenu ul li.Tab1392 a.ParentLinkClass:hover {
  background-position: 0 0;
}

.globalMenu ul li.Tab1395 a,
.globalMenu ul li.Tab1395 a:link,
.globalMenu ul li.Tab1395 a:visited,
.globalMenu ul li.Tab1395 a:active,
.globalMenu ul li.Tab1395 a:hover {
  background: url(/Portals/0/Skins/AIS/images/gnav_dlsbt.png) 0 0 no-repeat;
  background-size: 148px 50px;
}
.globalMenu ul li.Tab1395 a:hover {
  background-position: 0 0;
}
.globalMenu ul li.Tab1395 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1395 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1395 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1395 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1395 a.ParentLinkClass,
.globalMenu ul li.Tab1395 a.ParentLinkClass:link,
.globalMenu ul li.Tab1395 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1395 a.ParentLinkClass:active,
.globalMenu ul li.Tab1395 a.ParentLinkClass:hover {
  background-position: 0 0;
}

.globalMenu ul li.Tab1397 a,
.globalMenu ul li.Tab1397 a:link,
.globalMenu ul li.Tab1397 a:visited,
.globalMenu ul li.Tab1397 a:active,
.globalMenu ul li.Tab1397 a:hover {
  background: url(/Portals/0/Skins/AIS/images/gnav_dithf.png) 0 0 no-repeat;
  background-size: 148px 50px;
}
.globalMenu ul li.Tab1397 a:hover {
  background-position: 0 0;
}
.globalMenu ul li.Tab1397 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1397 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1397 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1397 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1397 a.ParentLinkClass,
.globalMenu ul li.Tab1397 a.ParentLinkClass:link,
.globalMenu ul li.Tab1397 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1397 a.ParentLinkClass:active,
.globalMenu ul li.Tab1397 a.ParentLinkClass:hover {
  background-position: 0 0;
}

.globalMenu ul li.Tab1398 a,
.globalMenu ul li.Tab1398 a:link,
.globalMenu ul li.Tab1398 a:visited,
.globalMenu ul li.Tab1398 a:active,
.globalMenu ul li.Tab1398 a:hover {
  background: url(/Portals/0/Skins/AIS/images/gnav_dmc.png) 0 0 no-repeat;
  background-size: 148px 50px;
}
.globalMenu ul li.Tab1398 a:hover {
  background-position: 0 0;
}
.globalMenu ul li.Tab1398 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1398 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1398 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1398 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1398 a.ParentLinkClass,
.globalMenu ul li.Tab1398 a.ParentLinkClass:link,
.globalMenu ul li.Tab1398 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1398 a.ParentLinkClass:active,
.globalMenu ul li.Tab1398 a.ParentLinkClass:hover {
  background-position: 0 0;
}

.globalMenu ul li.Tab1399 a,
.globalMenu ul li.Tab1399 a:link,
.globalMenu ul li.Tab1399 a:visited,
.globalMenu ul li.Tab1399 a:active,
.globalMenu ul li.Tab1399 a:hover {
  background: url(/Portals/0/Skins/AIS/images/gnav_delma.png) 0 0 no-repeat;
  background-size: 148px 50px;
}
.globalMenu ul li.Tab1399 a:hover {
  background-position: 0 0;
}
.globalMenu ul li.Tab1399 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1399 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1399 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1399 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1399 a.ParentLinkClass,
.globalMenu ul li.Tab1399 a.ParentLinkClass:link,
.globalMenu ul li.Tab1399 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1399 a.ParentLinkClass:active,
.globalMenu ul li.Tab1399 a.ParentLinkClass:hover {
  background-position: 0 0;
}

.globalMenu ul li.Tab1400 a,
.globalMenu ul li.Tab1400 a:link,
.globalMenu ul li.Tab1400 a:visited,
.globalMenu ul li.Tab1400 a:active,
.globalMenu ul li.Tab1400 a:hover {
  background: url(/Portals/0/Skins/AIS/images/gnav_gsj.png) 0 0 no-repeat;
  background-size: 148px 50px;
}
.globalMenu ul li.Tab1400 a:hover {
  background-position: 0 0;
}
.globalMenu ul li.Tab1400 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1400 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1400 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1400 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1400 a.ParentLinkClass,
.globalMenu ul li.Tab1400 a.ParentLinkClass:link,
.globalMenu ul li.Tab1400 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1400 a.ParentLinkClass:active,
.globalMenu ul li.Tab1400 a.ParentLinkClass:hover {
  background-position: 0 0;
}

.globalMenu ul li.Tab1401 a,
.globalMenu ul li.Tab1401 a:link,
.globalMenu ul li.Tab1401 a:visited,
.globalMenu ul li.Tab1401 a:active,
.globalMenu ul li.Tab1401 a:hover {
  background: url(/Portals/0/Skins/AIS/images/gnav_nmij.png) 0 0 no-repeat;
  background-size: 148px 50px;
}
.globalMenu ul li.Tab1401 a:hover {
  background-position: 0 0;
}
.globalMenu ul li.Tab1401 a.CurrentLinkClass:link,
.globalMenu ul li.Tab1401 a.CurrentLinkClass:visited,
.globalMenu ul li.Tab1401 a.CurrentLinkClass:active,
.globalMenu ul li.Tab1401 a.CurrentLinkClass:hover,
.globalMenu ul li.Tab1401 a.ParentLinkClass,
.globalMenu ul li.Tab1401 a.ParentLinkClass:link,
.globalMenu ul li.Tab1401 a.ParentLinkClass:visited,
.globalMenu ul li.Tab1401 a.ParentLinkClass:active,
.globalMenu ul li.Tab1401 a.ParentLinkClass:hover {
  background-position: 0 0;
}

/* burger */
.burgerMotion {
  position: absolute;
  top: 6px;
  right: 10px;
  width: 36px;
  height: 36px;
  background: #333333;
}
.burgerMotion p {
  width: 22px;
  height: 36px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.burgerMotion p span {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 2px;
  margin-top: 17px;
  background-color: #fff;
  vertical-align: middle;
}
.burgerMotion.active p {
  width: 36px;
  margin: 0;
}
.burgerMotion.active p span {
  background-color: rgba(255, 255, 255, 0);
}
.burgerMotion p span:before,
.burgerMotion p span:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.burgerMotion p span:before {
  margin-top: -7px;
  background-color: #fff;
}
.burgerMotion p span:after {
  margin-top: 7px;
  background-color: #fff;
}
.burgerMotion.active p {
  width: 36px;
}
.burgerMotion.active p span:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 26px;
  margin: 6px 0 0 5px;
  margin-top: 0;
  background-color: #fff;
}
.burgerMotion.active p span:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 26px;
  margin: 6px 0 0 5px;
  margin-top: 0;
  background-color: #fff;
}

/*アクセシビリティ対応　20200303*/
.burgerMotion a#baggerMenuText {
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  right: -7px;
  top: -17px;
  text-indent: -9999px;
}
/* ===========================================================
 サイドナビ
=========================================================== */
.SEOMenuV2 .sNav ul li a[href="/index_ja.html"] {
  display: none;
}

/* ---------------------------------------------------------
 ページング
--------------------------------------------------------- */
table.search_no td {
  padding: 10px;
}
table.search_no td p:after {
  content: "";
  display: block;
  clear: both;
}
table.search_no td a {
  display: inline-block;
  margin-bottom: 10px;
  clear: both;
}
table.search_no td a.first/*最初のページ*/,
table.search_no td a.prev/*前の20件*/,
table.search_no td a.next/*次の20件*/,
table.search_no td a.last/*最後のページ*/ {
  width: 35%;
  display: block;
  float: left;
  clear: none;
}
table.search_no td a.first/*最初のページ*/,
table.search_no td a.next/*次の20件*/ {
  margin: 0 1% 10px 14%;
}
table.search_no td a.prev/*前の20件*/,
table.search_no td a.last/*最後のページ*/ {
  margin: 0 14% 10px 1%;
}
table.search_no td span {
  display: inline-block;
}
@media only screen and (orientation: landscape) {
  /*横*/
  table.search_no td p {
    padding: 0 80px;
  }
}

/*========================================================
 PagetitlePane
 ========================================================*/
h1.fieldTitle {
  overflow: hidden;
}
h1.fieldTitle img {
  height: 70px !important;
  width: auto !important;
  max-width: none;
}

/* ===========================================================
 index
=========================================================== */
/* kv */
#skinIndex .sliderWrapper {
  padding-bottom: 0;
  margin-bottom: -1em;
}
.lof-slidecontent .sliders-wrapper {
  margin: 0 auto;
  overflow: hidden;
}
.lof-slidecontent {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}
.lof-slidecontent .main-slider-content {
  height: auto;
}
.lof-slidecontent ul.sliders-wrap-inner {
  position: relative;
}
.lof-slidecontent .navigator-content .button-next,
.lof-slidecontent .navigator-content .button-previous {
  display: none;
}
.lof-slidecontent .navigator-wrapper {
  overflow: visible;
  width: 100% !important;
}
.lof-slidecontent ul.navigator-wrap-inner {
  position: static;
  margin: 0 auto;
}
.lof-slidecontent .navigator-content {
  height: auto;
  bottom: 0;
  width: 100%;
}
.lof-slidecontent ul.navigator-wrap-inner li {
  background: #000;
  border: #fff solid 2px;
}
.lof-slidecontent ul.navigator-wrap-inner li img {
  display: none;
}
.lof-slidecontent ul.navigator-wrap-inner li.active {
  background: #e60012;
}

/* ------------------------------------------------------------
	Slider Motion
------------------------------------------------------------ */
.slider-motion #slider .sl-slide,
.slider-motion #slider.sl-slider-wrapper,
.slider-motion #slider .sl-slider .sl-slides-wrapper,
.slider-motion #slider .sl-slide-inner {
  width: 100%;
}
.slider-motion #slider .nav-dots span {
  width: 7px;
  height: 7px;
}
.slider-motion #slider .sl-slider .slider-title a {
  font-size: 75%;
  line-height: 1.5;
}
.slider-motion #slider .sl-slider blockquote {
  font-size: 100%;
  padding: 10px 10px 5px 10px;
  line-height: 1.4;
}
.slider-motion #slider .sl-slider .slider-title {
  padding: 20px 10px 10px 10px;
}

.nav-dots#nav-dots span.nav-dot-current:after {
  width: 5px;
  height: 5px;
  top: 1px;
  left: 1px;
}
.nav-dots#nav-dots {
  height: 15px;
}

/* ---------------------------------------------------------
 最近の研究成果index 研究成果
--------------------------------------------------------- */
ul#tab_research {
  width: 100%;
  top: 0;
}
ul#tab_research li:nth-child(4n + 1) {
  clear: left;
  margin-left: 0;
}
ul#tab_research li {
  width: 24%;
  margin: 0 0 1% 1%;
  padding: 4px;
}
ul#tab_research li,
ul#tab_research li.select,
ul#tab_research li.select.new,
#tab_research li:hover,
#tab_research li.new {
  background-position: center center !important;
  background-size: 45px auto;
  background-repeat: no-repeat;
}
ul#tab_research li {
  background-color: #707070;
  background-position: center center;
  background-size: 45px auto;
  background-repeat: no-repeat;
}
#tab_research li.tab01 {
  background-image: url(/Portals/0/images/common/ico_denvene_off.png);
  margin-left: 0;
  width: 24%;
}
#tab_research li.tab02 {
  background-image: url(/Portals/0/images/common/ico_dlsbt_off.png);
}
#tab_research li.tab03 {
  background-image: url(/Portals/0/images/common/ico_dithf_off.png);
}
#tab_research li.tab04 {
  background-image: url(/Portals/0/images/common/ico_dmc_off.png);
}
#tab_research li.tab05 {
  background-image: url(/Portals/0/images/common/ico_delma_off.png);
}
#tab_research li.tab06 {
  background-image: url(/Portals/0/images/common/ico_gsj_off.png);
}
#tab_research li.tab07 {
  background-image: url(/Portals/0/images/common/ico_nmij_off.png);
}

ul#tab_research li.select {
  background: #fff;
  background-position: center center;
  background-size: 45px auto;
  background-repeat: no-repeat;
}
#tab_research li.tab01.select {
  background-image: url(/Portals/0/images/common/ico_denvene.png);
}
#tab_research li.tab02.select {
  background-image: url(/Portals/0/images/common/ico_dlsbt.png);
}
#tab_research li.tab03.select {
  background-image: url(/Portals/0/images/common/ico_dithf.png);
}
#tab_research li.tab04.select {
  background-image: url(/Portals/0/images/common/ico_dmc.png);
}
#tab_research li.tab05.select {
  background-image: url(/Portals/0/images/common/ico_delma.png);
}
#tab_research li.tab06.select {
  background-image: url(/Portals/0/images/common/ico_gsj.png);
}
#tab_research li.tab07.select {
  background-image: url(/Portals/0/images/common/ico_nmij.png);
}

#tab_research li.tab01.select a {
  border: #aacd06 solid 3px;
}
#tab_research li.tab02.select a {
  border: #e684ad solid 3px;
}
#tab_research li.tab03.select a {
  border: #4fb5a7 solid 3px;
}
#tab_research li.tab04.select a {
  border: #b18bb1 solid 3px;
}
#tab_research li.tab05.select a {
  border: #65aadd solid 3px;
}
#tab_research li.tab06.select a {
  border: #bd8a43 solid 3px;
}
#tab_research li.tab07.select a {
  border: #f6ac1d solid 3px;
}
#tab_research li.select a:before {
  color: #cf0010 !important;
}
#tab_research li.new a:before {
  content: "NEW";
  display: block;
  position: absolute;
  left: 1px;
  top: 2px;
  color: #ffffff;
  text-indent: 0;
  font-size: 10px;
  line-height: 1;
}
#tab_research li.new a {
  position: relative;
}

/*各色別*/
#panel01.research_wrap {
  border: none;
  border-top: #aacd06 solid 3px;
}
#panel02.research_wrap {
  border: none;
  border-top: #e684ad solid 3px;
}
#panel03.research_wrap {
  border: none;
  border-top: #4fb5a7 solid 3px;
}
#panel04.research_wrap {
  border: none;
  border-top: #b18bb1 solid 3px;
}
#panel05.research_wrap {
  border: none;
  border-top: #65aadd solid 3px;
}
#panel06.research_wrap {
  border: none;
  border-top: #bd8a43 solid 3px;
}
#panel07.research_wrap {
  border: none;
  border-top: #f6ac1d solid 3px;
}

div#research div.research_wrap {
  padding: 15px;
}
div#research div.research_wrap span.subttl {
  display: block;
  margin-bottom: 0;
  float: none;
}
div#research div.research_wrap span.date {
  display: block;
  margin-bottom: 20px;
  float: none;
}
div#research div.research_wrap .pickupBox td {
  text-align: center;
}
div#research div.research_wrap .pickupBox td:first-child {
  display: none;
}
div#research div.research_wrap .listArrowRight li {
  background: none;
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}
div#research div.research_wrap .listArrowRight a {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #d6d6d8;
  background: url(/Portals/0/images/common/arrow_red.png) no-repeat 98% center;
}

/* ---------------------------------------------------------
 news
--------------------------------------------------------- */
.content_wrap {
  width: 100%;
}

.newsList .newsDate,
.newsList .newsTitle {
  float: none;
  width: 100%;
}
#skin2Columns_en .newsList .newsTitle,
#skin1Column_en .newsList .newsTitle,
#skin2Columns .newsList .newsTitle,
#skin1Column .newsList .newsTitle {
  width: 100% !important;
}
#skinIndex .newsListIndex.newest .newsBackLink {
  right: 15px;
}
#skinIndex .newsList li {
  display: none;
}
#skinIndex .newsList li:nth-child(1),
#skinIndex .newsList li:nth-child(2),
#skinIndex .newsList li:nth-child(3) {
  display: block;
}
#skinIndex .newsList li:nth-child(3) {
  border: none;
}

/*========================================================
 SidePane
 ========================================================*/
/* サイドメニュー 旧（上）*/
ul.bn_sideArea {
  text-align: center;
}
ul.bn_sideArea:after {
  content: "";
  display: block;
  clear: both;
}
ul.bn_sideArea li {
  float: left;
  width: 49%;
  margin-left: 1%;
}
ul.bn_sideArea li:nth-child(even) {
  margin-left: 0;
}
SideTopPane ul.bn_sideArea li {
  min-height: 48px;
}
#skin2Columns ul.bn_sideArea li:nth-child(2n + 1),
#skin1Column ul.bn_sideArea li:nth-child(2n + 1) {
  clear: left;
}
#skinIndex #sideWrap ul.bn_sideArea li:first-child {
  display: block;
  width: 100%;
  text-align: left;
  margin-left: 0;
  background-color: transparent;
}
#skinIndex .SideTopPane ul.bn_sideArea li {
  width: 49%;
  margin-left: 1%;
}
#skinIndex .SideTopPane ul.bn_sideArea li:nth-child(even) {
  margin-left: 0;
}

/* サイドメニュー  旧（中）*/
#skinIndex .SidePane ul.bn_sideArea li {
  width: 32.5%;
  margin-left: 1%;
  background-color: #fff;
  padding: 2px;
}
#skinIndex .SidePane ul.bn_sideArea li:nth-child(2),
#skinIndex .SidePane ul.bn_sideArea li:nth-child(4n + 1) {
  margin-left: 0;
}
#skinIndex .SidePane ul.bn_sideArea li a {
  display: block;
  height: 50px;
  border: #e0e0e0 solid 3px;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
#skinIndex .SidePane ul.bn_sideArea li a img {
  display: none;
}
#skinIndex .SidePane ul.bn_sideArea li a[href="/aist_j/aist_repository/"] {
  background-image: url(/Portals/0/images/index/sp/bn_database.png);
}
#skinIndex
  .SidePane
  ul.bn_sideArea
  li
  a[href="/aist_j/aistinfo/exhibition/index.html"] {
  background-image: url(/Portals/0/images/index/sp/bn_exhibitions.png);
}
#skinIndex
  .SidePane
  ul.bn_sideArea
  li
  a[href="/aist_j/aistinfo/aistinfo.html"] {
  background-image: url(/Portals/0/images/index/sp/bn_publication.png);
}
#skinIndex
  .SidePane
  ul.bn_sideArea
  li
  a[href="/aist_j/aistinfo/mail_magazine/index.html"] {
  background-image: url(/Portals/0/images/index/sp/bn_mail.png);
}

/* サイドメニュー 上 */
ul.bn_sideArea_top {
  text-align: center;
}
ul.bn_sideArea_top:after {
  content: "";
  display: block;
  clear: both;
}
#skin2Columns ul.bn_sideArea_top li:nth-child(2n + 1),
#skin1Column ul.bn_sideArea_top li:nth-child(2n + 1) {
  clear: left;
}
#skinIndex .SideTopPane ul.bn_sideArea_top li {
  float: left;
  width: 49%;
  margin-left: 1%;
}
#skinIndex .SideTopPane ul.bn_sideArea_top li:nth-child(odd) {
  margin-left: 0;
}

/* サイドメニュー 中 */
ul.bn_sideArea_middle {
  text-align: center;
}
ul.bn_sideArea_middle:after {
  content: "";
  display: block;
  clear: both;
}
#skin2Columns ul.bn_sideArea_middle li:nth-child(2n + 1),
#skin1Column ul.bn_sideArea_middle li:nth-child(2n + 1) {
  clear: left;
}
#skinIndex .SidePane ul.bn_sideArea_middle li {
  float: left;
  width: 49%;
  margin-left: 1%;
}
#skinIndex .SidePane ul.bn_sideArea_middle li:nth-child(odd) {
  margin-left: 0;
}

/* サイドメニュー 下 */
ul.bn_sideArea_bottom:after {
  content: "";
  display: block;
  clear: both;
}
ul.bn_sideArea_bottom li {
  width: 33%;
  float: left;
}
ul.bn_sideArea_bottom li img {
  display: none;
}
ul.bn_sideArea_bottom li a {
  display: block;
  height: 65px;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
ul.bn_sideArea_bottom li a[href="/aist_j/aistinfo/exhibition/index.html"] {
  background-image: url(/Portals/0/images/index/sp/bn_inspection.jpg);
}
ul.bn_sideArea_bottom li a[href="https://www.youtube.com/user/aistchannel"]
{
  background-image: url(/Portals/0/images/index/sp/aistchannel.png);
}
ul.bn_sideArea_bottom li a[href="https://twitter.com/AIST_JP"]
{
  background-image: url(/Portals/0/images/index/sp/bn_twitter.jpg);
}

#skinIndex ul.bn_footerTopArea li:first-child span {
  right: 10px;
  top: 10px;
}
#skinIndex ul.bn_footerTopArea.clearfix {
  width: 310px;
  margin: 0 auto;
}
ul.bn_footerTopArea li {
  width: 49%;
  margin: 0 0 1% 1%;
}
ul.bn_footerTopArea li a {
  display: block;
}
ul.bn_footerTopArea li:nth-child(odd) {
  margin-left: 0;
}

/*========================================================
 お知らせタブ
 ========================================================*/
#contentWrap #tab {
  padding: 0;
  margin: 0;
}
#contentWrap #tab li {
  width: 32.5%;
  text-indent: 0;
  padding: 8px 0 8px 22px;
  background-size: 14px auto;
  margin: 0 0 1% 1%;
  background-position: 5px center;
  background-repeat: no-repeat;
  background-color: #707070;
  color: #a2a2a3;
  height: auto;
}
#contentWrap #tab li:nth-child(3n + 1) {
  margin-left: 0;
}
#contentWrap #tab li.tab01 {
  background-image: url(/Portals/0/images/common/tab_news01_off.png);
  margin-left: 0;
  letter-spacing: -1.5px;
}
#contentWrap #tab li.tab02 {
  background-image: url(/Portals/0/images/common/tab_news02_off.png);
}
#contentWrap #tab li.tab03 {
  background-image: url(/Portals/0/images/common/tab_news03_off.png);
}
#contentWrap #tab li.tab04 {
  background-image: url(/Portals/0/images/common/tab_news04_off.png);
}
#contentWrap #tab li.tab05 {
  background-image: url(/Portals/0/images/common/tab_news05_off.png);
}

#contentWrap #tab li.tab01.select {
  background-image: url(/Portals/0/images/common/tab_news01.png);
  margin-left: 0;
}
#contentWrap #tab li.tab02.select {
  background-image: url(/Portals/0/images/common/tab_news02.png);
}
#contentWrap #tab li.tab03.select {
  background-image: url(/Portals/0/images/common/tab_news03.png);
}
#contentWrap #tab li.tab04.select {
  background-image: url(/Portals/0/images/common/tab_news04.png);
}
#contentWrap #tab li.tab05.select {
  background-image: url(/Portals/0/images/common/tab_news05.png);
}
#contentWrap #tab li.select {
  background-position: 5px center !important;
  background-color: #fff;
  color: #333;
}
/* 追記2018.04.05 */
#contentWrap #tab li a,
#contentWrap #tab li a:hover {
  color: #a2a2a3;
  text-decoration: none;
}
#contentWrap #tab li.select a,
#contentWrap #tab li.select a:hover {
  color: #333;
  text-decoration: none;
}

/* ---------------------------------------------------------
 btnTop
--------------------------------------------------------- */
div.ContentTopPane ul.clearfix li {
  width: 32%;
  border: #fff solid 3px;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(220, 220, 220, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(220, 220, 220, 1) 100%
  );
}
div.ContentTopPane ul.clearfix li a {
  width: 100%;
  height: 70px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
div.ContentTopPane ul.clearfix li.btnTop02 {
  margin: 0 2%;
}
div.ContentTopPane ul li.btnTop01 a {
  background-image: url(/Portals/0/images/index/sp/btn_top01.png);
  margin-right: 0;
}
div.ContentTopPane ul li.btnTop02 a {
  background-image: url(/Portals/0/images/index/sp/btn_top02.png);
  margin-right: 0;
}
div.ContentTopPane ul li.btnTop03 a {
  background-image: url(/Portals/0/images/index/sp/btn_top03.png);
}
div.ContentTopPane ul li a:hover {
  background-position: center center;
}

/* ---------------------------------------------------------
 下層：common
--------------------------------------------------------- */
.accordion div.title {
  background: #f3f3f3;
  position: relative;
  padding: 10px 10px 10px 35px;
}
.accordion div.title:before {
  content: "";
  display: block;
  background: url(/Portals/0/images/common/ico_plus.png) 0 0 no-repeat;
  background-size: 100% auto;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 16px;
}
.accordion div.title.ui-accordion-header-active:before {
  background: url(/Portals/0/images/common/ico_minus.png) 0 0 no-repeat;
  background-size: 100% auto;
}

table:not(.ui-datepicker-calendar):not(.noblock),
table:not(.ui-datepicker-calendar):not(.noblock) > tbody,
table:not(.ui-datepicker-calendar):not(.noblock) > tbody > tr,
table:not(.ui-datepicker-calendar):not(.noblock) > tbody > tr > th,
table:not(.ui-datepicker-calendar):not(.noblock) > tbody > tr > td {
  display: block;
}

.BoxFull li {
  width: 100%;
}
.BoxFull li .text {
  background: none;
  border: #eee solid 3px;
}
.BoxFull li .title {
  background: #eeeeee;
}

.BoxHalf {
  width: 100%;
}
.BoxHalf li {
  width: 100%;
  margin-right: 0;
}
.BoxHalf li .text {
  background: none;
  border: #eee solid 3px;
}
.BoxHalf li .title {
  background: #eeeeee;
}

/*.grid.cs-style figcaption {width:100%;}
.grid.cs-style figure:hover figcaption,
.grid.cs-style figure.cs-hover figcaption{width:162%;}
.grid.cs-style li:nth-child(even) figcaption{left:auto;right:0;}
*/
.grid.cs-style figcaption {
  opacity: 1;
  position: static;
  margin-left: 144px;
  height: auto;
  background: none;
  box-shadow: none;
  width: 50%;
  padding: 8px 5px;
}
.grid.cs-style.grid li {
  width: 100%;
  display: block;
  border: #646464 solid 4px;
}
.grid.cs-style.grid figure img {
  float: left;
  max-width: 134px;
  margin: 3px;
}
.grid.cs-style.grid figcaption a {
  margin: 0;
  width: 100%;
  padding: 3px;
}
.grid.cs-style.grid figcaption div {
  color: #333;
  padding: 0 0 20px;
  height: auto;
}

.accordion div.detail table.detailBox {
}
.accordion div.detail table.detailBox td.Text {
  width: 100%;
}
.accordion div.detail table.detailBox td.Img {
  width: 100%;
  padding: 0;
}
.accordion div.detail table.detailBox td.Img img {
  max-width: inherit;
  width: 100% !important;
}

/* ---------------------------------------------------------
 研究分野：環境・エネルギー
--------------------------------------------------------- */
h3.fieldTitle {
  margin-top: 1em;
}
.fieldBoxL,
.fieldBoxR,
.imgCenterBox .double,
.imgCenterBox.single .text,
.imgCenterBox.single .photo {
  float: none;
  width: 100%;
}
.imgCenterBox .double:first-child {
  margin-right: 0;
}
.imgCenterBox div.photo div.grayFrameImg {
  width: 260px;
  margin: 0 auto;
  height: auto;
}
.imgCenterBox div.photo div.grayFrameImg img {
  max-width: 100%;
  max-height: none;
  position: static;
  vertical-align: bottom;
}

.imgCenterBox {
  margin-bottom: 50px;
}
.imgCenterBox.single .text {
  float: none;
  width: 100%;
  margin-right: 0;
}
.imgCenterBox.single .photo {
  float: none;
}
.imgCenterBox.single img {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ---------------------------------------------------------
 43.html研究成果記事一覧
--------------------------------------------------------- */
/*検索フォーム*/
div.productSearch {
  margin: 0 0 15px 0;
  padding: 10px;
}
div.productSearch select,
div.productSearch p.productSearchButton input,
div.productSearch div.searchKeyword input {
  width: 100%;
}
div.productSearch div.searchKeyword {
  margin-bottom: 5px;
  display: block;
}
div.productSearch div.searchKeyword + span {
  display: block;
}
div.productSearch label {
  margin-top: 5px;
  display: inline-block;
}
div.productSearch label input {
  vertical-align: text-bottom;
}
div.productSearch img {
  vertical-align: middle;
}

#ui-datepicker-div .ui-datepicker-group.ui-datepicker-group-first {
  float: none;
  width: 100%;
}
#ui-datepicker-div.ui-datepicker.ui-datepicker-multi {
  width: 80% !important;
}
#ui-datepicker-div .ui-datepicker-group.ui-datepicker-group-last {
  width: 100%;
  float: none;
}

#ui-datepicker-div.ui-datepicker.ui-datepicker-multi {
  top: 460px !important;
}

/*記事一覧--------------------------------*/
div.reportList .reportListL {
  float: none;
  width: 100%;
}
.reportList .fieldList ul li img {
  vertical-align: bottom;
}
div.reportList .reportListR {
  float: none;
  width: 100%;
  margin-top: 10px;
}
.reportList .fieldList {
  padding-top: 5px;
}
div.DNN_ANN_DesignTable > div {
  margin-bottom: 20px;
}
div.DNN_ANN_DesignTable > h2 + table.search_no td {
  height: auto;
  padding: 10px 0 0 0;
  text-align: left;
  border-bottom: #ccc dotted 1px;
}

/*記事詳細--------------------------------*/
.contents_text dl dt {
  margin-top: 10px;
}
iframe#twitter-widget-0 {
  margin-right: 5px;
  vertical-align: top;
}

/* ===========================================================
 出版物
=========================================================== */
.bookletaBoxList02 {
  width: 100%;
}
.bookletaBoxList02 li {
  height: auto;
  width: 100%;
}
.bookletaBoxList02 li a {
  display: inline-block;
  width: 100px;
  float: left;
}
.bookletaBoxList02 li img {
  float: left;
  max-width: 100px;
}
.bookletaBoxList02 li .text {
  float: none;
  width: auto;
  margin-left: 110px;
}
.bookletaBoxList02 li .text a {
  float: none;
}
.bookletaBoxList02 li .text img {
  max-width: 140px;
  display: block;
}

/* 出版物　list用css 20180827追加移動（元々ページ設定内で使用） */
.bookletaBoxList02_1 {
  width: 100%;
}

.bookletaBoxList02_1 li {
  background: none repeat scroll 0 0 #f5f5f5;
  height: auto;
  list-style: none;
  margin: 0 10px 15px 0;
  padding: 15px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.bookletaBoxList02_1 li .text {
  float: none;
  margin-left: 110px;
  width: auto;
}
.bookletaBoxList02_1 li .text img {
  max-width: 140px;
  display: block;
}
.bookletaBoxList02_1 li img {
  float: left;
  max-width: 100px;
}

.bookletaBoxList02_1 li .text a {
  float: none;
}

.bookletaBoxList02_1 li .text p {
  width: auto !important;
}

.bookletaBoxList02_1 li a {
  display: inline-block;
  width: 100px;
  float: left;
}

/* 出版物　LINK用css 20190510追加移動 */
.bookletaBoxList02_2 {
  width: 100%;
}
.bookletaBoxList02_2 li.book {
  height: auto;
  width: 100%;
}
.bookletaBoxList02_2 li a {
  display: inline-block;
}
.bookletaBoxList02_2 li img {
  float: left;
}
.bookletaBoxList02_2 li .text {
  float: none !important;
  width: auto !important;
  margin-left: 110px;
}
.bookletaBoxList02_2 li .text a {
  float: none;
}
.bookletaBoxList02_2 li .text img {
  max-width: 140px;
  display: block;
}

/* ---------------------------------------------------------
 採用情報
--------------------------------------------------------- */
.bannerList {
  width: 100%;
}
.bannerList li {
  margin-right: 0;
}

.bookletaBoxList {
  width: 100%;
}
.bookletaBoxList li {
  width: 100%;
  height: auto;
}
.bookletaBoxList li a {
  display: inline-block;
  width: 100px;
  float: left;
}
.bookletaBoxList li img {
  max-width: 100px;
  float: left;
}
.bookletaBoxList li .text {
  float: none;
  width: auto;
  margin-left: 110px;
}
.bookletaBoxList li .text a {
  float: none;
}
.bookletaBoxList li .text img {
  max-width: 140px;
  display: block;
}

/* ===========================================================
 コンテンツ共通[2017.7.10追加/7.12修正/2018.2.16修正]
=========================================================== */

.listTable th,
.listTable td {
  width: auto !important;
}

table.listTable caption {
  display: none;
}

/* ===========================================================
 交通アクセス[2017.7.10追加、2017.7.26追加、2020.12.7追加]
=========================================================== */
/* 拠点一覧　adressTable */
.adressTable tbody,
.adressTable tr {
  display: block;
}
.adressTable th {
  display: none !important;
}
.adressTable td {
  display: block;
}

.adressTable tr.bar td {
  display: block;
  width: 100%;
  font-size: 100%;
  font-weight: normal;
}
.adressTable tr.bar td:first-child {
  display: block;
  width: 100%;
  font-size: 100%;
  font-weight: bold;
}

.adressTable td.third {
  display: block;
}
.adressTable td.third_smt {
  display: block;
  width: 100%;
  padding-left: 22px !important;
}

.adressTable caption {
  display: block;
  white-space: nowrap;
}

.adressTable td.type_add:before {
  font-weight: normal;
  content: "【住所】";
}
.adressTable td.type_tell:before {
  font-weight: normal;
  content: "【代表電話番号】";
}
.adressTable td.type_tell_each:before {
  font-weight: normal;
  content: "【電話番号】";
}

/* 交通手段別バナー guidemapAnchorLinkとh3の調整*/
.guidemapAnchorLink {
  text-align: center;
}
.guidemapAnchorLink li {
  margin-bottom: 10px;
}
h3#guidemapAnchorBus span {
  display: initial;
}

/* ===========================================================
コンテンツ共通(.BoxHalf1Column)[2017.7.22追加]
=========================================================== */
.BoxHalf1Column {
  width: 100%;
}
.BoxHalf1Column li .text {
  background-size: 100% auto;
}
.BoxHalf1Column li .title {
  background-size: 100% auto;
}
.BoxHalf1Column li {
  width: 100%;
}
.BoxHalf1Column li {
  display: block;
}

/* ===========================================================
メールフォーム用[2017.7.24追加]
=========================================================== */
.MailForm {
  border-collapse: collapse;
}
.MailForm .FieldTitle {
  width: 100% !important;
  height: auto;
  display: block;
  padding: 10px;
}
.MailForm .FieldTitle .NormalBold {
  font-size: 100%;
}
.MailForm .FieldValue {
  width: 100% !important;
  height: auto;
  display: block;
  padding: 10px;
}
.MailForm .Normal {
  width: 100% !important;
  height: auto;
  display: block;
}

/* ===========================================================
メールフォーム（電話番号・郵便番号の複数テキストボックス）用[2018.4.20追加]
=========================================================== */

/* フォームの電話番号・郵便番号の設定をハイフンの有無（あり）で設定した場合、各フォーム個別にスマホ対応の設定しなければならないので基本使用しない。
（項目の説明（例：～）はうまく表示されないので非表示設定。）  */
/*　例　*/
#dnn_ctr5495_ViewMailForm_td4 {
  display: flex;
  width: 100% !important;
  border-right: none;
}
#dnn_ctr5495_ViewMailForm_td4 input.Normal {
  width: 20% !important;
  height: auto;
  display: block;
}
#dnn_ctr5495_ViewMailForm_td4 div {
  display: none;
}

#dnn_ctr5495_ViewMailForm_td6 {
  display: flex;
  width: 100% !important;
  border-right: none;
}
#dnn_ctr5495_ViewMailForm_td6 input.Normal {
  width: 20% !important;
  height: auto;
  display: block;
}
#dnn_ctr5495_ViewMailForm_td6 div {
  display: none;
}

/* ===========================================================
出前講座・実験教室などの横長の表用[2017.7.25追加]
=========================================================== */
.scroll {
  overflow: auto;
} /*tableをスクロールさせる*/
.scroll::-webkit-scrollbar {
  height: 5px;
} /*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
} /*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {
  background: #bcbcbc;
} /*tableにスクロールバーを追加*/

/* ===========================================================
Youtube埋め込み用[2017.7.28追加]
=========================================================== */
.youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 95%;
  height: 95%;
}

/* ===========================================================
フォトアーカイブ用[2017.8.26追加]
=========================================================== */
.photoArchive ul {
  width: 100% !important;
}
.photoArchive {
  width: 100% !important;
}

/* ===========================================================
404エラー画面用[2017.8.31追加]
=========================================================== */
.NotFound,
.NotFound .searchGrayBox {
  width: 100%;
}
.NotFound .searchGrayBox input,
.NotFound .searchGrayBox input#txtSearchSub {
  width: 90%;
}

/* ===========================================================
こんなところに産総研用[2017.9.5追加]
=========================================================== */
.storyBox .imagination li {
  list-style: none;
  padding: 0 5px 50px 5px;
  display: block;
}
.storyBox h3 img {
  max-width: 80%;
}
.storyBox .imagination li {
  padding: 0 0;
  display: block;
}
.storyBox .imagination {
  height: auto;
}
.carouselBox {
  width: 95%;
}
.carouselBox .carousel {
  width: 80% !important;
}
.storyBox .crossmark {
  line-height: 100px !important;
}

/* ===========================================================
産総研について > 研究拠点 クリッカブルマップ用[2017.9.8追加]
=========================================================== */
#infoCMScontents_161 .contents .mapAreaCap {
  display: none;
}
#infoCMScontents_161 .contents img {
  pointer-events: none;
}

/* ===========================================================
ノーベル賞受賞用 - テキスト版　[2017.9.13追加]
=========================================================== */
#PagetitlePane h1.nobelPrize_h1 {
  max-height: initial !important;
  width: 100% !important;
  background: none !important;
  padding: 10px !important;
  font-size: 200% !important;
  line-height: 120% !important;
}
#PagetitlePane .nobelPrizeBg {
  width: 100%;
  height: 100%;
  border-left: 7px solid #b08c2f;
  border-right: 7px solid #cfc6a0;
  position: relative;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#fffce2),
    to(#8c7031)
  ) !important;
  background: -moz-linear-gradient(left, #fffce2, #8c7031) !important;
  background: linear-gradient(left, #fffce2, #8c7031) !important;
}
#PagetitlePane .nobelPrizeBg:before,
#PagetitlePane .nobelPrizeBg:after {
  content: "";
  display: block;
  height: 7px;
  width: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(#b08c2f),
    to(#cfc6a0)
  );
  background: -moz-linear-gradient(left, #b08c2f, #cfc6a0);
  background: linear-gradient(left, #b08c2f, #cfc6a0);
}
#PagetitlePane .nobelPrizeBg .nobelPrizeDep {
  display: block !important;
  position: absolute;
  right: 9px;
  bottom: 14px;
  font-size: 93% !important;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 3px #333300;
}

/* ===========================================================
 お知らせ管理　イベントページ（ポスター配置用）[2018.8.15]
=========================================================== */
/* ポスター配置用 */
.ev_posbox {
  float: none;
  margin: 0 auto;
}
.ev_posbox img.ev_pos {
  width: 100%;
}

/* ===========================================================
テーブル（tdタグ）で利用のcaotionクラス用　[2018.5.15追加]
=========================================================== */

div.contents_text table {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
div.contents_text table td.caption {
  width: 90%;
  margin: 0 auto;
  padding: 0;
}

/* ---------------------------------------------------------
 ○○皆様向けメニューイメージ　20180522追加
--------------------------------------------------------- */
ul#publicTitle li div.visual img,
ul#researcherTitle li div.visual img,
ul#industryTitle li div.visual img {
  width: 100%;
  height: auto;
}

/* ---------------------------------------------------------
 2階層目メニューイメージ　20180522追加
 コミュニケーション、研究成果
--------------------------------------------------------- */
ul#communicationTitle li div.visual img,
ul#researchTitle li div.visual img,
ul#informationTitle li div.visual img {
  width: 100%;
  height: auto;
}

/* ---------------------------------------------------------
 フッター正式名称　20190703追加
--------------------------------------------------------- */
div#footBody div.footWrap #footerArea {
  margin-left: 1em;
}

/* ---------------------------------------------------------
 こんなところに産総研ページ送り用　20190710追加
--------------------------------------------------------- */
.prevNext .prevBtn {
  width: 100%;
  height: auto !important;
}
.prevNext .nextBtn {
  width: 100%;
  height: auto !important;
}
.prevNext .noBtn {
  width: 100%;
  height: auto !important;
}

/* ===========================================================
 学術ジャーナル Synthesiology（シンセシオロジー） - 構成学 用
=========================================================== */

div.synthL {
  width: 100%;
  height: auto;
  float: none;
  text-align: center;
}
div.synthR {
  width: 100%;
  height: auto;
  float: none;
}

.digipdf_BtnIn {
  float: none;
  margin: 0 auto;
  padding: 10px;
}
/* ボタン */
.digipdf_Btn {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
}

/* ---------------------------------------------------------
 研究ハイライト各詳細ページ　20180803追加
--------------------------------------------------------- */
div.hlightsTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  outline-offset: -6px;
}
div.hlightsTitle h1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
div.hlightsTitle .hlightsPhoto {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

/* ---------------------------------------------------------
 研究ハイライトスライドバナー　20180820追加
--------------------------------------------------------- */
.highlinghtBg-01,
.highlinghtBg-02,
.highlinghtBg-03,
.highlinghtBg-04,
.highlinghtBg-05,
.highlinghtBg-06,
.highlinghtBg-07,
.highlinghtBg-08,
.highlinghtBg-09,
.highlinghtBg-10 {
  background: none !important;
}

/* ===========================================================
 動画　－動画左－
=========================================================== */
.videoBoxList01 {
  margin: 0;
  padding: 0;
  width: auto;
}
.videoBoxList01 li {
  height: auto;
  list-style: none;
  padding: 10px;
  width: auto;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}
.videoBoxList01 li .youtube-container {
  width: auto;
  float: none;
  margin: 0 5px 10px 0;
}
.videoBoxList01 li .text {
  width: auto;
  float: none;
  margin: 0px 15px 10px 10px;
}
.videoBoxList01 li .text p:first-child {
  font-size: 100%;
}

/* ===========================================================
 動画　3列（1分解説）
=========================================================== */
.videopress ul.videopressBoxList {
  margin: 0;
  padding: 0;
  width: auto;
}
.videopress ul.videopressBoxList li {
  height: auto;
  list-style: none;
  margin: 0 0px 10px 0px;
  padding: 5px;
  width: auto;
  display: inline-block;
  vertical-align: top;
}
.videopress ul.videopressBoxList li .text {
  width: auto;
  text-align: center;
  padding: 5px 0 5px 0;
}

/* ===========================================================
 改行指定
=========================================================== */
.spView span.sp-br::before {
  content: "\A";
  white-space: pre;
}

/*========================================================
 トップページお知らせバナー
 ========================================================*/
div.topInfoBanner {
  margin: 20px 0;
}
div.topInfoBanner a span.update {
  padding: 0px;
}

/* ---------------------------------------------------------
お知らせの追加（スクエア・地質標本館）　20200420追加
--------------------------------------------------------- */
/*お知らせ--------------------------*/
.spView div.notice-area {
  padding: 25px 15px 15px;
}

/*お知らせタイトル---------------------------*/
.spView div.notice-area .notice-title .balloon-large {
  font-size: 150%;
}
.spView div.notice-area .notice-title .balloon-small {
  font-size: 138%;
}

/*お知らせテキスト---------------------------*/
.spView div.notice-area .notice-left,
.spView div.notice-area .notice-center {
  line-height: 140%;
}

/* ---------------------------------------------------------
お知らせの追加　青（スクエア・地質標本館）　20200605追加
--------------------------------------------------------- */
/*お知らせ--------------------------*/
.spView div.notice-area-blue {
  padding: 25px 15px 15px;
}

/*お知らせタイトル---------------------------*/
.spView div.notice-area-blue .notice-title .balloon-large {
  font-size: 150%;
}
.spView div.notice-area-blue .notice-title .balloon-small {
  font-size: 138%;
}

/*お知らせテキスト---------------------------*/
.spView div.notice-area-blue .notice-left,
.spView div.notice-area-blue .notice-center {
  line-height: 140%;
}
/*.spView div.notice-area-blue .notice-text { padding:14px!important; }*/