@charset "utf-8";

/* ===========================================================
 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 -----------------------------------------------------------*/
.HeadPaneEn{display:none;}

/* p.btnJapanese -----------------------------------------------------------*/
p.btnJapanese {float:none;padding:15px 0;text-align:center;display:none; background:none;}
p.btnJapanese a{display:inline-block;position:relative;padding:0 0 0 25px;background:transparent;color:#FFF;}
p.btnJapanese 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.btnJapanese{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; padding:4px 0;}
#headBody p.Logo {padding:0;}

/* ===========================================================
 skin
=========================================================== */
#skinIndex_en,
#skin2Columns_en,
#skin1Column_en{background:#FFF;}

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

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

#skinIndex_en #contentWrap,
#skin2Columns_en #contentWrap,
#skin2Columns_en #sideWrap,
#skinIndex_en #sideWrap,
.FootPaneEn,
p.copyright{float:none;width:100%;}

#skin2Columns_en #ContentPane,
#skin1Column_en #ContentPane,
#footTopBody{padding:0 2%;}
div#skinIndex_en #mainBody,
div#mainBody{padding:10px 2%;}

p.pagetop {background:#efeff0; margin-bottom:0;}
p.pagetop:after {content:"";display:block;clear:both;}
.pagetop a, .pagetop a:link, .pagetop a:visited {margin-left:0; float:right;}
p.copyright {text-align:center;margin:10px 0 0 0;padding:0 3%;}
#skinIndex_en #sideWrap {margin-top:2em;}

#skin2Columns_en #ContentPane, #skin1Column_en #ContentPane {padding-top:10px;}

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


/*========================================================
 FootPane
 ========================================================*/
div#FootPaneEn ul {margin:0;padding:0;list-style:none;}
div#FootPaneEn ul {padding:0 2%;}
div#FootPaneEn ul li {width:30%;margin:0;padding:0 0 0 10px;}
div#FootPaneEn ul li a{display:block;position:relative;padding:0 0 0 10px;}
div#FootPaneEn 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;}
div.englishSkin .globalMenu{width:90%;height:auto;}

div.englishSkin .globalMenu ul li ul li ul li a,
div.englishSkin .globalMenu ul li ul li ul li a:link,
div.englishSkin .globalMenu ul li ul li ul li a:visited,
div.englishSkin .globalMenu ul li ul li ul li a:active,
div.englishSkin .globalMenu ul li ul li 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 ul li,
.globalMenu ul li ul li.Tab58 a#Tab58 {float:none;margin-bottom:1px;}
.globalMenu ul li ul li.Tab58 a#Tab58 + ul {display:block!important;}

.globalMenu ul li ul li ul li.Tab649, /*About AIST*/
.globalMenu ul li ul li ul li.Tab59,  /*Research Results*/
.globalMenu ul li ul li ul li.Tab2127, /*Collaboration*/
.globalMenu ul li ul li ul li.Tab672, /*Job Opportunities*/
.globalMenu ul li ul li ul li.Tab684, /*PR Activities*/
.globalMenu ul li ul li ul li.Tab757, /*Visiting AIST*/
.globalMenu ul li ul li ul li.Tab781 /*Contact*/{display:block;}

div.englishSkin .globalMenu ul li,
div.englishSkin .globalMenu ul li ul li {display:none; float:none;margin-bottom:1px;}

div.englishSkin .globalMenu ul li 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;}
div.englishSkin .globalMenu ul li ul li ul li a.toggleSwitch:before{display:none;}
div.englishSkin .globalMenu ul li 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;}
div.englishSkin .globalMenu ul li 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;}

div.englishSkin .globalMenu ul li ul li ul li.Tab781 {margin-bottom:10px;}

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

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

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

