@charset "utf-8";

/* ===========================================================
 AIS_typs 地域用



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

/* ===========================================================
 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
=========================================================== */
#skinTypes #headLogoBody{width:100%;border-width:3px!important; padding:6px 0!important;}
#headLogoBody div[class*="HeadLogoPane"] {width:100%;}
#headLogoBody .jp_logo,
#headLogoBody .logo_en {padding:8px 0 7px 10px; min-height:37.5px;}
#headLogoBody .jp_logo img,
#headLogoBody .logo_en img {max-height:22px; max-width:250px;}

#headBody #headTopWrap #headTopArea,
#headBody #headWrap {width:100%;}
#headBody #headTopWrap {background:none;}

/* TypesHeadPane -----------------------------------------------------------*/
div[class*="HeadPane"] {width:auto; float:none;}
div[class*="HeadPane"] .headNav {padding:0 2%;}
div[class*="HeadPane"] .headNav ul li {float:none; background-color:inherit; background:none; margin-bottom:1px;}
div[class*="HeadPane"] .headNav ul li a {width:100%;height:auto;text-indent:0;display:block;background:#333333;line-height:1.5;padding:12px 2em 12px 1em;color:#FFF;text-decoration:none;font-size:116%;position:relative;}
div[class*="HeadPane"] .headNav 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;}

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

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

/* btn_asitTop -----------------------------------------------------------*/
.btn_asitTop {float:none; padding:0 2%; text-align:center; margin:0 0 10px 0;}
.btn_asitTop a {background-color:#eee; display:block; margin:0 9px; padding:10px;}

/* Logo -----------------------------------------------------------*/
#headWrap div.TypesHeadLogoPane{float:left; width:auto;margin:0;padding:0 0 0 10px;}
#headWrap div.TypesHeadLogoPane a {display:block;}
#headWrap h1.jp_logo {min-height:1px;}
#headWrap p.jp_logo {padding:0;}
#headWrap .jp_logo img {max-height:22px;}

/* ===========================================================
 skin
=========================================================== */
#skinTypes{background:#FFF;}

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

#blockskip{display:none;}
#mainBody,
#skinTypes .breadcrumbs,
.pagetop,
#footTopBody div#TypesFootTopPane,
#footBody .footWrap{width:100%;}

#skinTypes #contentWrap,
#skinTypes #sideWrap,
#footBody div.TypesFootPane,
p.copyright{float:none;width:100%;}

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

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

#skinTypes #ContentPane {padding-top:10px;}

#skinTypes .TypesPageTopPane {width:100%;}

#headWrap {min-height:inherit; background:none; padding:0;}

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


/*========================================================
 FootPane
 ========================================================*/
#skinTypes div#TypesFootPane ul {margin:0;padding:0;list-style:none;}
#skinTypes div#TypesFootPane ul {padding:0 2%;}
#skinTypes div#TypesFootPane ul li {width:50%;margin:0;padding:0 0 0 10px;}
#skinTypes div#TypesFootPane ul li a{display:block;position:relative;padding:0 0 0 10px;}
#skinTypes div#TypesFootPane 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;}


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

/* burger */
.burgerMotion{position:absolute;top:6px;right:10px;width:36px;height:36px;background:#333333; z-index:1;}
.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:auto !important;width:auto !important;max-width:100%;}

/* ===========================================================
 index
=========================================================== */
/* kv */
.sliderWrapper {padding-bottom:0;margin-bottom:-1em; padding-top:0;}
.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; margin:6px 0 20px;}
.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:82%;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:15px 10px 0 10px;}

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


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

.newsList .newsDate,
.newsList .newsTitle{float:none;width:100%;}
#skinTypes .newsList .newsTitle{width:100% !important;}
#skinTypes .newsListIndex {padding:30px 15px 15px; margin:-10px -2% 0;}
#skinTypes .newsListIndex.newest .newsBackLink {right:15px; top:12px;}
#skinTypes .content_wrap .newsList li {display:none;}
#skinTypes .content_wrap .newsList li:nth-child(1),
#skinTypes .content_wrap .newsList li:nth-child(2),
#skinTypes .content_wrap .newsList li:nth-child(3) {display:block;}
#skinTypes .content_wrap .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; clear:left;}

#skinTypes .TypesSideTopPane ul.bn_sideArea li {width:49%;margin-left:1%;}
#skinTypes .TypesSideTopPane ul.bn_sideArea li:nth-child(even){margin-left:0;}
#skinTypes #sideWrap ul.bn_sideArea li:first-child {display:block;width:100%;text-align:left;margin-left:0;background-color:transparent;font-size:0;}

ul.bn_sideArea + br {display:none;}



/*========================================================
 お知らせタブ
 ========================================================*/
