@charset "utf-8";

@import "/Portals/0/css/navigation.css";

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

/*  CMS_SkinDefault ----- contents */

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

/* ===========================================================
 root定義（2025/06/02追加）
=========================================================== */
:root {

  /*--------------------------------
  色定義
  ---------------------------------*/

  /*AIST-RED*/
  --color-aist-red: #CF0027;

  /*---領域カラー------------*/

  /*エネルギー・環境*/
  --color-denvene: #8EB510;
  /*生命工学*/
  --color-dlsbt: #DD3D7C;
  /*情報･人間工学*/
  --color-dith: #008E6E;
  /*材料・化学*/
  --color-dmc: #AE308C;
  /*エレクトロニクス・製造*/
  --color-eleman: #006FBC;
  /*地質調査*/
  --color-gsj: #CB4D00;
  /*計量標準*/
  --color-nmij-blue: #0092D7;
  --color-nmij-green: #00A95C;
  /*G-QuAT*/
  --color-g-quat: #26B7BC;
  /*実装研究センター*/
  --color-irc: #CF0027;

  /*---カテゴリカラー------------*/
  /*研究者の方へー*/
  --color-category-researcher: #604287;
  /*ビジネスの方へー*/
  --color-category-business: #115c9e;
  /*一般の方へー*/
  --color-category-public: #12826c;

}
/*:rootここまで*/


/* ===========================================================
 SEOsNav
=========================================================== */

.SEOsNav ul li { padding:0; margin:0;}


/* ===========================================================
 default
=========================================================== */
p{margin:0;padding:0 0 15px 0;}