div.englishSkin .globalMenu ul li ul li ul li.Tab1402/*01Energy and Environment*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1403/*02Life Science and Biotechnology*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1404/*03Information Technology and Human Factors*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1405/*04Materials and Chemistry*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1406/*05Electronics and Manufacturing*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1407/*06Geological Survey of Japan*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408/*07National Metrology Institute of Japan*/{float:left;/*width:calc(50% - 1px);width:-webkit-calc(50% - 1px);*/ width: 49.8%;background-color:#eeeeee;margin-left:1px;}
div.englishSkin .globalMenu ul li ul li ul li.Tab1402/*01Energy and Environment*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1404/*03Information Technology and Human Factors*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1406/*05Electronics and Manufacturing*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408/*07National Metrology Institute of Japan*/ {margin-left: 0;}
@media only screen and (orientation :landscape){/*横*/
div.englishSkin .globalMenu ul li ul li ul li.Tab1402/*01Energy and Environment*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1403/*02Life Science and Biotechnology*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1404/*03Information Technology and Human Factors*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1405/*04Materials and Chemistry*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1406/*05Electronics and Manufacturing*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1407/*06Geological Survey of Japan*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408/*07National Metrology Institute of Japan*/{/*width:calc(33% - 1px);width:-webkit-calc(33% - 1px);*/ width: 33.1%;margin-left:1px;}
div.englishSkin .globalMenu ul li ul li ul li.Tab1402/*01Energy and Environment*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1405/*04Materials and Chemistry*/,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408/*07National Metrology Institute of Japan*/ {margin-left:0;}
}

div.englishSkin .globalMenu ul li ul li ul li.Tab1402 a,
div.englishSkin .globalMenu ul li ul li ul li.Tab1403 a,
div.englishSkin .globalMenu ul li ul li ul li.Tab1404 a,
div.englishSkin .globalMenu ul li ul li ul li.Tab1405 a,
div.englishSkin .globalMenu ul li ul li ul li.Tab1406 a,
div.englishSkin .globalMenu ul li ul li ul li.Tab1407 a,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink 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;}

div.englishSkin .globalMenu ul li ul li ul li.Tab1402 a:before,
div.englishSkin .globalMenu ul li ul li ul li.Tab1403 a:before,
div.englishSkin .globalMenu ul li ul li ul li.Tab1404 a:before,
div.englishSkin .globalMenu ul li ul li ul li.Tab1405 a:before,
div.englishSkin .globalMenu ul li ul li ul li.Tab1406 a:before,
div.englishSkin .globalMenu ul li ul li ul li.Tab1407 a:before,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a:before{display:none;}

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


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

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

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

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

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

div.englishSkin .globalMenu ul li ul li ul li.Tab1408 a.toggleSwitch {display:none;}
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul {display:block!important;}
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li {display:none;}
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink {display:block; background:#eee;}
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a:link,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a:visited,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a:active,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a:hover{background:url(/Portals/0/Skins/AIS_en/images/gnav_nmij.png) 0 0 no-repeat;background-size:148px 50px;}
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a:hover{background-position:0 0;}
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a.CurrentLinkClass:link,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a.CurrentLinkClass:visited,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a.CurrentLinkClass:active,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a.CurrentLinkClass:hover,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a.ParentLinkClass,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a.ParentLinkClass:link,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a.ParentLinkClass:visited,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a.ParentLinkClass:active,
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a.ParentLinkClass:hover{background-position:0 0;}
div.englishSkin .globalMenu ul li ul li ul li.Tab1408 ul li.cloneLink a.toggleSwitch:after {display:none;}

/* 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_en.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_en .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:77%;line-height:1.2;}
.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);}
#tab_research li.tab08{background-image:url(/Portals/0/images/common/ico_g-quat_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.tab08.select{background-image:url(/Portals/0/images/common/ico_g-quat.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.tab08.select a{border:#4fb5a7 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;}
#panel08.research_wrap {border:none;border-top:#4fb5a7 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_en .newsListIndex.newest .newsBackLink {right:15px;}
#skinIndex_en .newsList li {display:none;}
#skinIndex_en .newsList li:nth-child(1),
#skinIndex_en .newsList li:nth-child(2),
#skinIndex_en .newsList li:nth-child(3) {display:block;}
#skinIndex_en .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;}

/* サイドメニュー 旧（上）*/
#skinIndex_en .SideTopPane ul.bn_sideArea li {width:49%;margin-left:1%;}
#skinIndex_en .SideTopPane ul.bn_sideArea li:nth-child(even){margin-left:0;}
#skinIndex_en .SideTopPane ul.bn_sideArea li:first-child {display:block;width:100%;text-align:left;margin-left:0;background-color:transparent;}

/* サイドメニュー 旧（中） */
#skinIndex_en .SidePane ul.bn_sideArea li:first-child {display:block;width:100%;text-align:left;margin-left:0;background-color:transparent; float:none;}

/* サイドメニュー  旧（下） */
#skinIndex_en .SideBottomPane ul.bn_sideArea li:first-child {display:block;width:100%;text-align:left;margin-left:0;background-color:transparent; float:none;}
#skinIndex_en .SideBottomPane ul.bn_sideArea li:first-child  img {display:block;}
#skinIndex_en .SideBottomPane ul.bn_sideArea li:nth-child(2),
#skinIndex_en .SideBottomPane ul.bn_sideArea li:nth-child(4n+1){margin-left:0;}
#skinIndex_en .SideBottomPane ul.bn_sideArea li:nth-child(2) {width:32.5%;margin-left:1%;background-color:#FFF;padding:2px; display:block; float:none;}
#skinIndex_en .SideBottomPane ul.bn_sideArea li:nth-child(2) a{display:block;height:50px;border:#e0e0e0 solid 3px;background-size:100% auto;background-position:center center;background-repeat:no-repeat;}
#skinIndex_en .SideBottomPane ul.bn_sideArea li a img{display:none;}
#skinIndex_en .SideBottomPane ul.bn_sideArea li a[href="/aist_e/research_results/publications/"]{background-image:url(/Portals/0/images_en/index/sp/bn_publication.png);}
#skinIndex_en ul.bn_footerTopArea li:first-child span {right: 10px;top: 10px;}
#skinIndex_en ul.bn_footerTopArea.clearfix {width: 310px;margin: 0 auto;}

#skinIndex_en .SideBottomPane ul.bn_sideArea:after{content:"";display:block;clear:both;}
#skinIndex_en .SideBottomPane ul.bn_sideArea li  {width:33%;float:left;}
#skinIndex_en .SideBottomPane ul.bn_sideArea li img {display:none;}
#skinIndex_en .SideBottomPane ul.bn_sideArea li a{display:block;height:65px;background-size:100% auto;background-position:center center;background-repeat:no-repeat;}
#skinIndex_en .SideBottomPane ul.bn_sideArea li a[href="/aist_e/exhibitions/index.html"]{background-image:url(/Portals/0/images_en/index/sp/bn_inspection.jpg);}
#skinIndex_en .SideBottomPane ul.bn_sideArea li a[href="https://www.youtube.com/user/aistchanneleng"]{background-image:url(/Portals/0/images/index/sp/aistchannel_en.png);}
#skinIndex_en .SideBottomPane ul.bn_sideArea li a[href="https://twitter.com/AIST_EN"]{background-image:url(/Portals/0/images_en/index/sp/bn_x.png);}

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;}