#skinTypes #contentWrap #tab {padding:0;margin:0;}
#skinTypes #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;}
#skinTypes #contentWrap #tab li:nth-child(2n+1){margin-left:0;}
#skinTypes #contentWrap #tab li.select {background-position: 5px center !important;background-color:#FFF!important;color:#333;}

#skinTypes.red #contentWrap #tab li.tab01,
#skinTypes.blue #contentWrap #tab li.tab01,
#skinTypes.carrot #contentWrap #tab li.tab01,
#skinTypes.green #contentWrap #tab li.tab01,
#skinTypes.lightgreen #contentWrap #tab li.tab01,
#skinTypes.navy #contentWrap #tab li.tab01,
#skinTypes.orange #contentWrap #tab li.tab01 {background-image:url(/Portals/0/images/common/tab_news01_off.png);margin-left:0; letter-spacing:-1.5px;}

#skinTypes.red #contentWrap #tab li.tab02,
#skinTypes.blue #contentWrap #tab li.tab02,
#skinTypes.carrot #contentWrap #tab li.tab02,
#skinTypes.green #contentWrap #tab li.tab02,
#skinTypes.lightgreen #contentWrap #tab li.tab02,
#skinTypes.navy #contentWrap #tab li.tab02,
#skinTypes.orange #contentWrap #tab li.tab02 {background-image:url(/Portals/0/images/common/tab_news02_off.png);}

#skinTypes.red #contentWrap #tab li.tab03,
#skinTypes.blue #contentWrap #tab li.tab03,
#skinTypes.carrot #contentWrap #tab li.tab03,
#skinTypes.green #contentWrap #tab li.tab03,
#skinTypes.lightgreen #contentWrap #tab li.tab03,
#skinTypes.navy #contentWrap #tab li.tab03,
#skinTypes.orange #contentWrap #tab li.tab03 {background-image:url(/Portals/0/images/common/tab_news03_off.png);}

#skinTypes.red #contentWrap #tab li.tab04,
#skinTypes.blue #contentWrap #tab li.tab04,
#skinTypes.carrot #contentWrap #tab li.tab04,
#skinTypes.green #contentWrap #tab li.tab04,
#skinTypes.lightgreen #contentWrap #tab li.tab04,
#skinTypes.navy #contentWrap #tab li.tab04,
#skinTypes.orange #contentWrap #tab li.tab04 {background-image:url(/Portals/0/images/common/tab_news04_off.png);}

#skinTypes.red #contentWrap #tab li.tab05,
#skinTypes.blue #contentWrap #tab li.tab05,
#skinTypes.carrot #contentWrap #tab li.tab05,
#skinTypes.green #contentWrap #tab li.tab05,
#skinTypes.lightgreen #contentWrap #tab li.tab05,
#skinTypes.navy #contentWrap #tab li.tab05,
#skinTypes.orange #contentWrap #tab li.tab05 {background-image:url(/Portals/0/images/common/tab_news05_off.png);}

/***** .red *****/
#skinTypes.red #contentWrap #tab li.tab01.select {background-image:url(/Portals/0/images/common/tab_news01.png);margin-left:0;}
#skinTypes.red #contentWrap #tab li.tab02.select {background-image:url(/Portals/0/images/common/tab_news02.png);}
#skinTypes.red #contentWrap #tab li.tab03.select {background-image:url(/Portals/0/images/common/tab_news03.png);}
#skinTypes.red #contentWrap #tab li.tab04.select {background-image:url(/Portals/0/images/common/tab_news04.png);}
#skinTypes.red #contentWrap #tab li.tab05.select {background-image:url(/Portals/0/images/common/tab_news05.png);}

/***** .blue *****/
#skinTypes.blue #contentWrap #tab li.tab01.select {background-image:url(/Portals/0/images/common/tab_news01_blue.png);margin-left:0;}
#skinTypes.blue #contentWrap #tab li.tab02.select {background-image:url(/Portals/0/images/common/tab_news02_blue.png);}
#skinTypes.blue #contentWrap #tab li.tab03.select {background-image:url(/Portals/0/images/common/tab_news03_blue.png);}
#skinTypes.blue #contentWrap #tab li.tab04.select {background-image:url(/Portals/0/images/common/tab_news04_blue.png);}
#skinTypes.blue #contentWrap #tab li.tab05.select {background-image:url(/Portals/0/images/common/tab_news05_blue.png);}

/***** .carrot *****/
#skinTypes.carrot #contentWrap #tab li.tab01.select {background-image:url(/Portals/0/images/common/tab_news01_carrot.png);margin-left:0;}
#skinTypes.carrot #contentWrap #tab li.tab02.select {background-image:url(/Portals/0/images/common/tab_news02_carrot.png);}
#skinTypes.carrot #contentWrap #tab li.tab03.select {background-image:url(/Portals/0/images/common/tab_news03_carrot.png);}
#skinTypes.carrot #contentWrap #tab li.tab04.select {background-image:url(/Portals/0/images/common/tab_news04_carrot.png);}
#skinTypes.carrot #contentWrap #tab li.tab05.select {background-image:url(/Portals/0/images/common/tab_news05_carrot.png);}