ul,ol{margin:0 0 0 2em;padding:0.5em 0 1em 0;}
li{margin:0;padding:0 0 5px 0;}
ul li li,
ol li li{line-height:140%;padding:5px 0;border-bottom:1px dotted #ddd;}

h1{clear:both;color:#333;font-size: 185%;font-weight:bold;line-height:40px;margin:0 0 20px;min-height:46px;padding:13px 0 0 20px;}
h2{clear:both;margin:0 0 20px;padding:10px 0px 10px 5px;font-size:166%; font-weight: normal;line-height:110%;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom;}
h3{clear:both;margin:0 0 20px;padding:10px 0 10px 5px;font-size:154%; font-weight: normal;line-height:110%;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_h3.gif) repeat-x 0 bottom; border: none;}
h4{clear:both;margin:30px 0 10px 0;padding:5px 10px;font-size:100%;line-height:110%;border-bottom:1px solid #bbb;border-left:7px solid #ddd;}
h5{clear:both;margin:20px 0 10px 0;padding:5px;font-size:100%;line-height:110%;border-bottom:1px solid #ccc;}
h6{clear:both;margin:20px 0 10px 0;padding:5px;font-size:100%;line-height:110%;border-bottom:1px dotted #ccc;}
h2 span.hSmall{font-size:90%;}

/*H2フォントサイズ調整　2022/04/19---------------------------*/
.englishSkin h2,
.skin2Columns h2,
.skin1Column.red h2{font-size:192%;}

/*.listTable caption{text-align:left;border-bottom:1px solid #ccc;padding:0 0 2px 0;margin:0 0 5px 0;}
.listTable th{border:1px solid #aaa;padding:5px;background:#eee;}
.listTable tr.listTableHead th{background:#ccc;}
.listTable th.listTableEmptycell{border:none;background:none;}
.listTable tr.listTableHead th.listTableEmptycell{border:none;background:none;}
.listTable td{border:1px solid #999;padding:5px;}
.listTable.noPadding th,
.listTable.noPadding td{border:1px solid #999;padding:0;}*/
.listTable{margin:0 0 30px 0;border-collapse:collapse;border-spacing:0;border-right:1px solid #aaa;border-bottom:1px solid #aaa;}
.listTable {border: 3px solid #E2E2E2;border-collapse: separate;border-spacing: 1px;width: 100%;}
.listTable th,
.listTable td {border-bottom: 1px solid #D7D7D7;border-right: 1px solid #D7D7D7;border-top:none;border-left:none;padding: 8px;}
.listTable th {background: none repeat scroll 0 0 #F3F3F3;text-align:left;}
.listTable a.listTableArrow{background: url(/Portals/0/images/common/arrow_red.png) no-repeat 0 6px; padding-left:12px; list-style: none;color:#333;}
.listTable span.listTableArrow{background: url(/Portals/0/images/common/arrow_red.png) no-repeat 0 6px; padding-left:12px; list-style: none;color:#333;}

table.listTable caption { text-align: left; font-size:150%;padding-left:5px;}

img.imgRight		{ float:right;margin:0 0 15px 15px;}
img.imgLeft			{ float:left;margin:0 15px 15px 0;}
span.floatRight     { float:right;margin:0 0 15px 15px;}
span.floatLeft      { float:left;margin:0 15px 15px 0;}

.alignRight{text-align:right!important;}
.alignCenter{text-align:center!important;}

.p0{ padding:0!important;}
.mb5{ margin:0 0 5px 0!important;}
.mb10{ margin:0 0 10px 0!important;}
.mb20{ margin:0 0 20px 0!important;}
.mb30{ margin:0 0 30px 0!important;}
.mb40{ margin:0 0 40px 0!important;}
.bold { font-weight:bold;}

.width100{width:100px;}
.max-width200{max-width:200px;}

.attentionRed{font-weight:bold;color:#cf0010;}

.graySpace { background:#f3f3f3; padding:10px 15px;margin:10px 0;}

.annotationMini{font-size:80%; }
.annotationMark{font-size:80%;color:#c00;}
.annotationText{display:block;font-size:80%;line-height:150%;padding:10px 0 0 0;color:#555;}

a.CommandButton,
a.CommandButton:link,
a.CommandButton:visited,
a.CommandButton:active,
a.CommandButton:hover{color:#116CEE;text-decoration:none;}
a.CommandButton:hover{color:#67a2f7;text-decoration:none;}

.listIcon {margin-left:10px;border:none;}

.listIcon li {background: url(/Portals/0/images/common/ico_cercle.gif) no-repeat 0 5px; padding-left:18px; list-style: none;border:none;}
.listIcon li a{color:#333;}

.listArrow li {background: url(/Portals/0/images/common/arrow_red.png) no-repeat 0 6px; padding-left:12px; list-style: none;border:none;}
.listArrow li a{color:#333;}

.listArrowHalf {width:100%;margin:0 0 0 10px;padding-bottom:0;}
.listArrowHalf li {display:inline-block;vertical-align:top;*display: inline; *zoom: 1;}
.listArrowHalf li {width:45%;background:url(/Portals/0/images/common/arrow_red.png) no-repeat 0 6px; padding:0 20px 12px 10px; list-style:none;border:none;}
.listArrowHalf li a{color:#333;}

.listArrowLeft{margin:0;padding-bottom:0;}
.listArrowLeft li {display:inline-block;vertical-align:top;*display: inline; *zoom: 1;}
.listArrowLeft li {background: url(/Portals/0/images/common/arrow_red.png) no-repeat 0 6px; margin:0 40px 0 0; padding-left:12px; list-style: none;border:none;}
.listArrowLeft li a{color:#333;}

.listArrowRight{margin:0;padding-bottom:0;text-align:right;}
.listArrowRight li {display:inline-block;vertical-align:top;*display: inline; *zoom: 1;}
.listArrowRight li {background: url(/Portals/0/images/common/arrow_red.png) no-repeat 0 6px; margin:0 0 0 40px; padding-left:12px; list-style: none;border:none;}
.listArrowRight li a{color:#333;}

.defaultList{margin-left: 1.0em;}
.defaultList li{list-style:none;text-indent: -1.0em;}


/* ---------------------------------------------------------
 link
--------------------------------------------------------- */
/* hLink ------------------------------------------------*/
.hLink ul{margin:0;padding:0 90px 0 0;text-align:right;}
.hLink li{margin:0 0 0 15px;padding:2px 0 2px 13px;list-style-type:none;display:inline;background:url(/Portals/0/images/common/hLinkIcon.jpg) no-repeat 0 0.2em;}
.hLink a,
.hLink a:link,
.hLink a:visited,
.hLink a:active,
.hLink a:hover{line-height:20px;text-decoration:none;}
.hLink a:hover{text-decoration:none;}

/* fLink ------------------------------------------------*/
.fLink{margin:0;padding:0;font-size:93%;}
.fLink ul{margin:0;padding:0;}
/* clearfix */
.fLink ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fLink ul{display:inline-block;}
* html .fLink ul{height:1%;}
.fLink ul{display:block;}
/* clearfixEND */
.fLink li{float:left;width:183px;margin:0;padding:0;list-style-type:none;}
.fLink li ul{padding:5px 0 0 0;}
.fLink li ul li{float:none;width:auto;height:auto;margin:0 13px 0 0;line-height:14px;border-bottom:#cccccc solid 1px;background:url(/Portals/0/images/common/fLinkIcon.jpg) 0 10px no-repeat;}
.fLink li ul li a,
.fLink li ul li a:link,
.fLink li ul li a:active,
.fLink li ul li a:visited,
.fLink li ul li a:hover{display:block;color:#333;text-decoration:none;padding:6px 0 6px 10px;}
.fLink li ul li a:hover{background:url(/Portals/0/images/common/footer/arrowBlue.jpg) 0 10px no-repeat #f1f1f1;text-decoration:none;}


/*========================================================
 HaadPane
 ========================================================*/
div.HeadPane ul { list-style: none; margin:0; padding:0;}
div.HeadPane ul li { float:left; background:url(/Portals/0/Skins/AIS/images/border_header.gif) no-repeat left; padding:0 9px 0 9px;color:#fff; background-color:#333333;}
div.HeadPane ul li a { color:#ffffff; background:url(/Portals/0/Skins/AIS/images/arrow_white.png) no-repeat left; padding:0 0 0 9px; text-decoration:none;}
div.HeadPane ul li a:hover { text-decoration: underline;}

/*英語スキン*/
div.HeadPaneEn ul { list-style: none; margin:0; padding:0;}
div.HeadPaneEn ul li { float:left; background:url(/Portals/0/Skins/AIS/images/border_header.gif) no-repeat left; padding:0 9px 0 9px;color:#fff; background-color:#333333;}
div.HeadPaneEn ul li a { color:#ffffff; background:url(/Portals/0/Skins/AIS/images/arrow_white.png) no-repeat left; padding:0 0 0 9px; text-decoration:none; font-size: 90%;}
div.HeadPaneEn ul li a:hover { text-decoration: underline;}

/*========================================================
 HaadPane
 ========================================================*/
div.ContentTopPane ul.clearfix { list-style: none; margin:0; padding: 0;}
div.ContentTopPane ul.clearfix li { float: left;float: left; padding: 0;}
div.ContentTopPane ul.clearfix li a { display: block; text-indent: -9999em; overflow: hidden; width: 322px; height: 51px; text-indent: -9999em; overflow: hidden; }

div.ContentTopPane ul li.btnTop01 a { background:url(/Portals/0/images/index/btn_top01.jpg) no-repeat; margin-right: 17px;}
div.ContentTopPane ul li.btnTop02 a { background:url(/Portals/0/images/index/btn_top02.jpg) no-repeat; margin-right: 17px;}
div.ContentTopPane ul li.btnTop03 a { background:url(/Portals/0/images/index/btn_top03.jpg) no-repeat;}

div.ContentTopPane ul li a:hover { background-position: 0 -51px;}

/*編集ナビ*/
div#HeadPane { position:relative; border-top: none !important; border-bottom: none !important;}
div#HeadPane div.infoCMSactions { position: absolute; top:-10px;left:0;}
div#HeadPane center { position: absolute; top:-10px; left:50px;}
div#HeadPaneEn { position:relative; border-top: none !important; border-bottom: none !important;}
div#HeadPaneEn div.infoCMSactions { position: absolute; top:-10px;left:0;}
div#HeadPaneEn center { position: absolute; top:-10px; left:50px;}

/*IE ハイコントラスト用の修正　2018/04/23---------------------------*/
@media all and (-ms-high-contrast:active) {
	div.ContentTopPane ul li.btnTop01 a { background:url(/Portals/0/images/index/btn_top01.jpg);}
	div.ContentTopPane ul li.btnTop02 a { background:url(/Portals/0/images/index/btn_top02.jpg);}
	div.ContentTopPane ul li.btnTop03 a { background:url(/Portals/0/images/index/btn_top03.jpg);}
	div.ContentTopPane ul li a:hover { background-position: 0 -51px;}
}

/*========================================================
 slider
 ========================================================*/
/*行頭記号の削除　2020/02/26---------------------------*/
div.sliderWrapper ul.sliders-wrap-inner {list-style-type: none;}

.sliderWrapper {background: url(/Portals/0/images/index/bg_topPane.png) 0 0 repeat-x;margin-bottom:25px;padding: 0 0 0;}
.lof-slidecontent {position:relative;margin:0 auto;width:1002px;height:352px;}
.lof-slidecontent .preload{height:100%;width:100%;position:absolute;top:0;left:0;z-index:100000;text-align:center;background:#fff;}
.lof-slidecontent .preload div{height:100%;width:100%;background:transparent url(/Portals/0/images/index/kv/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent .main-slider-content {height:294px;margin:0 0 0;position: relative;}
.lof-slidecontent .sliders-wrapper{position:relative;height:100%;z-index:3px;}
.lof-slidecontent ul.sliders-wrap-inner{overflow:hidden;padding:0px;margin:0;position:absolute;overflow:hidden;}
.lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden;padding:0px;margin:0px;float:left;position:relative;}
.lof-slidecontent .lof-opacity  li{position:absolute;top:0;left:0;float:inherit; }

.lof-slidecontent  .navigator-content {position:absolute;bottom:0;left0;padding:0 ;}
.lof-slidecontent  .navigator-wrapper{position:relative;z-index:10;height:56px;overflow:hidden;float:left}
.lof-slidecontent  ul.navigator-wrap-inner{top:0;padding:0;margin:0;position:absolute;width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand;cursor:pointer;list-style:none;padding:0;margin-left:0px;overflow:hidden;float:left;display:block;text-align:center;}
.lof-slidecontent  ul.navigator-wrap-inner li.active {display: inline-block;
  *display: inline; /* ie6,7 */
  *zoom: 1; /* ie6,7 */}

.lof-slidecontent ul.navigator-wrap-inner li:hover img ,
.lof-slidecontent ul.navigator-wrap-inner li.active img {border:3px solid #cf0010;padding:0px;}

/*行頭記号削除（VoiceOver）　2020/02/21---------------------------*/
.sliderWrapper .main-slider-content .sliders-wrapper ul.sliders-wrap-inner {list-style:none;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{padding:0 1px 0;}

/* item navigator */

.lof-slidecontent ul.navigator-wrap-inner li img{ max-width: 182px; padding:3px;}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
	-moz-transition:border-color  ease-in-out 0.4s
}
.lof-slidecontent .navigator-content {display:flex;justify-content:center;width:1000px;height:50px;margin:0 auto;}
.lof-slidecontent .navigator-content .button-next, 
.lof-slidecontent .navigator-content .button-previous{
	display:block;width:15px;height:44px;color:#fff;cursor:pointer;}
.lof-slidecontent .navigator-content .button-next {
	float:left;	
	text-indent:-9999px;
	background:url(/Portals/0/images/index/kv/kv_arrow_prev.png) no-repeat left 0;margin-top:7px;height:37px; color:#000;
}
.lof-slidecontent .navigator-content .button-next:hover { background-position:0 -37px;}

.lof-slidecontent .navigator-content .button-previous {float:left;text-indent:-9999px; background:url(/Portals/0/images/index/kv/kv_arrow_next.png) no-repeat right 0; margin-top:7px; height:37px; color:#000;}
.lof-slidecontent .navigator-content .button-previous:hover { background-position:1px -37px;}

/*スライドバナー再生・停止ボタン追加　2019/10/16---------------------------*/
.lof-slidecontent .button-control { position:absolute; top:248px; right:9px; height: 38px; width: 38px; cursor:hand; cursor:pointer;}
.lof-slidecontent .button-control { display:block; }
.spView .lof-slidecontent .button-control { display:none; }

.lof-slidecontent .button-control span { display:block; width:100%; height:100%; text-indent: -9999px;}
.spView .lof-slidecontent .button-control span { display:none;}

.lof-slidecontent .action-start span { background:url(/Portals/0/images/index/kv/playon.png) no-repeat center center; }
.lof-slidecontent .action-stop span { background:url(/Portals/0/images/index/kv/playoff.png) no-repeat center center; }

/*.lof-slidecontent .button-control {position:absolute;top:10px;right:10px;height: 20px;width: 20px;cursor:hand; cursor:pointer;background:url(/Portals/0/images/index/transparent_bg.png) repeat;display: none;}

.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
	background:url(/Portals/0/images/index/play.png) no-repeat center center;
}
.lof-slidecontent .action-stop span {
	background:url(/Portals/0/images/index/pause.png) no-repeat center center;
}*/

.hide {position: absolute;top:0;height: 294px;width: 1002px;background:url(/Portals/0/images/index/kv/kb_bg_img.png) 0 0 repeat-x;}
.hide.prev {left: -1002px;}
.hide.next {right: -1002px;}


/*IE ハイコントラスト用の修正+修正　2019/10/31---------------------------*/
@media all and (-ms-high-contrast:active) {
	.lof-slidecontent .navigator-content .button-next { background:url(/Portals/0/images/index/kv/kv_arrow_prev.png) no-repeat left 0;}
	.lof-slidecontent .navigator-content .button-next:hover { background-position:0 -37px;}
	.lof-slidecontent .navigator-content .button-previous { background:url(/Portals/0/images/index/kv/kv_arrow_next.png) no-repeat right 0;}
	.lof-slidecontent .navigator-content .button-previous:hover { background-position:1px -37px;}
	.lof-slidecontent .action-start span { background:url(/Portals/0/images/index/kv/playon.png) no-repeat center center; }
	.lof-slidecontent .action-stop span { background:url(/Portals/0/images/index/kv/playoff.png) no-repeat center center; }
}

/*========================================================
 スライドバナー下お知らせバナー　2022/03/25　
 ========================================================*/
div.topInfoBanner { max-width: 978px; border: 1px solid #c1272d; background-color: #ffffff; text-align: center; padding: 10px; margin-bottom: 20px; font-size: 131%;}
div.topInfoBanner a span.update { padding-left: 5px; font-size: 1.4rem;}
div.topInfoBanner.news { padding: 12px 10px; text-align: left; font-size: 1.6rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center;}
div.topInfoBanner ul,.topInfoBanner ul li { padding: 0; margin: 0; list-style: none;}
div.topInfoBanner.enMargin { margin: 0 auto; font-size: 125%;}
div.topInfoBanner.enMargin a span.update { padding-left: 5px; font-size: 90%;}

/*========================================================
 ContentPane
 ========================================================*/
#skinIndex div.ContentPane h2,
#skinIndex_en div.ContentPane h2  { margin:0 0 10px 0; padding:0; background: none;}

#ContentPane a img:hover { opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */}

/* ===========================================================
 Content01Pane-Content06Pane
=========================================================== */
div#research { padding-bottom:10px;}
div#research > div { position: relative;}
div#research div h4 { font-size: 116%; font-weight: normal; border:none; line-height: 20px; padding:0; margin:0 0 10px;}
div#research div h4 a { color: #333; text-decoration: none;}
div#research div h4 a:hover { text-decoration: underline;}
div#research div { text-align: center;}
div#research div p { color: #666; padding: 0;}
div#research div span { font-size:85%; position: absolute; top: 18px; left: 47px; width: 180px; text-align: left;}

/*環境エネルギー*/
div#research div.energy { border:solid 5px #c4d82e; padding:25px 10px 10px 10px; width:202px; height: 145px; display: table-cell; vertical-align: middle; background: url(/Portals/0/images/index/bg_research_energy.gif) no-repeat top left;}
div#research div.energy span { color: #c4d82e;}
/*聴覚訓練*/
div#research div.life { border:solid 5px #6e4f83; padding:25px 10px 10px 10px; width:202px; height: 145px; display: table-cell; vertical-align: middle; background: url(/Portals/0/images/index/bg_research_life.gif) no-repeat top left;}
div#research div.life span { color: #6e4f83;}
/*調光シート*/
div#research div.electronics { border:solid 5px #65aadd; padding:25px 10px 10px 10px; width:202px; height: 145px; display: table-cell; vertical-align: middle; background: url(/Portals/0/images/index/bg_research_electronics.gif) no-repeat top left;}
div#research div.electronics span { color: #65aadd;}
/*二酸化炭素*/
div#research div.materials{ border:solid 5px #009b63; padding:25px 10px 10px 10px; width:202px; height: 145px; display: table-cell; vertical-align: middle; background: url(/Portals/0/images/index/bg_research_materials.gif) no-repeat top left;}
div#research div.materials span { color: #009b63;}
/*新工業用X線*/
div#research div.science{ border:solid 5px #dd6540; padding:25px 10px 10px 10px; width:202px; height: 145px; display: table-cell; vertical-align: middle; background: url(/Portals/0/images/index/bg_research_science.gif) no-repeat top left;}
div#research div.science span { color: #dd6540;}
/*新火山活動*/
div#research div.geoscience{ border:solid 5px #fac03d; padding:25px 10px 10px 10px; width:202px; height: 145px; display: table-cell; vertical-align: middle; background: url(/Portals/0/images/index/bg_research_geoscience.gif) no-repeat top left;}
div#research div.geoscience span { color: #fac03d;}

/*========================================================
 SidePane 20200616追加
 ========================================================*/
ul.bn_sideArea { list-style: none; margin:0; padding:0;}
/*ul.bn_sideArea li:first-child { margin-bottom:9px;}*/
ul.bn_sideArea li { margin-bottom:5px; padding-bottom: 0;}
ul.bn_sideArea li img { background: #efeff0;}

ul.bn_sideArea_bottom { list-style: none; margin:0; padding:0;}
ul.bn_sideArea_bottom li { margin-bottom:10px; padding-bottom: 0;}
ul.bn_sideArea_bottom li img { background: #efeff0;}

/* サイドメニュー 上 --------------------------*/
ul.bn_sideArea_top { list-style: none; margin:0; padding:0;}
ul.bn_sideArea_top li { margin-bottom:5px; padding-bottom: 0;}
ul.bn_sideArea_top li img { background: #efeff0;}

/* サイドメニュー 中 --------------------------*/
ul.bn_sideArea_middle { list-style: none; margin:0; padding:0;}
ul.bn_sideArea_middle li { margin-bottom:5px; padding-bottom: 0;}
ul.bn_sideArea_middle li img { background: #efeff0;}

/*ソーシャルアイコン円形--------------------------*/
.social_sideArea .social-icon {	
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}

/*ソーシャルアイコンsvg配置--------------------------*/
.social_sideArea .social-icon img {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-moz-border-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width :36px;
	text-align:center;
}

/*ソーシャルアイコン背景色--------------------------*/
.social_sideArea .social-icon-youtube {  background: #ed3023;}
.social_sideArea .social-icon-twitter {  background: #1da1f2;}
.social_sideArea .social-icon-mailmagazine {  background: #172a88;}

/*ソーシャルアイコンFlexbox--------------------------*/
.social_sideArea {
	list-style: none;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;        /*中央揃え*/
	justify-content: space-between; /*均等に間隔をあける*/
	justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
}

/*ソーシャルアイコン PC余白指定--------------------------*/
.social_sideArea { margin: 10px auto; }

/*ソーシャルアイコン 日本語版PC指定--------------------------*/
div#skinIndex .social_sideArea { width: 150px; }

/*ソーシャルアイコン 英語版PC指定--------------------------*/
div#skinIndex_en .social_sideArea { width: 100px; }


/*========================================================
 FootTopPane
 ========================================================*/
ul.bn_footerTopArea { list-style: none; margin:0 0 10px 0; padding:0;}
ul.bn_footerTopArea li { float: left; margin-left:10px; padding-bottom: 0;}
ul.bn_footerTopArea li:first-child { margin-left:0; position: relative;} 
ul.bn_footerTopArea li:first-child span { position: absolute; top:16px; right: 45px;}
ul.bn_footerTopArea li img { background: #FFF;}

ul.bn_footerBottomArea { list-style: none; margin:0; padding:0;}
ul.bn_footerBottomArea li { float: left; margin-left:10px; padding-bottom: 0;}
ul.bn_footerBottomArea li:first-child { margin-left:0;}
ul.bn_footerBottomArea li img { background: #FFF;}

/*英語----------------------------*/

div.englishSkin ul.bn_footerTopArea { list-style: none; margin:0 0 10px; padding:0; text-align: center;}
div.englishSkin ul.bn_footerTopArea li { display: inline-block; float:none;}

/*========================================================
 FootPane
 ========================================================*/
div#FootPane ul { margin:0; padding:0; list-style: none;}
div#FootPane ul li { font-size: 85%; margin-right: 25px; float:left; padding:0;color:#fff; 
	/* background-color:#474747; */
}
div#FootPane ul li a { color: #FFF; text-decoration: none;}
div#FootPane ul li a:hover { text-decoration: underline;}

/*英語----------------------------*/
div#FootPaneEn ul { margin:0; padding:0; list-style: none;}
div#FootPaneEn ul li { font-size: 85%; margin-right: 25px; float:left; padding:0;color:#fff; background-color:#474747;}
div#FootPaneEn ul li a { color: #FFF; text-decoration: none;}
div#FootPaneEn ul li a:hover { text-decoration: underline;}


/*========================================================
 お知らせタブ
 ========================================================*/
#tab { padding:0; margin: 0;}

#tab li { width: 142px; height: 30px; float: left; margin-left:10px; list-style: none; cursor: pointer; padding-bottom:0; text-indent:-9999em; overflow: hidden;}
#tab li.tab01 { background: url(/Portals/0/images/index/tab_news01.jpg) no-repeat 0 -30px; margin-left:0;}
#tab li.tab02 { background: url(/Portals/0/images/index/tab_news02.jpg) no-repeat 0 -30px;}
#tab li.tab03 { background: url(/Portals/0/images/index/tab_news03.jpg) no-repeat 0 -30px;}
#tab li.tab04 { background: url(/Portals/0/images/index/tab_news04.jpg) no-repeat 0 -30px;}
#tab li.tab05 { background: url(/Portals/0/images/index/tab_news05.jpg) no-repeat 0 -30px;}
#tab li:hover { background-position: 0 0;}

#tab li.select { background-position: 0 0 !important;}

.disnon { display: none;}
.content_wrap { clear: left; width: 750px; background: #fff;}

/*編集ナビ*/
#ContentBottomPane { border-right: none !important; border-left: none !important;}

/*IE ハイコントラスト用の修正　2018/04/23---------------------------*/
@media all and (-ms-high-contrast:active) {
	#tab li.tab01 { background: url(/Portals/0/images/index/tab_news01.jpg) no-repeat 0 -30px;}
	#tab li.tab02 { background: url(/Portals/0/images/index/tab_news02.jpg) no-repeat 0 -30px;}
	#tab li.tab03 { background: url(/Portals/0/images/index/tab_news03.jpg) no-repeat 0 -30px;}
	#tab li.tab04 { background: url(/Portals/0/images/index/tab_news04.jpg) no-repeat 0 -30px;}
	#tab li.tab05 { background: url(/Portals/0/images/index/tab_news05.jpg) no-repeat 0 -30px;}
	#tab li:hover { background-position: 0 0;}
}

/*英語-----------------------------*/
div#skinIndex_en #tab li.tab01 { background: url(/Portals/0/images_en/index/tab_news01.jpg) no-repeat 0 -30px; margin-left:0; width: 182px;}
div#skinIndex_en #tab li.tab02 { background: url(/Portals/0/images_en/index/tab_news02.jpg) no-repeat 0 -30px; width: 182px;}
div#skinIndex_en #tab li.tab03 { background: url(/Portals/0/images_en/index/tab_news03.jpg) no-repeat 0 -30px; width: 176px;}
div#skinIndex_en #tab li.tab04 { background: url(/Portals/0/images_en/index/tab_news04.jpg) no-repeat 0 -30px; width: 180px;}
div#skinIndex_en #tab li:hover { background-position: 0 0;}

/*IE ハイコントラスト用の修正　2018/04/23---------------------------*/
@media all and (-ms-high-contrast:active) {
	div#skinIndex_en #tab li.tab01 { background: url(/Portals/0/images_en/index/tab_news01.jpg) no-repeat 0 -30px;}
	div#skinIndex_en #tab li.tab02 { background: url(/Portals/0/images_en/index/tab_news02.jpg) no-repeat 0 -30px;}
	div#skinIndex_en #tab li.tab03 { background: url(/Portals/0/images_en/index/tab_news03.jpg) no-repeat 0 -30px;}
	div#skinIndex_en #tab li.tab04 { background: url(/Portals/0/images_en/index/tab_news04.jpg) no-repeat 0 -30px;}
	div#skinIndex_en #tab li:hover { background-position: 0 0;}
}

/*========================================================
 PagetitlePane
 ========================================================*/
#PagetitlePane h1 { font-size: 231%; font-weight: normal; padding:15px 0 10px 10px; margin-bottom:20px; background: url(/Portals/0/images/common/bg_h1.jpg) bottom repeat-x;}


/*========================================================
 news-list-for-Index
 ========================================================*/
#skinIndex div.ContentBottomPane { position: relative;}
 
.newsListIndex { position:relative; padding:30px 15px 15px;}
.newsListIndex.newest .newsBackLink{position:absolute;top:12px; right:25px; padding:0;}
.newsListIndex.newest .newsBackLink a,
.newsListIndex.newest .newsBackLink a:link,
.newsListIndex.newest .newsBackLink a:visited{background: url(/Portals/0/images/common/arrow_red.png) no-repeat 0 5px ; font-size:93%; color: #333; padding-left:10px; text-decoration:none; }
.newsListIndex.newest .newsBackLink a:hover { text-decoration: underline;}
.newsListIndex.newest .newsBackLink a:first-child { margin-right: 20px;}
p.newsTitle a,
div.newsTitle a { color: #333; text-decoration: none;}
p.newsTitle a:hover,
div.newsTitle a:hover { text-decoration: underline;}

#skin2Columns .newsListIndex,
#skin1Column  .newsListIndex { padding-top:0;}

/*========================================================
 news-list
========================================================*/
.newsList ul{margin:0;padding:0;list-style-type:none;}
.newsList li{clear:both;margin:0;padding:7px 0;list-style-type:none;border-bottom:1px dotted #cccccc;}
.newsList li:last-child { border-bottom: none; padding-bottom:0;}
/* clearfix */
.newsList li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.newsList li{display:inline-block;}
* html .newsList li{height:1%;}
.newsList li{display:block;}
/* clearfixEND */
.newsList .newsDate{margin:0;padding:0;width:75px;float:left;font-size:93%;color:#999; color:#a85057;}
.newsList .newsTitle{margin:0;padding:0;width:614px;float:right;}
#skin2Columns_en .newsList .newsTitle ,
#skin1Column_en .newsList .newsTitle ,
#skin2Columns .newsList .newsTitle ,
#skin1Column .newsList .newsTitle { width: 820px;}
.newsList .newsCategoryname{font-size:93%;width:50px;margin:0;padding:0 5px;text-align:center;background:#999;color:#fff;float:left;}

/*========================================================
 news-detail
========================================================*/
.newsDetail .newsDate{margin:0;padding:20px 0 0 0;}
.newsDetail .newsDate img{margin:0 15px 0 0;font-size:93%;color:#999; vertical-align:middle;}
.newsDetail .newsTitle{clear:both;margin:0 0 20px 0;padding:7px 0 10px 0;border-bottom:1px solid #999;font-size:124%;font-weight:bold;}
.newsDetail .newsBackLink{margin:20px 0 0 0;padding:10px 0 0 0;text-align:right;border-top:1px dotted #999;}
.newsDetail .newsBackLink a { padding-left: 10px;background: url("/Portals/0/images/common/arrow_red.png") no-repeat 0 5px;}
.newsDetail .newsCategoryname{font-size:93%;width:50px;margin:20px 0 0 0;padding:0 5px;text-align:center;background:#999;color:#fff;float:right;}

#skin2Columns .newsDate,
#skin1Column .newsDate { padding-top:0;}

/*ニュース詳細--------------------------------*/
div.newsDetail h2 {margin:0 0 20px; padding:10px 0 10px 5px;font-size:154%; font-weight: normal;background:url(/Portals/0/images/common/bg_h3.gif) repeat-x 0 bottom; border: none;}
div.newsDetail h3 {margin:20px 0 10px 0; padding:5px; font-size:126%; font-weight: normal; line-height: 110%; border-bottom:1px solid #ccc; background: none;}

/* ---------------------------------------------------------
 ページング
--------------------------------------------------------- */
table.search_no { margin: 0 auto;}
table.search_no td { padding: 20px;}
table.search_no td span,
table.search_no td a { border: 1px solid #CCCCCC; margin: 0 2px;padding: 5px;}
table.search_no td span { color: #333; background: #eee;}
table.search_no td a { color: #333333; text-decoration: none;}
table.search_no td a:hover { background:#ffc6cb;}


/* ---------------------------------------------------------
 inquiryform
--------------------------------------------------------- */
.MailForm{width:100%; margin:5px 0 10px 0; border:#dbdbdb solid 1px;}
.MailForm .FieldTitle{width:200px; background:#f3f3f3;padding:10px 15px;border-right:#dbdbdb solid 1px;border-top:none;border-left:none;border-bottom:#dbdbdb solid 1px;}
.MailForm .FieldValue{padding:10px 15px 10px 15px;color:#000000; border-top:none; border-bottom:#dbdbdb dotted 1px;border-left:none;}
.MailForm .FieldTitle .NormalBold{color:#000000;font-weight:normal;}
.MailForm .NormalRed{/*font-weight:normal;*/color:#cf0010;padding-left:0.5em;}
.MailForm .FieldTitle,
.MailForm .FieldTitle .NormalBold{ font-size:95%;}
#dnn_ctr401_ViewMailForm_cmdConfirm{margin-left:250px;}
#c-pchelp-inqarea{margin:40px auto 0 auto; width:580px;}

.NormalRed{color:#cf0010;}


/* ---------------------------------------------------------
 43.html研究成果記事一覧
--------------------------------------------------------- */
/*検索フォーム*/
div.productSearch{ padding:10px 20px; background: #f3f3f3; border: solid 5px #e2e2e2; margin:0 15px 30px;}
div.productSearch > div { height: auto; border-bottom:1px solid #CCC; border-top:1px solid #FFF; padding-top:10px; padding-bottom:10px;}
div.productSearch > div:first-child { border-top:none;}
div.productSearch > div:last-child { border-bottom:none;}
div.productSearch span { display: inline-block; font-size:116%; width:100px;}
div.productSearch div.searchKeyword + span{width:80px;}
div.productSearch.en  span{width:170px;}
div.productSearch img { vertical-align: bottom; margin-left:3px;}
div.productSearch select { width: 300px;}
div.productSearch select option{ color: #000; background-color: #fff;}
div.productSearch select,
div.productSearch input { padding: 5px;} 
div.productSearch div p { padding-bottom:0;}
div.productSearch div.searchKeyword { display: inline-block;}
div.productSearch p.productSearchButton {padding:10px 0 0 0; border-top: solid 1px #FFF;text-align:center;}
div.productSearch p.productSearchButton input{width:250px;}

/*20150401 修正*/
.productSearch > div > span {width: 150px;}
div.productSearch div.searchKeyword input {width: 185px; display: inline-block;}

/*記事一覧--------------------------------*/
div.DNN_ANN_DesignTable > h2 { margin: 0;}
div.DNN_ANN_DesignTable > h2 + table.search_no { margin:0;}
div.DNN_ANN_DesignTable > h2 + table.search_no td { padding:0;}
div.DNN_ANN_DesignTable > h2 + table.search_no td  p { padding:0;}

div.DNN_ANN_DesignTable > div { border-bottom: solid 1px #CCC; padding: 10px 0;}

div.reportList { word-wrap: break-word;}
div.reportList .reportListL {float:left;width:750px;}
div.reportList .reportListL p.title { font-size:124%; padding:0;}
div.reportList .reportListL p.title a { text-decoration: none; color: #333;}
div.reportList .reportListL p.title a:hover { text-decoration: underline;}
div.reportList .reportListL p.subtitle { color:#A85057; padding:0;}
div.reportList .reportListR {float:right;width:180px;text-align:right;}
/* clearfix */
div.reportList .reportListR:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.reportList .reportListR{display:inline-block;}
div.reportList .reportListR{height:1%;}
div.reportList .reportListR{display:block;}
/* clearfixEND */
div.reportList .reportListR p.date { padding:0;margin-bottom:5px;}
div.reportList .reportListR p.image{ padding:0; text-align: center; float:right; width: 60px;}
div.reportList .reportListR p.image img { max-width: 60px;}
div.reportList div.fieldList {clear:both;}
div.reportList div.fieldList table{padding-top:5px;margin-left:-10px;}
div.reportList div.fieldList table td img{padding-left:10px;}

div.ProductListNoSearchData{font-size:131%;margin:10px 0 50px 0;padding-left:23px;}

/*記事詳細--------------------------------*/
div.reportDetail { word-wrap: break-word;}
div.reportDetail > div { border-bottom: none; padding: 0;}
div.reportDetail p.date {padding:0;}
div.reportDetail h1.title {background: url("/Portals/0/images/common/bg_h2.gif") repeat-x bottom;font-size:192%;font-weight: normal;margin: 0 0 10px; padding: 10px 0 0 5px; line-height:34px;} 
div.reportDetail p.subtitle { font-size:124%;}
div.reportDetail h2 {margin:0 0 20px;padding:10px 0 10px 5px;font-size:154%; font-weight: normal;background:url(/Portals/0/images/common/bg_h3.gif) repeat-x 0 bottom; border: none;}

div.reportDetail h3 + ul { margin-left: 10px;}
div.reportDetail h3 + ul li{ background: url(/Portals/0/images/common/ico_cercle.gif) no-repeat 0 5px; padding-left:18px; list-style: none;}

/*お問い合わせボタン*/
a.btnContact { display: block; text-indent:-9999em; overflow: hidden;background: url("/Portals/0/images/common/btn_contactform.jpg") no-repeat; width: 222px; height: 50px; margin-top:20px;}
a.btnContact:hover { background-position: 0 -50px;}

/* ===========================================================
 フォーム
=========================================================== */
/*お問い合わせフォーム---------------------------*/
table.MailForm {
    border: 3px solid #E2E2E2;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
}
table.MailForm th, .table.MailForm td {
    border-bottom: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    padding: 8px;
}
table.MailForm th {
    background: none repeat scroll 0 0 #F3F3F3;
}
table.MailForm input,
table.MailForm textarea { padding: 5px;}

/*送信ボタン*/
div.MailForm + div,
table.MailForm + div { padding: 20px 0 0 0 !important;}

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

table.MailForm + div span { /margin-top:12px; /display: block;}

table.MailForm fieldset{margin:0;padding:0;border:0;}
/*
input#dnn_ctr31_ViewMailForm_cmdConfirm { /display: block; /float: left; text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images/common/btn_send.jpg) no-repeat; height: 50px; width: 222px;}
input#dnn_ctr31_ViewMailForm_cmdConfirm:hover {background-position: 0 -50px;} 

input#dnn_ctr31_ViewMailForm_cmdSend {text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images/common/btn_send.jpg) no-repeat; height: 50px; width: 222px;}
input#dnn_ctr31_ViewMailForm_cmdSend:hover {background-position: 0 -50px;}

input#dnn_ctr31_ViewMailForm_cmdReturn{ /display: block; /float: left;text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images/common/btn_back.jpg) no-repeat; height: 50px; width: 222px;}
input#dnn_ctr31_ViewMailForm_cmdReturn:hover {background-position: 0 -50px;}

div#dnn_ctr31_ViewMailForm_ThanksPanel > input{/display: block; /float: left; text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images/common/btn_back.jpg) no-repeat; height: 50px; width: 222px;}
div#dnn_ctr31_ViewMailForm_ThanksPanel > input:hover {background-position: 0 -50px;}
*/

/* ---------------------------------------------------------
 フォームボタン各種
--------------------------------------------------------- */
/*日本語---------------------------*/
/*確認ボタン*/
input[id*="cmdConfirm"]{ /display: block; /float: left; text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images/common/btn_confirm.jpg) no-repeat; height: 50px; width: 222px;}
input[id*="cmdConfirm"]:hover {background-position: 0 -50px;} 
/*戻るボタン*/
input[id*="cmdReturn"]{ /display: block; /float: left;text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images/common/btn_back.jpg) no-repeat; height: 50px; width: 222px;}
input[id*="cmdReturn"]:hover {background-position: 0 -50px;}
/*送信ボタン*/
input[id*="cmdSend"]{ /display: block; /float: left; text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images/common/btn_send.jpg) no-repeat; height: 50px; width: 222px;}
input[id*="cmdSend"]:hover {background-position: 0 -50px;} 
/*戻るボタン（完了後）*/
div[id*="ThanksPanel"] > input{display: block; /float: left; text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images/common/btn_back.jpg) no-repeat; height: 50px; width: 222px;}
div[id*="ThanksPanel"] > input:hover {background-position: 0 -50px;}

/*IE ハイコントラスト用の修正　2020/02/12---------------------------*/
@media all and (-ms-high-contrast:active) {
/*確認ボタン*/	
input[id*="cmdConfirm"]{ background: url(/Portals/0/images/common/btn_confirm.jpg) no-repeat;}
/*戻るボタン*/
input[id*="cmdReturn"]{ background: url(/Portals/0/images/common/btn_back.jpg) no-repeat;}
/*送信ボタン*/
input[id*="cmdSend"]{ background: url(/Portals/0/images/common/btn_send.jpg) no-repeat;}
/*戻るボタン（完了後）*/
div[id*="ThanksPanel"] > input{background: url(/Portals/0/images/common/btn_back.jpg) no-repeat;}
}

/*英語---------------------------*/
/*確認ボタン*/
.en_formWrap input[id*="cmdConfirm"]{ /display: block; /float: left; text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images_en/common/btn_confirm.jpg) no-repeat; height: 50px; width: 222px;}
.en_formWrap input[id*="cmdConfirm"]:hover {background-position: 0 -50px;} 
/*戻るボタン*/
.en_formWrap input[id*="cmdReturn"]{ /display: block; /float: left;text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images_en/common/btn_return.jpg) no-repeat; height: 50px; width: 222px;}
.en_formWrap input[id*="cmdReturn"]:hover {background-position: 0 -50px;}
/*送信ボタン*/
.en_formWrap input[id*="cmdSend"]{ /display: block; /float: left; text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images_en/common/btn_send.jpg) no-repeat; height: 50px; width: 222px;}
.en_formWrap input[id*="cmdSend"]:hover {background-position: 0 -50px;} 
/*戻るボタン（完了後）*/
.en_formWrap div[id*="ThanksPanel"] > input{display: block; /float: left; text-indent: -9999em; overflow: hidden; cursor: pointer; border:none; background: url(/Portals/0/images_en/common/btn_return.jpg) no-repeat; height: 50px; width: 222px;}
.en_formWrap div[id*="ThanksPanel"] > input:hover {background-position: 0 -50px;}

/*IE ハイコントラスト用の修正　2020/02/12---------------------------*/
@media all and (-ms-high-contrast:active) {
/*確認ボタン*/	
.en_formWrap input[id*="cmdConfirm"]{ background: url(/Portals/0/images_en/common/btn_confirm.jpg) no-repeat;}
/*戻るボタン*/
.en_formWrap input[id*="cmdReturn"]{ background: url(/Portals/0/images_en/common/btn_return.jpg) no-repeat;}
/*送信ボタン*/
.en_formWrap input[id*="cmdSend"]{ background: url(/Portals/0/images_en/common/btn_send.jpg) no-repeat;}
/*戻るボタン（完了後）*/
.en_formWrap div[id*="ThanksPanel"] > input{background: url(/Portals/0/images_en/common/btn_return.jpg) no-repeat;}
}

/*フォーム：サイエンスカフェのタイトル---------------------------*/
.formTitle_SienceCafe{background-color:#fff0df; text-align:center;padding:10px;margin:0 0 10px;}

/*フォーム：カテゴリ表現---------------------------*/
.titleLabel,
.contentsLabel{background-color:#ededed;padding:10px 15px;}




/* ---------------------------------------------------------
 下層：common
--------------------------------------------------------- */
.BoxFull{margin:0;padding:0;}
.BoxFull li{list-style:none;width:710px;margin-bottom:10px;}
.BoxFull li .title{font-weight:normal;font-size:124%;border-top:#dc2f3d 1px solid;background:url(/Portals/0/images/common/bg_BoxFullTitle.gif) no-repeat bottom left;padding:8px 10px 6px 13px;margin:0;}
.BoxFull li .title a{color:#333;background:url(/Portals/0/images/common/arrow_redBig.png) no-repeat 0 4px;padding-left:20px;}
.BoxFull li .text{background:url(/Portals/0/images/common/bg_BoxFullText.gif) no-repeat bottom left;padding:16px 20px 20px 20px;vertical-align:top;}
.BoxFull li .text table td{vertical-align:top;}
.BoxFull li .text table td img{padding-bottom:0;padding-right:10px;}
.BoxFull{position:relative;}
.BoxFull .icon{position:absolute;top:9px;right:5px;}

.BoxHalf{margin:0;padding:0;width:728px;}
.BoxHalf li{display:inline-block;*display: inline; *zoom: 1;vertical-align:top;}
.BoxHalf li{list-style:none;width:344px;padding:0;margin-bottom:20px;margin-right:15px;}
.BoxHalf li .title{font-weight:normal;font-size:124%;border-top:#dc2f3d 1px solid;background:url(/Portals/0/images/common/bg_BoxHalfTitle.gif) no-repeat bottom left;padding:8px 10px 6px 13px;}
/*テキスト折り返しインデント修正　2018/0409---------------------------*/
.BoxHalf li .title a{color:#333;background:url(/Portals/0/images/common/arrow_redBig.png) no-repeat 0 4px;padding-left:20px; display: block;}
/*.BoxHalf li .title a{color:#333;background:url(/Portals/0/images/common/arrow_redBig.png) no-repeat 0 4px;padding-left:20px;}*/
.BoxHalf li .text{background:url(/Portals/0/images/common/bg_BoxHalfText.gif) no-repeat bottom left;padding:10px 15px 15px 15px;vertical-align:top;min-height:60px;}

.BoxHalf1Column{margin:0;padding:0;width:990px;}
.BoxHalf1Column li{display:inline-block;*display: inline; *zoom: 1;vertical-align:top;}
.BoxHalf1Column li{list-style:none;width:470px;padding:0;margin:0 0 20px 0;}
.BoxHalf1Column li .title{font-weight:normal;font-size:124%;border-top:#dc2f3d 1px solid;background:url(/Portals/0/images/common/bg_BoxHalf1ColTitle.gif) no-repeat bottom left;padding:8px 10px 6px 13px;}
/*テキスト折り返しインデント修正　2018/0409---------------------------*/
.BoxHalf1Column li .title a{color:#333;background:url(/Portals/0/images/common/arrow_redBig.png) no-repeat 0 4px;padding-left:20px; display: block;}
/*.BoxHalf1Column li .title a{color:#333;background:url(/Portals/0/images/common/arrow_redBig.png) no-repeat 0 4px;padding-left:20px;}*/
.BoxHalf1Column li .text{background:url(/Portals/0/images/common/bg_BoxHalf1ColText.gif) no-repeat bottom left;padding:10px 15px 15px 15px;vertical-align:top;min-height:40px;}

/*入れ子ul liの修正　2020/0701---------------------------*/
.BoxHalf li .text ul {margin: 0; padding: 0;}
.BoxHalf li ul li { margin: 0; padding: 0 0 0 10px; width: 314px; border: none; background: url(/Portals/0/images/common/arrow_red.png) no-repeat 0 5px;}

/*入れ子ul li背景の修正　2024/10/01---------------------------*/
@media all and (min-width:896px) {
	.BoxHalf1Column.extend{margin:0 auto; width:960px; display:flex; justify-content: space-between; flex-wrap:wrap; gap:15px;}
	.BoxHalf1Column.extend li{box-sizing: content-box; background: url(/Portals/0/images/common/bg_BoxHalf1ColText.gif) no-repeat bottom left; border-top: #dc2f3d 1px solid; }
	.BoxHalf1Column.extend li .title{border-top:none;}
	.BoxHalf1Column.extend li .text{background: none;}
	.BoxHalf1Column.extend li{margin-bottom:5px;}
}

.bookletaBoxList{margin:0;padding:0;width:724px;}
.bookletaBoxList li{display:inline-block;*display: inline; *zoom: 1;vertical-align:top;}
.bookletaBoxList li{list-style:none;background:#f5f5f5;padding:15px;width:317px;height:180px;margin:0 10px 15px 0;}
.bookletaBoxList li > img{float:left;max-height:180px;max-width:130px;}
.bookletaBoxList li .text{float:right;width:160px;}
.bookletaBoxList li .text .btn{padding-bottom:8px;}


/*grayLineBox(お問い合わせ欄など)---------------------------*/
.grayLineBoxWap .grayLineBox{width:305px; min-height:130px; display:inline-block; vertical-align:top; *display:inline; *zoom:1;}
.grayLineBoxWap .grayLineBox:first-child{margin-right:25px;}
.grayLineBox{border:5px #e6e5e5 solid; padding:12px; position:relative;}
.grayLineBox h3{margin:0 0 15px 0; padding:10px 0 10px 10px; font-size:139%!important; font-weight:normal; background:#f3f3f3; border-left:#dc2f3d solid 1px; border-bottom:none;}
.grayLineBox h4{margin-top:0; margin-left:0;}
.grayLineBox p{padding:0;}
.grayLineBox .accessBtn{position: absolute;right:12px; bottom:12px; padding:0;}

/*grayLineBox(お問い合わせ欄など)最初の見出しがh2の場合 2017.8.21追加---------------------------*/
.grayLineBoxWap .grayLineBox_h2{width:305px; min-height:130px; display:inline-block; vertical-align:top; *display:inline; *zoom:1;}
.grayLineBoxWap .grayLineBox_h2:first-child{margin-right:25px;}
.grayLineBox_h2{border:5px #e6e5e5 solid; padding:12px; position:relative;}
.grayLineBox_h2 h2{margin:0 0 15px 0; padding:10px 0 10px 10px; font-size:139%!important; font-weight:normal; background-image:none!important; background:#f3f3f3 !important; border-left:#dc2f3d solid 1px; border-bottom:none;}
.grayLineBox_h2 h3{margin:0 0 10px 0; padding:5px 10px; font-size:100%; font-weight:bold; line-height:110%; background-image:none; border-bottom:1px solid #bbb; border-left:7px solid #ddd;}
.grayLineBox_h2 h4{margin-top:0; margin-left:0;}
.grayLineBox_h2 p{padding:0;}
.grayLineBox_h2 .accessBtn{position:absolute; right:12px; bottom:12px; padding:0;}


/* ---------------------------------------------------------
 出版物　お問合せ用　20170712追加
--------------------------------------------------------- */
.grayLine_infoContact {width:90%; background-color:#ffffff; border:thick solid #e6e5e5; padding:15px 20px; margin:10px auto;}
.grayLine_infoContact h2 {font-size:140%; border-left:1px solid #cf0010; padding:5px 10px; background-color:#f3f3f3 !important; background-image:none !important;}
.grayLine_infoContact h3 {font-size:130%; margin:10px 0 10px 0; padding:0; line-height:1.6em; background-image:none !important;}


.imgCenterBox{margin-bottom:50px;}
.imgCenterBox.single .text{float:left;width:55%;margin-right:4%;}
.imgCenterBox.single .photo{float:left;}
/* clearfix */
.imgCenterBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.imgCenterBox{display:inline-block;}
* html .imgCenterBox{height:1%;}
.imgCenterBox{display:block;}
/* clearfixEND */
.imgCenterBox .double{width:48%;float:left;}
.imgCenterBox .double:first-child{margin-right:2%;}
.imgCenterBox .double div.photo{margin:0 auto;}
.imgCenterBox div.photo{width:260px;text-align:center;}
.imgCenterBox div.photo div.grayFrameImg{border:solid 5px #ccc;width:250px;height:180px;position:relative;}
.imgCenterBox div.photo div.grayFrameImg img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:250px;max-height:180px;}
.imgCenterBox div.photo p{padding:5px 0 0 0;}

.accordion div.title{font-size:154%;padding:10px 100px 10px 35px;min-height:30px;background:url(/Portals/0/images/common/bg_open.jpg) no-repeat left top #f3f3f3;margin-bottom:3px;}
.accordion div.title.ui-accordion-header-active{;background:url(/Portals/0/images/common/bg_close.jpg) no-repeat left top #f3f3f3;}
.accordion div.title:hover{cursor: pointer;}
.accordion div.detail{padding:15px 15px 40px 15px;}
.accordion div.detail h2.titleRed{color:#cf0010;clear:both;margin:0 0 20px;padding:10px 0 10px 5px;font-size:154%; font-weight: normal;background:url(/Portals/0/images/common/bg_h3.gif) repeat-x 0 bottom; border: none;}
.accordion div.detail table.detailBox{border-spacing:0;border-collapse:collapse;word-wrap:break-word;}
.accordion div.detail table.detailBox td{vertical-align:top;}
.accordion div.detail table.detailBox td.Text{width:500px;}
.accordion div.detail table.detailBox td.Img{padding: 0 0 0 30px;width:400px;}
.accordion div.detail table.detailBox td.Img p{padding-bottom:5px;font-size:85%;text-align:center;}
.accordion div.detail table.detailBox td.Img img{max-width:400px;}
.accordionNotdetail div.title{font-size:154%;padding:10px 100px 10px 35px;min-height:30px;background:url(/Portals/0/images/common/bg_open_notdetail.jpg) no-repeat left top #f3f3f3;margin-bottom:3px;}
.accordionNotdetail div.title a{color:#333!important;text-decoration:none!important;}
.accordion.accordion2Columns div.title{font-size:100%;padding:0 0 0 33px;min-height:0;background:url(/Portals/0/images/common/bg_open.jpg) no-repeat -5px -5px #f3f3f3;margin-bottom:3px;height:40px;line-height:40px;font-weight:bold;}
.accordion.accordion2Columns div.title.ui-accordion-header-active{;background:url(/Portals/0/images/common/bg_close.jpg) no-repeat -5px -5px #f3f3f3;}
.accordion.accordion2Columns div.title:hover{cursor: pointer;}
.accordion.accordion2Columns div.detail{padding:10px 0 0 0;}
/* 英語 */
.englishSkin .accordionNotdetail div.title,
.englishSkin .accordion div.title{background:url(/Portals/0/images_en/common/bg_open.jpg) no-repeat left top #f3f3f3;}
.englishSkin .accordion div.title.ui-accordion-header-active{background:url(/Portals/0/images_en/common/bg_close.jpg) no-repeat left top #f3f3f3;}
.englishSkin .accordionNotdetail div.title{background:url(/Portals/0/images/common/bg_open_notdetail.jpg) no-repeat left top #f3f3f3;}
/* chrome-blueline */
.accordion .ui-helper-reset { outline: 0; }

.searchGrayBox{background:#F5F5F5;padding:5px 10px;width:450px;border: solid 2px #ededed;margin-bottom:20px;}
.searchGrayBox p{padding:0;}
.searchGrayBox input{padding:3px;}
.searchGrayBox input.txtKeyword{width:300px;}
.searchGrayBox input.searchBtn{width:50px;}


/* ---------------------------------------------------------
 グリーン・テクノロジー / ライフ・テクノロジー
--------------------------------------------------------- */
#awOnePageButton .view-slide{display: none;}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load{	height: 470px; /* Same as showcase javascript option */	overflow: hidden;}

/* Container when content is shown as one page */
.showcase-onepage{/**/}

/* Container when content is shown in slider */
.showcase{position: relative;margin: auto;}
.showcase-content-container	{background-color: #000;	}
/* Navigation arrows */
.showcase-arrow-previous,
.showcase-arrow-next{	position: absolute;width: 205px;height: 130px;top: 285px;cursor: pointer;background: blue; z-index:100;}
.showcase-arrow-previous{left: -20px; background: url(/Portals/0/images/technology/arrow_green.png) no-repeat;}
.showcase-arrow-next{right: -20px; background: url(/Portals/0/images/technology/arrow_life.png) no-repeat;}
.showcase-arrow-previous:hover { background: url(/Portals/0/images/technology/arrow_green_on.png) no-repeat;}
.showcase-arrow-next:hover{ background: url(/Portals/0/images/technology/arrow_life_on.png) no-repeat;}
	
/* Content */
.showcase-content{background-color: #fff;text-align: center;}
.showcase-content-wrapper{text-align: center;height: 698px;	width: 920px;display: table-cell;vertical-align: middle;}
/* Styling the tooltips */
.showcase-plus-anchor{background-image: url(/Portals/0/images/technology/plus.png);background-image: url(/Portals/0/images/technology/plus.gif)\9;background-repeat: no-repeat;}
.showcase-plus-anchor:hover	{background-position: 0 -36px;}
div.showcase-tooltip{color: #000;text-align: left;padding: 5px 8px 14px 8px;background-image: url(/Portals/0/images/technology/blow.png);background-position: left bottom;}
div.showcase-tooltip-down{color: #000;text-align: left;padding: 15px 8px 5px 8px;background-image: url(/Portals/0/images/technology/blow_top.png);background-position: left top;}
div.showcase-tooltip-right{color: #000;text-align: left;padding: 5px 8px 5px 18px;background-image: url(/Portals/0/images/technology/blow_left.png);background-position: left top;}
/* Styling the caption */
.showcase-caption{color: #000;padding: 8px 15px;text-align: left;position: absolute;bottom: 10px; left: 10px; right: 10px;display: none;background-image: url(../images/white-opacity-80.png);}
.showcase-onepage .showcase-content{margin-bottom: 10px;}
/* 下の不要ナビ */
.showcase-button-wrapper{display:none; clear: both;margin-top: 10px;text-align: center;}
.showcase-button-wrapper span{margin-right: 3px;padding: 2px 5px 0px 5px;cursor: pointer;font-size: 93%;color: #444444;}
.showcase-button-wrapper span.active{color: #444;}
/* Thumbnails */
.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */{background-color: #000;}
.showcase-thumbnail-wrapper{overflow: hidden;}
.showcase-thumbnail	{width: 120px;height: 90px;	cursor: pointer;border: solid 1px #333;	position: relative;}
.showcase-thumbnail-caption	{position: absolute;bottom: 2px;padding-left: 10px;	padding-bottom: 5px;}
.showcase-thumbnail-content{padding: 10px;text-align: center;padding-top: 25px;}
.showcase-thumbnail-cover{background-image: url(../images/black-opacity-40.png);position: absolute;top: 0; bottom: 0; left: 0; right: 0;}
.showcase-thumbnail:hover{border: solid 1px #999;}
.showcase-thumbnail:hover .showcase-thumbnail-cover	{display: none;}
.showcase-thumbnail.active{	border: solid 1px #999;}		
.showcase-thumbnail.active .showcase-thumbnail-cover{display: none;}
.showcase-thumbnail-wrapper-horizontal{	padding: 10px;}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail{	margin-right: 10px;	width: 116px;}
.showcase-thumbnail-wrapper-vertical{padding: 10px;}	
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail{margin-bottom: 10px;}
.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward{	padding: 7px;cursor: pointer;}
.showcase-thumbnail-button-backward	{padding-bottom: 0px;padding-right: 0px;}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal{	background-image: url(../images/arrows-small.png);background-repeat: no-repeat;display: block;width: 17px;height: 17px;}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical{background-position: 0 -51px;margin-left: 55px;}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical{	background-position: -17px -51px;}
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical	{background-position: 0 -34px;margin-left: 55px;}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical{background-position: -17px -34px;}
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal{	background-position: 0 -17px;margin-top: 40px;margin-bottom: 40px;}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal{background-position: -17px -17px;}
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal{background-position: 0 0;	margin-top: 40px;margin-bottom: 40px;}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal	{background-position: -17px 0;}		
/* Hide button text */
.showcase-thumbnail-button-forward span span,
.showcase-thumbnail-button-backward span span{display: none;}




/* ---------------------------------------------------------
 研究成果（分野別）
--------------------------------------------------------- */
h3.environment,
h3.lifescience,
h3.information,
h3.nanotech,
h3.metrology,
h3.geology{margin-bottom:20px;height:46px;line-height:46px;padding:0 0 0 50px;font-size:147%;}
h3.environment{background:url(/Portals/0/images/common/bg_subtitle-environment.jpg) no-repeat left top;}
h3.lifescience{background:url(/Portals/0/images/common/bg_subtitle-lifescience.jpg) no-repeat left top;}
h3.information{background:url(/Portals/0/images/common/bg_subtitle-information.jpg) no-repeat left top;}
h3.nanotech{background:url(/Portals/0/images/common/bg_subtitle-nanotech.jpg) no-repeat left top;}
h3.metrology{background:url(/Portals/0/images/common/bg_subtitle-metrology.jpg) no-repeat left top;}
h3.geology{background:url(/Portals/0/images/common/bg_subtitle-geology.jpg) no-repeat left top;}
table.openlabBox{margin-bottom:20px;}
table.openlabBox td{width:345px;padding:0;vertical-align:top;}
table.openlabBox td:first-child{padding-right:20px;}
table.openlabBox td .photo{text-align:center;height:137px;}
table.openlabBox td .text{padding:20px 10px 0 10px;}
table.openlabBox td .text h4{border:none;margin:0 0 5px 0;padding:0;font-weight:normal;color:#808080;}
table.openlabBox td .text p{padding:0;}


/* ---------------------------------------------------------
 研究部門（分野別）
--------------------------------------------------------- */
h2.environment,
h2.lifescience,
h2.information,
h2.nanotech,
h2.metrology,
h2.geology{margin-bottom:20px;height:50px;line-height:50px;padding:0 0 0 50px;font-size:154%;}
h2.environment{background:url(/Portals/0/images/common/bg_title-environment.jpg) no-repeat left top;}
h2.lifescience{background:url(/Portals/0/images/common/bg_title-lifescience.jpg) no-repeat left top;}
h2.information{background:url(/Portals/0/images/common/bg_title-information.jpg) no-repeat left top;}
h2.nanotech{background:url(/Portals/0/images/common/bg_title-nanotech.jpg) no-repeat left top;}
h2.metrology{background:url(/Portals/0/images/common/bg_title-metrology.jpg) no-repeat left top;}
h2.geology{background:url(/Portals/0/images/common/bg_title-geology.jpg) no-repeat left top;}


/* ---------------------------------------------------------
 採用情報
--------------------------------------------------------- */
.newsList .humanresNews{margin:0 10px;}
.newsList .humanresNews .newsTitle{width:600px!important;}
.bannerList{margin:0;padding:0;width:724px;}
.bannerList li{display:inline-block;*display: inline; *zoom: 1;vertical-align:top;}
.bannerList li{list-style:none;margin:0;padding:0;margin-right:10px;margin:0 10px 15px 0;}


/* ---------------------------------------------------------
 イノベーションコーディネータご紹介【地域】
--------------------------------------------------------- */
.anchorLink{margin:0 0 10px 0;padding-bottom:0;text-align:right;}
.anchorLink li {display:inline-block;vertical-align:top;*display: inline; *zoom: 1;}
.anchorLink li {margin:0 0 0 10px;list-style:none;color:#cf0010;font-size:124%;}
.anchorLink li a{color:#333;}
/* clearfix */
h2.inlineBtn:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.h2.inlineBtn{display:inline-block;}
* html h2.inlineBtn{height:1%;}
h2.inlineBtn{display:block;}
/* clearfixEND */
h2.inlineBtn span{float:right;padding:10px 10px 0 0;}
.coordinatorProfile{margin-bottom:40px;width:100%;}
.coordinatorProfile td{vertical-align:top;}
.coordinatorProfile td h3{padding-top:0;}
.coordinatorProfile td h4{margin-top:0;}
.coordinatorProfile td:first-child{width:140px;text-align:center;padding-right:10px;}
.coordinatorProfile td img{width:112px;}
/* clearfix */
.coordinatorProfile .divideBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.coordinatorProfile .divideBox{display:inline-block;}
* html .coordinatorProfile .divideBox{height:1%;}
.coordinatorProfile .divideBox{display:block;}
/* clearfixEND */
.coordinatorProfile .divideBox .leftSide{float:left;width:45%;}
.coordinatorProfile .divideBox .rightSide{float:right;width:52%;}
.coordinatorProfile .divideBox .listIcon{padding-top:0;}
/* 標準化人材情報Directory */
.coordinatorProfile td h4.standirectory {margin-bottom: 2em; font-weight: normal;}
.coordinatorProfile td h4.standirectory a {color: #333 !important; text-decoration: none !important;}
.coordinatorProfile td h4.standirectory a:hover {color: #052659 !important; text-decoration: underline !important;}
.coordinatorProfile td h4.standirectory sup {color: #ba2636; font-weight: bold;}
.coordinatorProfile td h4.standirectory span {background: url(/Portals/0/images/common/ico_cercle.gif) no-repeat 0 5px; padding-left: 18px; margin-left: 1em;}
.annotation_link p {text-indent: -0.6em; padding-left: 0.6em;}
.annotation_link p span {color: #ba2636; font-weight: bold;}
.annotation_link p a {padding: 0 0 0 17px; background: url(/Portals/0/images/common/icon41.png) no-repeat left center / 7px auto;}
.annotation_link {padding: 18px;}
.spView .annotation_link {padding:0 0 10px;}
/* 標準化人材情報DirectoryEND */

/* プレスアンカー調整 */
.spView #StanDirectoryNo:before {content: ""; display: block; height: 147px; margin-top: -147px; visibility: hidden;}
/* プレスアンカー調整END */


/* ---------------------------------------------------------
 研究分野：環境・エネルギー
--------------------------------------------------------- */
h1.fieldTitle{background:none!important;padding:0!important;}
h3.fieldTitle{background:none;border-left:1px solid #cf0010;padding:5px 10px;}
/* clearfix */
.fieldBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fieldBox{display:inline-block;}
* html .fieldBox{height:1%;}
.fieldBox{display:block;}
/* clearfixEND */
.fieldBoxL{float:left;width:690px;}
.fieldBoxR{float:right;width:200px;background:#f3f3f3;padding:15px;}
.fieldBoxR h3{font-size:124%;margin:0 0 5px 0;padding:2px 0 0 10px;}
.SANSOKEN_List{margin:0;padding:0;}
.SANSOKEN_List li{display:inline-block;*display: inline; *zoom: 1;vertical-align:top;}
.SANSOKEN_List li{list-style:none;width:160px;min-height:190px;border-right:1px #ccc dotted;border-bottom:1px #ccc dotted;text-align:center;font-size:93%;line-height:1.4;padding:10px 10px 10px 0;margin:0 8px 10px;}
.SANSOKEN_List li .img {width:160px;height:130px;position:relative;}
.SANSOKEN_List li .img img{border: 1px solid #C3C3C3;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:130px;max-width:160px;}
.SANSOKEN_List li .text{margin-top:10px;}


/* ---------------------------------------------------------
 フェロー研究員
--------------------------------------------------------- */
.fellowProfile{margin-bottom:40px;}
.fellowProfile h3{padding-top:0;margin:0 0 10px 0;}
.fellowProfile h4{margin-top:0;}
.fellowProfile > table{width:100%;}
.fellowProfile > table td{vertical-align:top;}
.fellowProfile > table td:first-child{width:160px;text-align:center;padding-right:10px;}
.fellowProfile > table td img{max-width:150px;}
.fellowProfile > table td ul.history{margin:0 0 15px 10px;padding:0;}
.fellowProfile > table td ul.history li{list-style:none;padding:3px 0;border-bottom: 1px dotted #cccccc;}
.fellowProfile .listTable td:first-child{width:50px;}


/* ---------------------------------------------------------
 交通アクセス
--------------------------------------------------------- */
.adressTable{margin:0 0 30px 0;border-collapse:separate;border-spacing:1px; width:100%;}
.adressTable th{ background:#666;color:#fff;}
.adressTable th,
.adressTable td{border-bottom:1px dotted #ccc;padding:8px;}
.adressTable td.third { padding-left:10px !important; border-left:10px solid #fff !important;}
.adressTable tr.bar td{ background:#f5eded;}
.adressTable tr.bar td:first-child{border-left:1px solid #cc0000;color:#cc0000;}
.adressTable caption {text-align:left; font-size:150%;padding-left:5px;}

/* つくばセンター／つくば中央 ---------------------------------*/
.guidemapGrayLink {background:#f3f3f3;text-align:right;padding:10px 0;margin:0 0 20px 0;}
/* つくば中央 ---------------------------------*/
.guidemapAnchorLink{margin:0 0 20px 0;padding:0;}
.guidemapAnchorLink li {display:inline-block;vertical-align:top;*display: inline; *zoom: 1;}
.guidemapAnchorLink li {margin:0; padding:0; list-style: none;border:none; padding-left:3px;}
h3#guidemapAnchorTrain,
h3#guidemapAnchorBus,
h3#guidemapAnchorCar{margin:30px 0 20px 0;}
h3#guidemapAnchorTrain span{background:url(/Portals/0/images/guidemap/ico_train.gif) no-repeat left center;padding-left:35px;display: inline-block;height: 37px;line-height: 37px;}
h3#guidemapAnchorBus span{background:url(/Portals/0/images/guidemap/ico_bus.gif) no-repeat left center;padding-left:40px;display: inline-block;height: 33px;line-height: 33px;}
h3#guidemapAnchorCar span{background:url(/Portals/0/images/guidemap/ico_car.gif) no-repeat left center;padding-left:40px;display: inline-block;height: 28px;line-height: 28px;}
h4.RedLineLeftTitle {border:none;font-weight:normal;font-size:131%;border-left:1px #cf0010 solid;padding:5px 10px;margin:10px 0;}


/* ---------------------------------------------------------
 こんなところに産総研
--------------------------------------------------------- */

/* index */
.aistinfoStory{padding:20px 0;background:url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 top;}
.aistinfoStory:before,
.aistinfoStory:after {content:"";display:table;}
.aistinfoStory:after {clear:both;}

.aistinfoStory .storyTxt{padding:0 0 0 20px;width:430px;}
.aistinfoStory .storyTxt a{margin:0 0 10px -20px;padding:10px 0 10px 65px;line-height:1.2;font-size:154%;background:url(/Portals/0/images/aistinfo/story/ico_01.jpg) no-repeat left center;display:block;}
.aistinfoStory .storyTxt span{font-size:270%;line-height:1.2;}

.aistinfoStory .storyTxt.leftBox{float:left;}
.aistinfoStory .storyTxt.leftBox + .storyPic{text-align:right;}

.aistinfoStory .storyTxt.rightBox{float:right;}
.aistinfoStory .storyTxt.rightBox + .storyPic{text-align:left;}


.prevNext{margin:0 0 20px;font-size:139%;}
.prevNext:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.prevNext{display:inline-block;}
* html .prevNext{height:1%;}
.prevNext{display:block;}

.prevNext a{line-height:1.0;text-decoration:none !important;color:#333 !important;display:table-cell;vertical-align:middle;}
.prevNext a:hover{text-decoration:underline !important;}
.prevNext .prevBtn{padding:15px;width:45%;float:left;border:3px solid #e0e0e0;display:table;}
.prevNext .prevBtn a{padding:0 0 0 85px;background:url(/Portals/0/images/aistinfo/story/btn_prev.gif) no-repeat left center;display:table-cell;vertical-align:middle;}
.prevNext .nextBtn{padding:15px;width:45%;float:right;border:3px solid #e0e0e0;display:table;}
.prevNext .nextBtn a{padding:0 85px 0 0;background:url(/Portals/0/images/aistinfo/story/btn_next.gif) no-repeat right center;display:table-cell;vertical-align:middle;}
.prevNext .noBtn{padding:15px;width:45%;float:right;border:3px solid #e0e0e0;display:table;}
.prevNext .noBtn span{display:table-cell;vertical-align:middle;}




.storyBox {background-color:#f3f3f3;width:100%;padding-bottom:10px;}
.storyBox h3{background:none;text-align:center;padding:50px 0 30px 0;margin:0;}
.storyBox .imagination{margin:0;padding: 0 0 10px 0;text-align:center;height:220px;}
.storyBox .imagination li{display:inline-block;*display: inline; *zoom: 1;vertical-align:top;}
.storyBox .imagination li{list-style:none;padding: 0 5px 50px 5px;}
.storyBox .imagination li img{width:200px;}
.storyBox h4{border:none;margin:0;padding:0;text-align:center;background:#666;}
.storyBox .crossmark{padding: 0;font-size: 400%;line-height: 200px;}/* <-font-sizeを50pxから400%に修正 2016.11.15*/
.carouselBox {position:relative;width:940px;margin:0 auto;}
.carouselBox .carousel{ margin:0 auto; padding:10px 0; z-index:1; height:100px; width:900px!important;}
.carouselBox .carousel ul li{ margin:0 5px;}
.carouselBox .carousel ul li a{display:block;}
.carouselBox .carouselBtn{ position:absolute; top:50%; left:0; z-index:1; width:100%; margin:-20px 0 0 0;}
.carouselBox .carouselBtn p{ margin:0; padding:0; cursor:pointer;}
.carouselBox .carouselBtn p.prev{ float:left;}
.carouselBox .carouselBtn p.next{ float:right;}




/* ---------------------------------------------------------
 組織
--------------------------------------------------------- */
table#organization {margin:0 auto;padding:0;border-collapse:collapse;border:0px;margin-bottom:40px;}
table#organization h2{background:none;margin:0;padding:10px 0;font-size:124%;}
table#organization h3{background:none;margin:0;padding:0 0 10px 0;font-size:100%;}
table#organization tr.lineheight {line-height: 1;}
table#organization td.glayline {text-align:center;border:3px #ccc solid;}
table#organization td.left_soild {border-left:3px #ccc solid;}
table#organization td.corner_soild {border-left:3px #ccc solid;border-bottom:3px #ccc solid;}
table#organization td.bottom_soild {border-bottom:3px #ccc solid;}
table#organization td ul{margin:0;padding:0;}
table#organization td ul li{list-style:none;}
table#organization td ul li span{padding-right:5px;}
table#organization td ul li a{color:#333;}

table#organization td ul.rc_institute{margin-bottom: 10px;margin-left: 20px;}
table#organization td ul.rc_center{margin-left: 20px;}

table#organization div{background:#fff;margin:0 0 10px 0;padding:10px;border-left:2px solid #999;}
table#organization div#environment{border-left:2px solid #c4d82e;}
table#organization div#lifescience{border-left:2px solid #6e4f83;}
table#organization div#information{border-left:2px solid #65aadd;}
table#organization div#nanotech{border-left:2px solid #009b63;}
table#organization div#metrology{border-left:2px solid #dd6540;}
table#organization div#geology{border-left:2px solid #fac03d;}

table#organization div#ene_env{border-left:2px solid #AACD03;}
table#organization div#life_bio{border-left:2px solid #E684AD;}
table#organization div#info_human{border-left:2px solid #51B5A7;}
table#organization div#met_che{border-left:2px solid #B18AB1;}
table#organization div#ele_manu{border-left:2px solid #65A9DD;}
table#organization div#gsj{border-left:2px solid #BE8A43;}
table#organization div#nmij{border-left:2px solid #F6AC18;}




/* ===========================================================
 出版物
=========================================================== */
.bookletaBoxList02 { margin: 0; padding: 0; width: 724px;}
.bookletaBoxList02 li {background: none repeat scroll 0 0 #F5F5F5;height: 141px;list-style:none;margin: 0 10px 15px 0;padding: 15px;width: 317px; display: inline-block; vertical-align: top;}
.bookletaBoxList02 li .text { width:190px; float:right;}
.bookletaBoxList02 li .text p:first-child { font-size:120%; padding-bottom:10px;}
.bookletaBoxList02 li .text .btn { padding-bottom: 8px;}

/* 追加（2016.2.25） */
.bookletaBoxList02_1 { margin: 0; padding: 0; width: 724px;}
.bookletaBoxList02_1 li {background: none repeat scroll 0 0 #F5F5F5;height: 180px;list-style:none;margin: 0 10px 15px 0;padding: 15px;width: 317px; display: inline-block; vertical-align: top;}
.bookletaBoxList02_1 li .text { width:190px; float:right;}
.bookletaBoxList02_1 li .text p:first-child { font-size:120%; padding-bottom:10px;}
.bookletaBoxList02_1 li .text .btn { padding-bottom: 8px;}

/* 追加（2019.5.9）LINK用に目次を付記できるクラスを追加 */
.bookletaBoxList02_2 { margin: 0; padding: 0; width: 724px;}
.bookletaBoxList02_2 li.book {background: none repeat scroll 0 0 #F5F5F5;height: 340px;list-style:none;margin: 0 10px 15px 0;padding: 14px;width: 317px; display: inline-block; vertical-align: top;}
.bookletaBoxList02_2 li.book .text { width:190px; float:right;}
.bookletaBoxList02_2 li.book .text p:first-child { font-size:120%; padding-bottom:10px;}
.bookletaBoxList02_2 li.book .btn p{padding-bottom: 5px;}
.bookletaBoxList02_2 li.book .index {clear:both;}

/* 追加（2019.5.10）リスト画像追加 */
ul.bookletaBoxList02_2 li.book ul li {list-style-type:none; background-image:url("/Portals/0/images/common/bg_snav02.png"); background-repeat:no-repeat; background-position:left 9px; padding-left: 10px;}

/* ===========================================================
出版物 産総研TODAY
=========================================================== */
div.publicationIndexList { padding:20px 0; border-top: solid 1px #CCC;border-bottom: solid 1px #CCC;}
div.publicationIndexList div.boxL { float: left; width: 170px;}
div.publicationIndexList div.boxR{ float: right; width: 530px;}

/* ===========================================================
産総研 TODAY  一覧
=========================================================== */
.bookletaBoxList03 { margin: 0; padding: 0; width: 975px;}
.bookletaBoxList03 li {background: none repeat scroll 0 0 #F5F5F5;height: 141px;list-style:none;margin: 0 10px 15px 0;padding: 15px;width: 280px; display: inline-block; vertical-align: top;}
.bookletaBoxList03 li .text { width:165px; float:right;}
.bookletaBoxList03 li .text p { padding-bottom:5px;}
.bookletaBoxList03 li .text p:first-child { font-size:120%;}
.bookletaBoxList03 li p.special { line-height:1.3;}

div.listLinkYear { margin: 10px 0 20px; padding:15px 0 0; border-top: solid 1px #CCC; border-bottom: solid 1px #CCC;}
div.listLinkYear p { padding-bottom:5px;}
div.listLinkYear ul { margin: 0; padding: 0; margin-bottom:15px;}
div.listLinkYear ul li { display:inline-block; padding: 0 7px 0 0; margin: 0 7px 5px 0; border-right: 1px solid #CCC; line-height:1.3;}

/* ===========================================================
見学施設
=========================================================== */
div.grayArea { background: #f3f3f3; padding: 20px;}
div.grayArea p { text-align: center;}

/* ===========================================================
理事長挨拶
=========================================================== */
p.directorName { margin-top:10px; font-weight: bold;}

/* ===========================================================
産総研について > 組織 > 理事・監事・執行役員 [2022.4.19追加]
=========================================================== */
h3.directorFind span { font-size:75%;}

div.directorContent img { float: left; width: 160px;}
div.directorContent table { float: right; width: 510px;}
div.directorContent table tr td:first-child { width: 80px; vertical-align: top;}

ul.directorContent { 
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
ul.directorContent li{
	box-sizing:border-box;
	margin: 10px 40px 50px;
}

ul.directorContent li p,
.pop .photoBox.profile p{
	padding: 0 0 0 5px;
}

ul.directorContent li p:nth-of-type(1),
.pop .photoBox.profile p:nth-of-type(1){
	font-size: 1.4rem;
	padding-top: 12px;
}
ul.directorContent li p:nth-of-type(2),
.pop .photoBox.profile p:nth-of-type(2){
	font-size: 2rem;
}
ul.directorContent li p:nth-of-type(3),
.pop .photoBox.profile p:nth-of-type(3){
	font-size: 1.25rem;
	margin-bottom: 15px;
	padding-left: 0;
}

ul.directorContent li div.profile {
	width: 138px;
	border: 1px solid #ccc;
	list-style: none;
	padding: 0;
}
ul.directorContent li div.profile a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 8px 0 5px;
	font-size: 1.2rem;
	background: url(/Portals/0/images/common/icon41.png) no-repeat left 18px center / 7px auto;
	text-align: center;
}

ul.directorContent li div.profile a:hover {
	opacity: 0.7;
}

/* ===========================================================
 サイエンスカフェ
=========================================================== */
table.cafeT tr th:first-child { width:80px;}
table.cafeT tr th:first-child + th { width: 420px;}
table.cafeT p.alignCenter { padding-bottom:0;}

table.cafeT tr td.yearCell { background:#F3F3F3; font-size:120%; font-weight: bold;}


/* ===========================================================
 サイエンスカフェ:詳細
=========================================================== */
h2.cafeFind span { font-size:70%;}

.field { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding:10px; margin-bottom:20px;}

.field p { float:left; padding-bottom:0;}
.field p:first-child { margin-right: 30px;}
.field p:first-child img { margin-top:-2px;}

/* ===========================================================
 産総研TODY
=========================================================== */
p.LeftBtn { width: 450px; float: left;}
p.RightPdf { width: 500px; float: right; font-size: 90%; text-align: right;}


table.todayT ul.listArrow { margin: 30px 0 0 30px;}
table.todayT ul.listArrow li { display:inline-block; width: 200px;}


/* ===========================================================
 研究カタログ 電子ブック版
=========================================================== */
div.bookNew { padding-bottom:30px; border-bottom: solid 1px #CCC; margin-bottom:40px;}

ul.bookletaBoxListNew { margin: 0; padding: 0; width: 400px; float:left;}
ul.bookletaBoxListNew li { height: 230px; list-style: none; margin: 0 10px 15px 0; padding:0 15px; vertical-align: top;width: 350px;}
ul.bookletaBoxListNew li .text { float: right; width: 160px; text-align:center;}
ul.bookletaBoxListNew li p.title { font-size:125%; margin-top:50px;}
div.bookletaBoxText{float:right;width:550px;}



/* ===========================================================
 報告書類
=========================================================== */
.reportL { width:120px; float:left; margin-bottom:20px;}
.reportR { width:570px; float: right;}

ul.reportList {margin: 0;}
ul.reportList li { list-style: none; padding-bottom:15px; margin-bottom: 15px; border-bottom: dotted 1px #CCC;}
ul.reportList li p.year { font-size: 125%; padding-bottom:5px !important; padding-left:10px !important; background: url("/Portals/0/images/common/arrow_red.png") no-repeat 0 7px;}
ul.reportList li p.attentionRed { padding:5px 0 0;}

ul.reportList li p.anual { font-size: 125%; padding-bottom:5px; } 



/* ===========================================================
 学術ジャーナル Synthesiology（シンセシオロジー） - 構成学
=========================================================== */
div.grayBorder { border: 1px dotted #ccc; padding: 15px 15px 5px;}
div.synthL { width: 230px; float:left;text-align:center;}
div.synthR { width: 458px; float:right;}
p.synthFind { font-size:120%;}

table.synthT th, table.synthT td{ text-align:center;}
table.synthT p.title { margin-bottom:8px; font-size:110%;}

table.synthT td p.btn { padding-bottom:0;}

table.synthT td p.btn { margin-top:8px;}

div.borderB { border-bottom: solid 1px #CCC; margin-bottom:25px; padding-bottom:15px;}


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

.digipdf_BtnIn {float:left; margin:0 auto; padding:0;}

/* ボタン */
.digipdf_Btn {width:240px; height:25px; margin:5px 10px 25px 0; padding:0;}
.digipdf_Btn a {display:block; text-align:center; border:3px solid #ccc; background-color:#eee; color:#333 !important; font-size:90%; font-weight:bold; line-height:25px; text-decoration:underline !important;}
.digipdf_Btn a:hover {border:3px solid #ccc; background-color:#fff; text-decoration:none !important;}



/* ===========================================================
 動画
=========================================================== */
.videoBoxList { margin: 0; padding: 0; width: 724px;}
.videoBoxList li { height: 240px; list-style: none; margin: 0 5px 10px 15px; padding: 5px; width: 300px; display: inline-block; vertical-align: top; }
.videoBoxList li .text { width:300px; text-align:center; padding: 5px 0 5px 0;}

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


/* ===========================================================
 動画 テスト用　－動画左－
=========================================================== */
.videoBoxList02 { margin: 0; padding: 0; width: 975px;}
.videoBoxList02 li { height: 150px; list-style: none; margin: 0 5px 10px 15px; padding: 10px; width: 900px; vertical-align: top; border-bottom:1px solid #ccc; }
.videoBoxList02 li .text { width:620px; float:right; margin: 0 5px 10px 0; }
.videoBoxList02 li .text p:first-child { font-size:120%;}



/* ===========================================================
 動画 テスト用　－動画右－
=========================================================== */
.videoBoxList03 { margin: 0; padding: 0; width: 975px;}
.videoBoxList03 li { height: 150px; list-style: none; margin: 0 5px 10px 15px; padding: 10px; width: 900px; vertical-align: top; border-bottom:1px solid #ccc; }
.videoBoxList03 li .text { width:620px; float:left; margin: 0 25px 10px 0; }
.videoBoxList03 li .text p:first-child { font-size:120%;}



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



/* ---------------------------------------------------------
 管理画面
--------------------------------------------------------- */
/* 記事管理---------------------------------*/
.ic_list_wfree .title th{background:#ddd;padding:10px;border-right:1px #fff solid;}
.ic_list_wfree .odd td{border-bottom:1px solid #ccc;padding:3px;}
.ic_list_wfree .odd td:first-child{text-align:center;}

/* 記事追加---------------------------------*/
.contents_contents > input + div{margin-top:20px;}
.contents_contents > input + div a{padding-right:15px;}

/* ===========================================================
 DB管理画面
=========================================================== */

table.ic_list_wfree td {word-wrap: break-word;}






/* ---------------------------------------------------------
 サイトマップ
--------------------------------------------------------- */
.SitemapList{margin:0;padding:0;}
.SitemapList li{list-style:none;display:none;border:none;padding:0;line-height:110%;}
.SitemapList li a{text-decoration:none;color:#333;}
.SitemapList li a:hover {text-decoration: underline;}

#skin1Column .SitemapList li.Tab36,
#skin1Column .SitemapList li.Tab100,
#skin1Column .SitemapList li.Tab100 ul li,
#skin1Column .SitemapList li.Tab100 ul li a{display:block;}
#skin1Column .SitemapList li.Tab100 > a{display:none;}
#skin1Column .SitemapList li.Tab100 > ul{margin:0;padding:0;}
#skin1Column .SitemapList li.Tab36{margin:0 0 20px;padding:10px 0px 10px 5px;font-size:169%;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom;}
#skin1Column .SitemapList > li > ul > li{margin:0;padding:10px 0px 10px 5px;font-size:169%;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_h2.gif) repeat-x 0 40px;}
#skin1Column .SitemapList > li > ul > li > ul > li{background:none;}
#skin1Column .SitemapList > li > ul > li > ul li a{border-bottom: solid 1px #d7d7d7;font-size:70%;}
#skin1Column .SitemapList > li > ul > li > ul li ul li a{font-size:55%;line-height: 15px;}
#skin1Column .SitemapList > li > ul > li > ul{margin:0 0 0 1em;padding:10px 0;}
#skin1Column .SitemapList > li > ul > li > ul > li > a{display:block;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_snav02.png) no-repeat 8px 17px #FFF;padding:10px 7px 10px 19px;}
#skin1Column .SitemapList > li > ul > li > ul > li > a:hover {background-color:#eee;text-decoration:none;}
#skin1Column .SitemapList > li > ul > li > ul > li > ul {margin:0 0 0 2em;padding:0;background: #eee;}
#skin1Column .SitemapList > li > ul > li > ul > li > ul > li > a{display:block;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_snav03.png) no-repeat 14px 14px;padding:10px 0 10px 25px;background-color:#eee;}
#skin1Column .SitemapList > li > ul > li > ul > li > ul > li > ul{margin:0;padding:0;background: #eee;} 
#skin1Column .SitemapList > li > ul > li > ul > li > ul > li > ul li a{display:block;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_snav04.png) no-repeat 24px 9px;padding:5px 0 5px 35px;} 
#skin1Column .SitemapList > li > ul > li > ul > li > ul > li > ul li ul{margin:0 0 0 1em;padding:0;}

#skin1Column_en .SitemapList li.Tab608 > a{display:block;margin:0 0 20px;padding:10px 0px 10px 5px;font-size:169%;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom;}
#skin1Column_en .SitemapList li.Tab608,
#skin1Column_en .SitemapList li.Tab608 ul li,
#skin1Column_en .SitemapList li.Tab608 ul li a{display:block;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 a{display:none;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 ul,
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 ul li,
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 ul li a{display:block;}
#skin1Column_en .SitemapList li.Tab608 > ul,
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul{margin:0;padding:0;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li {margin:0;padding:10px 0px 10px 5px;font-size:169%;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_h2.gif) repeat-x 0 40px;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li > ul li a{border-bottom: solid 1px #d7d7d7;font-size:70%;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li > ul li ul li a{font-size:55%;line-height: 15px;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li ul{margin:0 0 0 1em;padding:10px 0;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li ul > li > a{display:block;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_snav02.png) no-repeat 8px 17px #FFF;padding:10px 7px 10px 19px;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li ul > li > a:hover {background-color:#eee;text-decoration:none;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li ul > li > ul{padding:0;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li ul > li > ul > li > a{display:block;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_snav03.png) no-repeat 14px 14px;padding:10px 0 10px 25px;background-color:#eee;}
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li ul > li > ul > li > ul{margin:0;padding:0;background: #eee;} 
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li ul > li > ul > li > ul li a{display:block;background:url(https://www.aist.go.jp/Portals/0/images/common/bg_snav04.png) no-repeat 24px 9px;padding:5px 0 5px 35px;} 
#skin1Column_en .SitemapList li.Tab608 ul li.Tab58 > ul > li ul > li > ul > li > ul li ul{margin:0 0 0 1em;padding:0;}



/* ---------------------------------------------------------
 NotFound
--------------------------------------------------------- */
.NotFound{width:860px;margin:30px auto;}
.NotFound h1{color:#cf0010;margin:0;padding:0 0 10px 0;line-height:24px;min-height:24px;}
.NotFound p{padding:0 0 40px 0;}
.NotFound .searchGrayBox{background:#F5F5F5;padding:15px;width:830px;border: solid 2px #ededed;}
.NotFound .searchGrayBox p{padding:0;}
.NotFound .searchGrayBox input{padding:3px;}
.NotFound .searchGrayBox input#txtSearchSub{width:300px;margin-right:5px;}
.NotFound .searchGrayBox input.searchBtn{width:50px;}
.NotFound .searchGrayBox ul.listArrow{padding:10px 0 0 0;margin:0 0 0 5px;}
.NotFound .searchGrayBox ul.listArrow li{background-position:0 10px;line-height:26px;padding-left:10px;}



/* ---------------------------------------------------------
 最近の研究成果index 研究成果 2015/02/18 (デザイン改修に伴い追加)
--------------------------------------------------------- */
/*#skinIndex #research,
#skinIndex_en #research{ padding:5px; background:#FFF; position: relative; z-index: 0; margin-bottom:20px;}
*/
#ContentPane{ box-sizing:border-box;}
#tab_research { padding:0; margin: 0; position:relative; top:8px; z-index:10; width:750px;}
#tab_research li { width:85px; height:68px; float: left; margin-left:10px; list-style: none; cursor: pointer; padding-bottom:0;text-indent:-9999em;overflow: hidden;}
#tab_research li a{ display:block; height:100%; width:100%;}
#tab_research li.tab01{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_01r.png); margin-left:0;}
#tab_research li.tab02{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_02r.png);}
#tab_research li.tab03{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_03r.png);}
#tab_research li.tab04{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_04r.png);}
#tab_research li.tab05{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_05r.png);}
#tab_research li.tab06{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_06r.png);}
#tab_research li.tab07{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_07r.png);}
#tab_research li.tab08{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_08r.png);}
#tab_research li{ background-position:0 -340px; background-repeat:no-repeat;}
#tab_research li:hover{background-position: 0 -68px;}
#tab_research li.new{ background-position:0 -272px;}
#tab_research li.new:hover{ background-position:0 0;}
#tab_research li.select{ background-position:0 -204px;}
#tab_research li.select.new{ background-position:0 -136px;}

/*IE ハイコントラスト用の修正　2018/04/23---------------------------*/
@media all and (-ms-high-contrast:active) {
	#tab_research li.tab01{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_01r.png);}
	#tab_research li.tab02{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_02r.png);}
	#tab_research li.tab03{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_03r.png);}
	#tab_research li.tab04{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_04r.png);}
	#tab_research li.tab05{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_05r.png);}
	#tab_research li.tab06{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_06r.png);}
	#tab_research li.tab07{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_07r.png);}
	#tab_research li.tab08{ background-image:url(https://www.aist.go.jp/Portals/0/images/index/bg_tab_08r.png);}
}

div#research div.research_wrap{ display:none;}
div#research div.research_wrap{ clear: left; background: #fff;text-align:left; padding:30px;}
div#research div.research_wrap .subttl{ font-size:100%; position:static; display:block; margin-bottom:30px; float:left;}/*タイトル上の小さい文字*/
div#research div.research_wrap h4 { font-size: 153%; font-weight: normal; border:none; line-height: 20px; padding:0; margin:0 0 5px; clear:both;}
div#research div.research_wrap h4 a { color: #333; text-decoration: none;}
div#research div.research_wrap h4 a:hover { text-decoration: underline;}
div#research div.research_wrap .date{ color:#666 !important; font-size:107%; padding:0;}
div#research div.research_wrap .date{ float:right; text-align: right; width: auto;}
div#research div.research_wrap .listArrowRight a{ text-decoration:none;}
div#research div.research_wrap .listArrowRight a:hover{ text-decoration: underline;}
/*div#research div.research_wrap .NormalRed{ display:inline-block; color:#fd2929; padding-top:5px; font-size:100%; font-weight:normal;} <- 2017.1.25 フォントカラー（NormalRed）修正*/
div#research div.research_wrap .NormalRed{ display:inline-block; color:#cf0010; padding-top:5px; font-size:100%; font-weight:normal;}
div#research div.research_wrap h4 .NormalRed{ font-size:85%; display:block;}
div#research div.research_wrap span{ position:static; width:auto;}
div#research div.research_wrap a:hover .NormalRed {text-decoration: underline;}
div#research div.research_wrap p{ font-size:107%;}

.pickupBox{ margin-bottom:20px;}
.pickupBox tr td:first-child{ padding-right:10px;}
.pickupBox tr td{ vertical-align:top; font-size:100%;}/* <-font-sizeを13pxから100%に修正 2016.11.15*/
.pickupBox .date{ color:#666 !important; font-size:100%; padding:0;}/* <-font-sizeを13pxから100%に修正 2016.11.15*/
div#research div.research_wrap .pickupBox{ margin-top:20px;}

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

/*↓左上サブタイトル（小）を各色別から#666に統一 2016.11.22 */
div#research #panel01.research_wrap .subttl { color:#666;}
div#research #panel02.research_wrap .subttl { color:#666;}
div#research #panel03.research_wrap .subttl { color:#666;}
div#research #panel04.research_wrap .subttl { color:#666;}
div#research #panel05.research_wrap .subttl { color:#666;}
div#research #panel06.research_wrap .subttl { color:#666;}
div#research #panel07.research_wrap .subttl { color:#666;}
div#research #panel08.research_wrap .subttl { color:#666;}
/*上記のオリジナル 2016.11.22 */
/*div#research #panel01.research_wrap .subttl { color:#aacd06;}*/
/*div#research #panel02.research_wrap .subttl { color:#e684ad;}*/
/*div#research #panel03.research_wrap .subttl { color:#4fb5a7;}*/
/*div#research #panel04.research_wrap .subttl { color:#b18bb1;}*/
/*div#research #panel05.research_wrap .subttl { color:#65aadd;}*/
/*div#research #panel06.research_wrap .subttl { color:#bd8a43;}*/
/*div#research #panel07.research_wrap .subttl { color:#f6ac1d;}*/


/* ---------------------------------------------------------
 研究成果見出し 2015/02/18 追記／研究部門・研究センター・研究成果関連ページ見出し（h2タグ追記：2017/2/8）
--------------------------------------------------------- */
/* h2見出し */
/* 2025/05/01コメントアウト

h2.ttl_environment,
h2.ttl_biotechnology,
h2.ttl_ergonomics,
h2.ttl_chemistry,
h2.ttl_information,
h2.ttl_geology,
h2.ttl_metrology{margin-bottom:20px;height:50px;line-height:50px;padding:0 0 0 50px;font-size:154%; background-position:left top; background-repeat:no-repeat;}

h2.ttl_environment{ background-image:url(/Portals/0/images/area/bg_ttl-1environment.jpg)}
h2.ttl_biotechnology{ background-image:url(/Portals/0/images/area/bg_ttl-2biotechnology.jpg)}
h2.ttl_ergonomics{ background-image:url(/Portals/0/images/area/bg_ttl-3ergonomics.jpg)}
h2.ttl_chemistry{ background-image:url(/Portals/0/images/area/bg_ttl-4chemistry.jpg)}
h2.ttl_information{ background-image: url(/Portals/0/images/area/bg_ttl-5information.jpg)}
h2.ttl_geology{ background-image:url(/Portals/0/images/area/bg_ttl-6geology.jpg)}
h2.ttl_metrology{ background-image:url(/Portals/0/images/area/bg_ttl-7metrology.jpg)}

h2.bg_environment,
h2.bg_biotechnology,
h2.bg_ergonomics,
h2.bg_chemistry,
h2.bg_information,
h2.bg_geology,
h2.bg_metrology{margin-bottom:20px;height:46px;line-height:46px;padding:0 0 0 50px;font-size:147%; background-position:left top; background-repeat:no-repeat;}

h2.bg_environment{ background-image:url(/Portals/0/images/area/bg_subttl-1environment.jpg)}
h2.bg_biotechnology{ background-image:url(/Portals/0/images/area/bg_subttl-2biotechnology.jpg)}
h2.bg_ergonomics{ background-image:url(/Portals/0/images/area/bg_subttl-3ergonomics.jpg)}
h2.bg_chemistry{ background-image:url(/Portals/0/images/area/bg_subttl-4chemistry.jpg)}
h2.bg_information{ background-image: url(/Portals/0/images/area/bg_subttl-5information.jpg)}
h2.bg_geology{ background-image:url(/Portals/0/images/area/bg_subttl-6geology.jpg)}
h2.bg_metrology{ background-image:url(/Portals/0/images/area/bg_subttl-7metrology.jpg)}

.englishSkin h2.ttl_environment{ background-image:url(/Portals/0/images_en/area/bg_ttl-1environment.jpg)}
.englishSkin h2.ttl_biotechnology{ background-image:url(/Portals/0/images_en/area/bg_ttl-2biotechnology.jpg)}
.englishSkin h2.ttl_ergonomics{ background-image:url(/Portals/0/images_en/area/bg_ttl-3ergonomics.jpg)}
.englishSkin h2.ttl_chemistry{ background-image:url(/Portals/0/images_en/area/bg_ttl-4chemistry.jpg)}
.englishSkin h2.ttl_information{ background-image: url(/Portals/0/images_en/area/bg_ttl-5information.jpg)}
.englishSkin h2.ttl_geology{ background-image:url(/Portals/0/images_en/area/bg_ttl-6geology.jpg)}
.englishSkin h2.ttl_metrology{ background-image:url(/Portals/0/images_en/area/bg_ttl-7metrology.jpg)}
*/

/* h3見出し */

/*　2025/05/01コメントアウト
h3.ttl_environment,
h3.ttl_biotechnology,
h3.ttl_ergonomics,
h3.ttl_chemistry,
h3.ttl_information,
h3.ttl_geology,
h3.ttl_metrology{margin-bottom:20px;height:50px;line-height:50px;padding:0 0 0 50px;font-size:154%; background-position:left top; background-repeat:no-repeat;}

h3.ttl_environment{ background-image:url(/Portals/0/images/area/bg_ttl-1environment.jpg)}
h3.ttl_biotechnology{ background-image:url(/Portals/0/images/area/bg_ttl-2biotechnology.jpg)}
h3.ttl_ergonomics{ background-image:url(/Portals/0/images/area/bg_ttl-3ergonomics.jpg)}
h3.ttl_chemistry{ background-image:url(/Portals/0/images/area/bg_ttl-4chemistry.jpg)}
h3.ttl_information{ background-image: url(/Portals/0/images/area/bg_ttl-5information.jpg)}
h3.ttl_geology{ background-image:url(/Portals/0/images/area/bg_ttl-6geology.jpg)}
h3.ttl_metrology{ background-image:url(/Portals/0/images/area/bg_ttl-7metrology.jpg)}

h3.bg_environment,
h3.bg_biotechnology,
h3.bg_ergonomics,
h3.bg_chemistry,
h3.bg_information,
h3.bg_geology,
h3.bg_metrology{margin-bottom:20px;height:46px;line-height:46px;padding:0 0 0 50px;font-size:147%; background-position:left top; background-repeat:no-repeat;}

h3.bg_environment{ background-image:url(/Portals/0/images/area/bg_subttl-1environment.jpg)}
h3.bg_biotechnology{ background-image:url(/Portals/0/images/area/bg_subttl-2biotechnology.jpg)}
h3.bg_ergonomics{ background-image:url(/Portals/0/images/area/bg_subttl-3ergonomics.jpg)}
h3.bg_chemistry{ background-image:url(/Portals/0/images/area/bg_subttl-4chemistry.jpg)}
h3.bg_information{ background-image: url(/Portals/0/images/area/bg_subttl-5information.jpg)}
h3.bg_geology{ background-image:url(/Portals/0/images/area/bg_subttl-6geology.jpg)}
h3.bg_metrology{ background-image:url(/Portals/0/images/area/bg_subttl-7metrology.jpg)}

.englishSkin h3.ttl_environment{ background-image:url(/Portals/0/images_en/area/bg_ttl-1environment.jpg)}
.englishSkin h3.ttl_biotechnology{ background-image:url(/Portals/0/images_en/area/bg_ttl-2biotechnology.jpg)}
.englishSkin h3.ttl_ergonomics{ background-image:url(/Portals/0/images_en/area/bg_ttl-3ergonomics.jpg)}
.englishSkin h3.ttl_chemistry{ background-image:url(/Portals/0/images_en/area/bg_ttl-4chemistry.jpg)}
.englishSkin h3.ttl_information{ background-image: url(/Portals/0/images_en/area/bg_ttl-5information.jpg)}
.englishSkin h3.ttl_geology{ background-image:url(/Portals/0/images_en/area/bg_ttl-6geology.jpg)}
.englishSkin h3.ttl_metrology{ background-image:url(/Portals/0/images_en/area/bg_ttl-7metrology.jpg)}
*/


/* tab module */
.ui-tabs { margin:0 0 20px;}
.ui-tabs-nav { margin:0; padding:0; display:table; table-layout:fixed; width:100%; height:100%;}
.ui-tabs-nav li { margin:0; padding:0 2px 0 0; display:table-cell; height:100%; vertical-align:top;}
.ui-tabs-nav li a { margin:0; padding:10px; display:block; color:#333; text-decoration:none; line-height:1.3; background:#eee; box-sizing:border-box; word-wrap:break-word;}
.ui-tabs-nav li.ui-state-hover a { background:#ddd; color:#333;}
.ui-tabs-nav li.ui-state-active a { background:#474747; color:#fff;}

.ui-tabs-panel { margin:0; padding:20px 25px; border:2px solid #474747;}

/*160401 photoArchive*/
.photoArchiveCategory { margin:0 auto; padding:0;}
.photoArchiveCategory ul { margin:0; padding:0; width:710px; list-style:none; letter-spacing:-0.4em; text-align:center;}
.photoArchiveCategory ul li { margin:0 8px 20px; padding:0; display:inline-block; width:125px; height:auto; letter-spacing:normal; vertical-align:top;}
.photoArchiveCategory ul li a { display:block;}
.photoArchiveCategory ul li a:hover { background:#eee;}

.photoArchive { margin:0 auto; padding:0; width:720px;}
.photoArchive ul { margin:0; padding:0; width:720px; list-style:none; letter-spacing:-0.4em;}
.photoArchive ul li { margin:0 20px 20px 0; padding:0; display:inline-block; width:160px; height:auto; letter-spacing:normal; vertical-align:top;}
.photoArchive ul li .photoImg { display:table-cell; width:150px; height:150px; margin:0 0 10px; padding:0; text-align:center; border:5px solid #ccc; vertical-align:middle;}
.photoArchive ul li .photoImg img { width:auto; height:auto; max-width:150px; max-height:150px;}
.photoArchive ul li .photoTitle { margin:5px 0 0; padding:0 0 5px;}
.photoArchive ul li .photoTitle span{ display:block;}
.photoArchive ul li .photoData { margin:0; padding:0 0 5px;}

.photoDetailWrap h2 span { display:none;}
.photoDetail { width:100%; margin:20px 0;}
.photoDetail:before,
.photoDetail:after {content:"";display:table;}
.photoDetail:after {clear:both;}
.photoDetail .photoImgBox{ float:right; width:300px; text-align:center; border:5px solid #ccc;}
.photoDetail .photoImgBox img{ width:auto !important; height:auto !important; max-width:300px;}
.photoDetail .photoDetailBox{ float:left; width:370px;}
.photoDetail .photoDetailBox table{ width:100%; margin:0 0 20px; border-collapse:collapse; border-spacing:0;}
.photoDetail .photoDetailBox table td,
.photoDetail .photoDetailBox table th{ padding:5px 0 5px 10px; font-weight:normal; border-bottom:1px dotted #ccc;}
.photoDetail .photoDetailBox table th{ width:100px;}
.photoDetail .photoDetailBox table th:after{ content:"："; float:right;}

/*160418 researchresultlist*/
.reportList .fieldList  { padding-top:15px;}
.reportList .fieldList ul {
	margin:0;
	padding:0;
	line-height:0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}
.reportList .fieldList ul li {
	margin:0 10px 5px 0;
	padding:0;
	list-style:none;
	letter-spacing:normal;
	line-height:normal;
	display: flex;
	align-items: center;
}
.reportList .fieldList ul li img {
	margin:0 3px 0 0;
	width: 25px;
}

/* ===========================================================
 研究成果吹き出し（ツールチップ） 2020/02/26 追記
=========================================================== */
.pcView #powerTip { cursor: default; background-color: #333; background-color: rgba(51, 51, 51, 1.0); border-color: #333; border-color: rgba(51, 51, 51, 1.0); border-radius: 3px; color: #fff; display: none; padding: 8px 10px; position: absolute; white-space: nowrap; z-index: 2147483647; font-size: 94%;}
.pcView #powerTip:before { content: attr(class) " "; position: absolute; height: 0; width: 0; text-indent: 100%; overflow: hidden;}
.pcView #powerTip.n:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px;}
.pcView #powerTip.n:before { bottom: -6px;}
.pcView #powerTip.n:before { border-top-color: inherit; border-top-style: solid; border-top-width: 6px;}

/* IEハイコントラス用 2020/03/04 */
@media all and (-ms-high-contrast:active) {
	.pcView #powerTip { border: 2px solid #ffffff; }
}

/* ===========================================================
 お知らせ管理　イベントページ（関連領域及びイベントに関わる団体表記、ポスター配置用）
=========================================================== */
/* 関連領域及びイベントに関わる団体表記 */
.evinfoarea {display:table; width:99.5%; margin:0 0 30px 0; border:3px solid #e2e2e2; border-collapse:separate; border-spacing:1px;}
.evinfoarea p {margin:0 0 -1.2em 0;}
.evinfoarea img {vertical-align:middle; display:inline-block;}
.area_l,
.area_r {margin:0px; padding:8px; display:table-cell; width:50%; border-collapse:collapse; border-spacing:0; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}

/* ポスター配置用 */
.ev_posbox {float: right; text-align: center; margin: 0 1em; padding: 0 5px 5px 5px;}
.ev_posbox img.ev_pos {width: 250px; height: auto; border: 1px solid #c3c3c3; margin: 0; padding: 0;}
.ev_posbox p.ev_ptxt {text-align: center; margin-top: 0.5em;}

/* 一般公開案内用　地域センター用ボックス */
.koukaiInfoBox {display:table; width:100%; margin:2em auto; padding:0; border:3px solid #e2e2e2; border-spacing:1px; border-collapse:separate;}
.koukaiInfoBox div.c_name {margin:0 auto; padding:0; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.koukaiInfoBox div.c_name h3 {font-size: 120%; font-weight: bold; color: #333; margin:-4px -5px -1px -4px; padding:12px; background-color: #cce6ff; background-image:none;}
.koukaiInfoBox div.c_name a {color: #333; text-decoration:underline;}
.koukaiInfoBox div.c_name a:hover {color: #333; text-decoration:none; opacity:0.7;}
.koukaiInfoBox div.date, div.venue, div.inquiry, div.details {margin:0 auto; padding:12px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}


/* ===========================================================
 css for print
=========================================================== */
@media print {
#skin2Columns,
#skin1Column{background:none !important;}
#headBody{background: url(https://www.aist.go.jp/Portals/0/Skins/AIS/images/bn_2nd_body.gif) repeat-x;}
}


/* ---------------------------------------------------------
 ○○皆様向けメニューイメージ　20180406追加
--------------------------------------------------------- */
/* 一般の皆様向け、研究者・技術者・学生の皆様向け、産業界の皆様向け---------------------------------*/
ul#publicTitle li div.visual,
ul#researcherTitle li div.visual,
ul#industryTitle li div.visual{display:block; border-top:#dc2f3d 1px solid; border-right:#d4d2d2 1px solid; border-left:#d4d2d2 1px solid; text-align:center;}

ul#publicTitle li div.visual img,
ul#researcherTitle li div.visual img,
ul#industryTitle li div.visual img{max-width:100%; height:auto;}

/* 罫線の無効化 */
ul#publicTitle li div.title,
ul#researcherTitle li div.title,
ul#industryTitle li div.title{border-top:#d4d2d2 1px solid;}

/* ---------------------------------------------------------
 ○○皆様向けメニューイメージ　20190204追加 -リンクエリア統合（alt）用
--------------------------------------------------------- */
ul#publicTitle li .title span,
ul#researcherTitle li .title span,
ul#industryTitle li .title span{background:url(https://www.aist.go.jp/Portals/0/images/common/arrow_redBig.png) no-repeat 0 4px;padding-left:20px; display: block;}

ul#publicTitle li .linkArea a,
ul#researcherTitle li .linkArea a,
ul#industryTitle li .linkArea a{text-decoration: underline; color: #333;}

ul#publicTitle li .linkArea a:hover,
ul#researcherTitle li .linkArea a:hover,
ul#industryTitle li .linkArea a:hover{ text-decoration: none;}

/* 一般の皆様向け、研究者・技術者・学生の皆様向け、産業界の皆様向け---------------------------------*/
ul#publicTitle li object.visual,
ul#researcherTitle li object.visual,
ul#industryTitle li object.visual{display:block; border-top:#dc2f3d 1px solid; border-right:#d4d2d2 1px solid; border-left:#d4d2d2 1px solid; text-align:center;}

ul#publicTitle li object.visual img,
ul#researcherTitle li object.visual img,
ul#industryTitle li object.visual img{max-width:100%; height:auto;}

/* 罫線の無効化 */
ul#publicTitle li div.cite,
ul#researcherTitle li div.cite,
ul#industryTitle li div.cite{border-top:#d4d2d2 1px solid;}

/* ---------------------------------------------------------
 2階層目メニューイメージ　20180406追加
 産総研について、コミュニケーション、研究成果
--------------------------------------------------------- */
ul#communicationTitle li div.visual,
ul#researchTitle li div.visual,
ul#informationTitle li div.visual{display:block; border-top:#dc2f3d 1px solid; border-right:#d4d2d2 1px solid; border-left:#d4d2d2 1px solid; text-align:center;}

ul#communicationTitle li div.visual img,
ul#researchTitle li div.visual img,
ul#informationTitle li div.visual img{max-width:100%; height:auto;}

/* 罫線の無効化 */
ul#communicationTitle li div.title,
ul#researchTitle li div.title,
ul#informationTitle li div.title{border-top:#d4d2d2 1px solid;}


/* ---------------------------------------------------------
 2階層目メニューイメージ　20190201追加 -リンクエリア統合（alt）用
 産総研について、コミュニケーション、研究成果
--------------------------------------------------------- */
ul#communicationTitle li .title span,
ul#researchTitle li .title span,
ul#informationTitle li .title span{background:url(https://www.aist.go.jp/Portals/0/images/common/arrow_redBig.png) no-repeat 0 4px;padding-left:20px; display: block;}

ul#communicationTitle li .linkArea a,
ul#researchTitle li .linkArea a,
ul#informationTitle li .linkArea a{text-decoration: underline; color: #333;}

ul#communicationTitle li .linkArea a:hover,
ul#researchTitle li .linkArea a:hover,
ul#informationTitle li .linkArea a:hover{ text-decoration: none;}

/* ---------------------------------------------------------
 フッター正式名称　20190703追加
--------------------------------------------------------- */
div#footBody div.footWrap #footerArea{font-size:110%; color:white;}

/* ---------------------------------------------------------
 研究ハイライト各詳細ページ　20180803追加
--------------------------------------------------------- */
div.hlightsMain {padding-bottom: 60px;}
div.hlightsTitle
{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    outline: solid 1px #ffffff;
    outline-offset: -10px;
    width: 100%;
}
div.hlightsTitle img{ max-width: 100%; height: auto;}
div.hlightsTitle h1{padding: 0; margin: 0;}

/* ---------------------------------------------------------
 Facebookいいね！ボタンフォーカス　2019311追加
--------------------------------------------------------- */
#facebook ._2tga:focus {background-color:#365899!important; border:1px solid #365899!important;}

/* ---------------------------------------------------------
 組織　2019621追加
--------------------------------------------------------- */

/*英語----------------------------*/
div.chartImageBox { margin: 0 auto; text-align: center;}
div.chartImageBox img { margin: 0; padding: 0; width: 700px; height: auto;}


/* ---------------------------------------------------------
ブルーバックス探検隊が行く一覧　2020312追加
--------------------------------------------------------- */

/*改行ポイント----------------------------*/
.pcView div.aistinfoStory span.pc-br::before { content: "\A" ; white-space: pre; }


/* ---------------------------------------------------------
お知らせの追加（スクエア・地質標本館）　20200420追加
--------------------------------------------------------- */

/*お知らせ--------------------------*/
div.notice-area { background-color: #b70005; margin-bottom: 20px;}
.pcView div.notice-area { padding: 25px 33px;}

/*お知らせタイトル---------------------------*/
div.notice-area .notice-title { text-align: center; margin-bottom: 24px; }
.pcView div.notice-area .notice-title .balloon-large { font-size: 200%; }
.pcView div.notice-area .notice-title .balloon-small { font-size: 180%; }
div.notice-area .notice-title .balloon { position: relative; display: inline-block; padding: 5px 8px; max-width: 100%; color: #fff; border-top: solid 1px #fff; border-bottom: solid 1px #fff; box-sizing: border-box; }
div.notice-area .notice-title .balloon:before { content: ""; position: absolute; bottom: -6px; left: 50%; border: 3px solid transparent; border-top: 3px solid #b70005; z-index: 2; }
div.notice-area .notice-title .balloon:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -2px; border: 5px solid transparent; border-top: 5px solid #fff; z-index: 1; }

/*お知らせテキスト---------------------------*/
.pcView div.notice-area .notice-left { line-height: 160%; }
.pcView div.notice-area .notice-center { line-height: 160%; text-align: center;}
div.notice-area .notice-text { background-color: #fff; padding: 20px 24px; font-size: 1.24rem; }
div.notice-area .notice-text span.notice-strong { font-size: 1.85rem; font-weight: bold; }
div.notice-area .notice-text span.notice-strong-small { font-size: 1.62rem; font-weight: bold; }

/*改行ポイント----------------------------*/
.pcView div.notice-area span.pc-br::before { content: "\A" ; white-space: pre; }


/* ---------------------------------------------------------
お知らせの追加　青（スクエア・地質標本館）　20200605追加
--------------------------------------------------------- */

/*お知らせ--------------------------*/
div.notice-area-blue { background-color: #3696cc; margin-bottom: 20px;}
.pcView div.notice-area-blue { padding: 25px 33px;}

/*お知らせタイトル---------------------------*/
div.notice-area-blue .notice-title { text-align: center; margin-bottom: 24px; }
.pcView div.notice-area-blue .notice-title .balloon-large { font-size: 200%; }
.pcView div.notice-area-blue .notice-title .balloon-small { font-size: 180%; }
div.notice-area-blue .notice-title .balloon { position: relative; display: inline-block; padding: 5px 8px; max-width: 100%; color: #fff; border-top: solid 1px #fff; border-bottom: solid 1px #fff; box-sizing: border-box; }
div.notice-area-blue .notice-title .balloon:before { content: ""; position: absolute; bottom: -6px; left: 50%; border: 3px solid transparent; border-top: 3px solid #3696cc; z-index: 2; }
div.notice-area-blue .notice-title .balloon:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -2px; border: 5px solid transparent; border-top: 5px solid #fff; z-index: 1; }

/*お知らせテキスト---------------------------*/
.pcView div.notice-area-blue .notice-left { line-height: 160%; }
.pcView div.notice-area-blue .notice-center { line-height: 160%; text-align: center;}
div.notice-area-blue .notice-text { background-color: #fff; padding: 20px 24px; font-size: 1.24rem; }
div.notice-area-blue .notice-text span.notice-strong { font-size: 1.85rem; font-weight: bold; }
div.notice-area-blue .notice-text span.notice-strong-small { font-size: 1.62rem; font-weight: bold; }

/*改行ポイント----------------------------*/
.pcView div.notice-area-blue span.pc-br::before { content: "\A" ; white-space: pre; }


/* ---------------------------------------------------------
上付き、下付き　20230529追加
--------------------------------------------------------- */

/*継承---------------------------*/
.pcView div.reportDetail h1.title {
	line-height: inherit;
}

/*上付き文字---------------------------*/
.pcView p.breadcrumbs sup,
.pcView div.reportList p.title sup,
.pcView div.reportList p.subtitle sup,
.pcView div.reportDetail h1.title sup,
.pcView div.reportDetail .subtitle sup,
.pcView div.reportDetail h2 sup,
.pcView div.reportDetail h3 sup,
.pcView div.reportDetail h4 sup,
.pcView div.reportDetail ul li sup,
.pcView div.reportDetail .contents_text sup,
.pcView div.newsList p.newsTitle sup,
.pcView div.newsDetail p.newsTitle sup,
.pcView div.newsDetail h2 sup,
.pcView div.newsDetail h3 sup,
.pcView div.newsDetail h4 sup,
.pcView div.newsDetail ul li sup,
.pcView div.newsDetail .contents_text sup,
.pcView div.point_text sup
{
	vertical-align: text-top;
}

/*下付き文字---------------------------*/
.pcView p.breadcrumbs sub,
.pcView div.reportList p.title sub,
.pcView div.reportList p.subtitle sub,
.pcView div.reportDetail h1.title sub,
.pcView div.reportDetail .subtitle sub,
.pcView div.reportDetail h2 sub,
.pcView div.reportDetail h3 sub,
.pcView div.reportDetail h4 sub,
.pcView div.reportDetail ul li sub,
.pcView div.reportDetail .contents_text sub,
.pcView div.newsList p.newsTitle sub,
.pcView div.newsDetail p.newsTitle sub,
.pcView div.newsDetail h2 sub,
.pcView div.newsDetail h3 sub,
.pcView div.newsDetail h4 sub,
.pcView div.newsDetail ul li sub,
.pcView div.newsDetail .contents_text sub,
.pcView div.point_text sub
{
	vertical-align: text-bottom;
}

/*フォントサイズ---------------------------*/
p.breadcrumbs sup,
p.breadcrumbs sub,
div.reportList p.title sup,
div.reportList p.subtitle sup,
div.reportList p.title sub,
div.reportList p.subtitle sub,
div.reportDetail h1.title sup,
div.reportDetail h1.title sub,
div.reportDetail .subtitle sup,
div.reportDetail .subtitle sub,
div.reportDetail h2 sup,
div.reportDetail h2 sub,
div.reportDetail h3 sup,
div.reportDetail h3 sub,
div.reportDetail h4 sup,
div.reportDetail h4 sub,
div.reportDetail ul li sup,
div.reportDetail ul li sub,
div.reportDetail .contents_text sup,
div.reportDetail .contents_text sub,
div.newsList p.newsTitle sup,
div.newsList p.newsTitle sub,
div.newsDetail p.newsTitle sup,
div.newsDetail p.newsTitle sub,
div.newsDetail h2 sup,
div.newsDetail h2 sub,
div.newsDetail h3 sup,
div.newsDetail h3 sub,
div.newsDetail h4 sup,
div.newsDetail h4 sub,
div.newsDetail ul li sup,
div.newsDetail ul li sub,
div.newsDetail .contents_text sup,
div.newsDetail .contents_text sub,
div.point_text sup, 
div.point_text sub,
table.listTable sup,
table.listTable sub,
div#ContentPane h2 sup,
div#ContentPane h2 sub,
div#ContentPane h3 sup,
div#ContentPane h3 sub,
div#ContentPane p sup,
div#ContentPane p sub
{
	font-size: 70%;
}

/* ---------------------------------------------------------
英語ページリンクボタン
--------------------------------------------------------- */
.comBtn2.comBtn01 {
	padding: 0 25px;
}

.comBtn2 a:link, .comBtn2 a:active, .comBtn2 a:visited {
	padding: 12px 2px 9px;
	display: block;
	color: #fff !important;
	font-size: 1.0rem;
	text-decoration: none !important;
	text-align: center;
	line-height: 1.2;
	background: url(https://www.aist.go.jp/Portals/0/images/common/icon46.png) #cf0010 no-repeat right 10px center / 7px auto;
}

.comBtn2 a {
	padding: 15px 0 12px!important;
	margin: 0 auto 30px;
	font-size: 1.2rem!important;
	width: 300px;
	background-color: #333;
}

.spView .comBtn2 a .spView .comBtn a{
	font-size: 1.3rem;
	margin: 20px auto 30px;
	padding: 15px 0 15px;
	width: 100%;
	display: block;
	color: #fff;
	text-decoration: none !important;
	text-align: center;
}

.spView .comBtn2 a {
	font-size: 1.2rem;
	margin: 20px auto 30px;
	padding: 15px 0 15px;
	width: 100%;
}

/* ---------------------------------------------------------
アンカーリンクボタン
--------------------------------------------------------- */
.anchorLinks {
    margin-bottom: 45px;
}

.anchorLinks ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.anchorLinks ul li {
	list-style: none;
    padding: 0;
    margin: 0;
    width: 230px;
	box-sizing: border-box;
    text-align: center;
    border: 1px solid #ccc;
	background: linear-gradient(180deg, #fff 0%, #fff 72%, #eee 72%, #eee 100%);
}

.anchorLinks ul li:hover {
    border: 1px solid #115c9e;
	background: linear-gradient(180deg, #fff 0%, #fff 72%, #115c9e 72%, #115c9e 100%);
}

.anchorLinks ul a {
	font-size: 1.6rem;
	color: #333;
	text-decoration: none;
	box-sizing: border-box;
	padding: 20px 20px 38px;
	height: 100%;
	display: block;
	box-sizing: border-box;
	background: url(https://www.aist.go.jp/Portals/0/images/common/icon57.png) no-repeat center bottom 8px / 10px;
}

.anchorLinks li a:hover {
	background: url(https://www.aist.go.jp/Portals/0/images/common/icon50.png) no-repeat center bottom 8px / 10px;
}

/* ---------------------------------------------------------
図書室利用案内のアンカーリンクボタン
--------------------------------------------------------- */
.anchorLinks ul {
    gap: 15px;
}

.anchorLinks ul li {
    width: 220px;
}

.anchorLinks.tosyo ul li:nth-of-type(2) {
    width: auto;
}

/* ---------------------------------------------------------
アンカーリンクボタン（モバイル）
--------------------------------------------------------- */
.spView .anchorLinks {
    flex-wrap: wrap;
}

.spView .anchorLinks li {
    width: 100% !important;
}

/*========================================================
 news-detail追記 20241127
========================================================*/
.newsDetail .newsDate img{width:96px;}

/*========================================================
 組織（Organization）20250501
========================================================*/
.linkList.list_organization{
	margin-left: 0;
	
}

.linkList.list_organization li{
	list-style: none;
}

.linkList.list_organization > li{
	margin-bottom: 2em;
}

.linkList.list_organization h3.title{
	background: none;
	min-height: 2em; 
	padding: 20px 0 0 60px;
	background: no-repeat 0 0 /3em;
}

.spView .linkList.list_organization h3.title{
	background-size: 2.5em;
}

.spView .linkList.list_organization h3.title a{
	color: #333333;
}

.linkList.list_organization h3.title.envene{
	background-image:url(https://www.aist.go.jp/Portals/0/images/common/department_icon/ee_F.png) ;
}

.linkList.list_organization h3.title.lsbt{
	background-image:url(https://www.aist.go.jp/Portals/0/images/common/department_icon/bt_F.png) ;
}

.linkList.list_organization h3.title.ith{
	background-image:url(https://www.aist.go.jp/Portals/0/images/common/department_icon/ih_F.png) ;
}

.linkList.list_organization h3.title.mc{
	background-image:url(https://www.aist.go.jp/Portals/0/images/common/department_icon/mc_F.png) ;
}

.linkList.list_organization h3.title.elma{
	background-image:url(https://www.aist.go.jp/Portals/0/images/common/department_icon/em_F.png) ;
}

.linkList.list_organization h3.title.gsj{
	background-image:url(https://www.aist.go.jp/Portals/0/images/common/department_icon/gsj_F.png) ;
}

.linkList.list_organization h3.title.nmij{
	background-image:url(https://www.aist.go.jp/Portals/0/images/common/department_icon/nmij_F.png) ;
}

.linkList.list_organization h3.title.g-quat{
	background-image:url(https://www.aist.go.jp/Portals/0/images/common/department_icon/qa_F.png) ;
}

.linkList.list_organization h3.title.irc{
	/* background-image:url(https://www.aist.go.jp/Portals/0/images/common/department_icon/qa_F.png) ; */
	padding-left: 0;
}

.linkList.list_organization .subList{
	margin-left: 0;
}

.linkList.list_organization .subList li{
	padding:0 0 1em 20px;
	position: relative;
	margin-bottom: 1em;
}

.linkList.list_organization .subList li::before{
	content: '';
	display: block;
	height: 6px;
	width: 6px;
	background: url(https://www.aist.go.jp/Portals/0/images/common/arrow_red.png) no-repeat 0 0;
	position: absolute;
	top: 0.4em;
	left: 0;
}