/* サイドメニュー 上 */
ul.bn_sideArea_top {text-align:center;}
ul.bn_sideArea_top:after{content:"";display:block;clear:both;}
#skinIndex_en .SideTopPane ul.bn_sideArea_top li {float:left;width:49%;margin-left:1%;}
#skinIndex_en .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;}
#skinIndex_en .SideTopPane ul.bn_sideArea_middle li {float:left;width:49%;margin-left:1%;}
#skinIndex_en .SideTopPane ul.bn_sideArea_middle li:nth-child(odd){margin-left:0;}

/*========================================================
 お知らせタブ
 ========================================================*/
div#skinIndex_en #contentWrap #tab {padding:0;margin:0;}
div#skinIndex_en #contentWrap #tab li {width:49.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;}
div#skinIndex_en #contentWrap #tab li:nth-child(2n+1){margin-left:0;}
div#skinIndex_en #contentWrap #tab li.tab01 {background-image:url(/Portals/0/images/common/tab_news01_off.png);margin-left:0;}
div#skinIndex_en #contentWrap #tab li.tab02 {background-image:url(/Portals/0/images/common/tab_news02_off.png);}
div#skinIndex_en #contentWrap #tab li.tab03 {background-image:url(/Portals/0/images/common/tab_news03_off.png);}
div#skinIndex_en #contentWrap #tab li.tab04 {background-image:url(/Portals/0/images/common/tab_news04_off.png);}
div#skinIndex_en #contentWrap #tab li.tab01.select {background-image:url(/Portals/0/images/common/tab_news01.png);margin-left:0;}
div#skinIndex_en #contentWrap #tab li.tab02.select {background-image:url(/Portals/0/images/common/tab_news02.png);}
div#skinIndex_en #contentWrap #tab li.tab03.select {background-image:url(/Portals/0/images/common/tab_news03.png);}
div#skinIndex_en #contentWrap #tab li.tab04.select {background-image:url(/Portals/0/images/common/tab_news04.png);}
div#skinIndex_en #contentWrap #tab li.select {background-position: 5px center !important;background-color:#FFF;color:#333;}
/* 追記2018.04.05 */
div#skinIndex_en #contentWrap #tab li a,
div#skinIndex_en #contentWrap #tab li a:hover{color:#ffffff; text-decoration:none;}
div#skinIndex_en #contentWrap #tab li.select a,
div#skinIndex_en #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:0 0;}