/***** .green *****/
#skinTypes.green #contentWrap #tab li.tab01.select {background-image:url(/Portals/0/images/common/tab_news01_green.png);margin-left:0;}
#skinTypes.green #contentWrap #tab li.tab02.select {background-image:url(/Portals/0/images/common/tab_news02_green.png);}
#skinTypes.green #contentWrap #tab li.tab03.select {background-image:url(/Portals/0/images/common/tab_news03_green.png);}
#skinTypes.green #contentWrap #tab li.tab04.select {background-image:url(/Portals/0/images/common/tab_news04_green.png);}
#skinTypes.green #contentWrap #tab li.tab05.select {background-image:url(/Portals/0/images/common/tab_news05_green.png);}

/***** .lightgreen *****/
#skinTypes.lightgreen #contentWrap #tab li.tab01.select {background-image:url(/Portals/0/images/common/tab_news01_lightgreen.png);margin-left:0;}
#skinTypes.lightgreen #contentWrap #tab li.tab02.select {background-image:url(/Portals/0/images/common/tab_news02_lightgreen.png);}
#skinTypes.lightgreen #contentWrap #tab li.tab03.select {background-image:url(/Portals/0/images/common/tab_news03_lightgreen.png);}
#skinTypes.lightgreen #contentWrap #tab li.tab04.select {background-image:url(/Portals/0/images/common/tab_news04_lightgreen.png);}
#skinTypes.lightgreen #contentWrap #tab li.tab05.select {background-image:url(/Portals/0/images/common/tab_news05_lightgreen.png);}

/***** .navy *****/
#skinTypes.navy #contentWrap #tab li.tab01.select {background-image:url(/Portals/0/images/common/tab_news01_navy.png);margin-left:0;}
#skinTypes.navy #contentWrap #tab li.tab02.select {background-image:url(/Portals/0/images/common/tab_news02_navy.png);}
#skinTypes.navy #contentWrap #tab li.tab03.select {background-image:url(/Portals/0/images/common/tab_news03_navy.png);}
#skinTypes.navy #contentWrap #tab li.tab04.select {background-image:url(/Portals/0/images/common/tab_news04_navy.png);}
#skinTypes.navy #contentWrap #tab li.tab05.select {background-image:url(/Portals/0/images/common/tab_news05_navy.png);}

/***** .orange *****/
#skinTypes.orange #contentWrap #tab li.tab01.select {background-image:url(/Portals/0/images/common/tab_news01_orange.png);margin-left:0;}
#skinTypes.orange #contentWrap #tab li.tab02.select {background-image:url(/Portals/0/images/common/tab_news02_orange.png);}
#skinTypes.orange #contentWrap #tab li.tab03.select {background-image:url(/Portals/0/images/common/tab_news03_orange.png);}
#skinTypes.orange #contentWrap #tab li.tab04.select {background-image:url(/Portals/0/images/common/tab_news04_orange.png);}
#skinTypes.orange #contentWrap #tab li.tab05.select {background-image:url(/Portals/0/images/common/tab_news05_orange.png);}

/* 追記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: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:calc(50% - 9px);top:-webkit-calc(50% - 9px);}
.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;}

/* ---------------------------------------------------------
 研究分野：環境・エネルギー
--------------------------------------------------------- */
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;}
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 img {float:left;max-width:100px;}
.bookletaBoxList02 li .text {float:none;width:auto;margin-left:110px;}

/* 追加（2018.4.24）*/
.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;}


/* ---------------------------------------------------------
 採用情報
--------------------------------------------------------- */
.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;}




/* === 2017.11.29 =====*/

/* ===========================================================
 コンテンツ共通[2017.7.10追加/7.12修正2018.4.24修正]
=========================================================== */
.listTable,
.listTable th,
.listTable td {width:auto !important;}

.listTable caption {display: none;}


/* ===========================================================
 交通アクセス[2017.7.10追加、2017.7.26追加]
=========================================================== */
/* 拠点一覧　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: "【代表電話番号】"; }


/* 交通手段別バナー 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追加][2018.4.17 Comentout Open]
=========================================================== */
.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;}


/* ===========================================================
contents_text配下のテーブルはfloatを解除用　[2018.6.5追加]
=========================================================== */
div.contents_text table.caption {width:100% !important; margin:0 auto; padding:0;float:none !important;}

/* ===========================================================
アコーディオンのline-heightをノーマルに　[2018.6.5追加]
=========================================================== */
.accordion.accordion2Columns div.title {line-height: normal;}

/* ===========================================================
出前講座・実験教室などの横長の表用[2017.7.25追加]
=========================================================== */
.scroll{overflow: auto; white-space: nowrap;}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}

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

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