/* ---------------------------------------------------------
 下層：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;}

/* ---------------------------------------------------------
 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;}



/* ---------------------------------------------------------
 領域ページ 2017/08/30追加
--------------------------------------------------------- */
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;}














/* ===========================================================
 交通アクセス[2017.8.30追加(英語版)]
=========================================================== */
/* 拠点一覧　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: "Address:"; }
.adressTable td.type_tell:before { font-weight:normal; content: "Telephone:"; }


/* ===========================================================
コンテンツ共通(.BoxHalf1Column)[2020.1.16追加]
=========================================================== */
.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.8.30追加(英語版)]
=========================================================== */
.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;}



/* ===========================================================
 出版物[2017.8.31追加(英語版)]
=========================================================== */
.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% !important;
	display: inline-block;
	vertical-align: top;
}
.bookletaBoxList02_1 li .text {
	float: none;
	margin-left: 110px;
width:auto !important;
}
.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;
}


/* ===========================================================
Youtube埋め込み用[2018.5.29追加]
=========================================================== */
.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.31追加]
=========================================================== */
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{height: 5px;}　　/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track{background: #F1F1F1;}　　/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}　　/*tableにスクロールバーを追加*/


/* ===========================================================
Support for International Visitors用[2017.9.8追加(英語版)]
=========================================================== */
ul#support-menu {max-width: 100%;}
ul#support-menu li, ul#support-menu li .caption .tb {width: 100%;}
ul#support-menu li .caption, ul#support-menu li .caption .tb, ul#support-menu li .image img {max-height: initial;}
ul#support-menu li .image {margin: 3px 5px 3px 0}
ul#support-menu li .caption-title br {display: none;}
h2 {max-height: initial;}
#infoCMScontents_4695 a, #infoCMScontents_4027 a, #infoCMScontents_4698 a, #infoCMScontents_4697 a,
#infoCMScontents_4699 a, #infoCMScontents_4700 a, #infoCMScontents_4701 a, #infoCMScontents_4702 a,
#infoCMScontents_4696 a, #infoCMScontents_4025 a {word-wrap: break-word;}
#infoCMScontents_4696 .contents img {pointer-events: none;}
[class^="h2-bg"],
[class*=" h2-bg"] {background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom;}


/* ===========================================================
 AIST TODAY用[2017.9.8追加(英語版)]
=========================================================== */
p.LeftBtn,
	p.RightPdf {width:100% !important;}


/* ===========================================================
 管理パネル用[2017.9.8追加(英語版)]
=========================================================== */
div.englishSkin {width: 100%;}


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

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

div.contents_text table { float:none !important;}


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


/* ---------------------------------------------------------
 サイドバナー配置修正　20180724追加
--------------------------------------------------------- */
ul.bn_sideArea li:first-child {
    margin-bottom: 0px;
}


/* ===========================================================
 学術ジャーナル 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;}


/* ---------------------------------------------------------
 研究ハイライト各詳細ページ　20190131追加
--------------------------------------------------------- */
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;
}

/* ---------------------------------------------------------
 研究ハイライトスライドバナー　20190131追加
--------------------------------------------------------- */
.swiper-container { width:100%; max-height:auto!important; }

.highlinghtBg-01,.highlinghtBg-02,.highlinghtBg-03, .highlinghtBg-04, .highlinghtBg-05,
.highlinghtBg-06,.highlinghtBg-07,.highlinghtBg-08, .highlinghtBg-09, .highlinghtBg-10 { background: none!important; }

.title img.detL, .title img.detR { margin: 0!important;}

.title img { width:100%!important;  max-width: 490px; }

/* ===========================================================
 研究ハイライトスライドバナー　ナビ　解像度320px以下 20190131追加
=========================================================== */
@media screen and (max-width: 320px) {
    .swiper-container { max-height: 240px!important; }
    .pagination { margin-top: 10px!important; }
}

/* ===========================================================
 研究ハイライトスライドバナー　ナビ　解像度400px以上 20190131追加
=========================================================== */
@media screen and (min-width: 400px) {
    .swiper-container { max-height: 310px!important; }
}

/* ---------------------------------------------------------
 組織　2019621追加
--------------------------------------------------------- */
div.chartImageBox img { margin: 0; padding: 0; width: 100%; height: auto;}


/* ===========================================================
ノーベル賞受賞用 - テキスト版　[2018.10.10追加]
=========================================================== */
#PagetitlePane h1.nobelPrize_h1{
	max-height: initial!important;
	width: 100%!important;
	background: none!important;
	padding: 10px 10px 4px 10px!important;
	font-size: 200%!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;
}