@charset "utf-8"; @import "/Portals/0/css/navigation.css"; /* ======================================================================= */ /* CMS_SkinDefault ----- contents */ /* ======================================================================= */ .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:192%; font-weight: normal;line-height:110%;background:url(/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(/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%;} /*.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;} /*======================================================== slider ========================================================*/ .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;color:#FFF;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;} /*******************************************************/ 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 {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:-999px; background:url(/Portals/0/images/index/kv/kv_arrow_prev.png) no-repeat left 0;margin-top:7px;height:37px; } .lof-slidecontent .navigator-content .button-next:hover { background-position:0 -37px;} .lof-slidecontent .navigator-content .button-previous {float:left;text-indent:-999px; background:url(/Portals/0/images/index/kv/kv_arrow_next.png) no-repeat right 0; margin-top:7px; height:37px;} .lof-slidecontent .navigator-content .button-previous:hover { background-position:1px -37px;} .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;} /*======================================================== 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 ========================================================*/ 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;} /*英語----------------*/ div#skinIndex_en ul.bn_sideArea { margin-bottom:20px;} /*======================================================== 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;} /*英語-----------------------------*/ 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;} /*======================================================== 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;} /* --------------------------------------------------------- ページング --------------------------------------------------------- */ 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: #999999;} 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, 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;} /* 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;} /*英語---------------------------*/ /*確認ボタン*/ .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;} /*フォーム：サイエンスカフェのタイトル---------------------------*/ .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;} .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-bottom:20px;margin-right:15px;} .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;} .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;} .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;} .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:;} .grayLineBox p{padding:0;} .grayLineBox .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:550px;margin-right:46px;} .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:461px;float:left;} .imgCenterBox .double:first-child{margin-right:32px;} .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;} /* --------------------------------------------------------- 研究分野：環境・エネルギー --------------------------------------------------------- */ 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;} /* --------------------------------------------------------- 組織 --------------------------------------------------------- */ #organization {margin:0 auto;padding:0;border-collapse:collapse;border:0px;margin-bottom:40px;} #organization h2{background:none;margin:0;padding:10px 0;font-size:124%;} #organization h3{background:none;margin:0;padding:0 0 10px 0;font-size:100%;} #organization tr.lineheight {line-height: 1;} #organization td.glayline {text-align:center;border:3px #ccc solid;} #organization td.left_soild {border-left:3px #ccc solid;} #organization td.corner_soild {border-left:3px #ccc solid;border-bottom:3px #ccc solid;} #organization td.bottom_soild {border-bottom:3px #ccc solid;} #organization td ul{margin:0;padding:0;} #organization td ul li{list-style:none;} #organization td ul li span{padding-right:5px;} #organization td ul li a{color:#333;} #organization td ul.rc_institute{margin-bottom: 10px;margin-left: 20px;} #organization td ul.rc_center{margin-left: 20px;} #organization div{background:#fff;margin:0 0 10px 0;padding:10px;border-left:2px solid #999;} #organization div#environment{border-left:2px solid #c4d82e;} #organization div#lifescience{border-left:2px solid #6e4f83;} #organization div#information{border-left:2px solid #65aadd;} #organization div#nanotech{border-left:2px solid #009b63;} #organization div#metrology{border-left:2px solid #dd6540;} #organization div#geology{border-left:2px solid #fac03d;} #organization div#ene_env{border-left:2px solid #AACD03;} #organization div#life_bio{border-left:2px solid #E684AD;} #organization div#info_human{border-left:2px solid #51B5A7;} #organization div#met_che{border-left:2px solid #B18AB1;} #organization div#ele_manu{border-left:2px solid #65A9DD;} #organization div#gsj{border-left:2px solid #BE8A43;} #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;} /* =========================================================== 出版物 産総研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;} /* --------------------------------------------------------- 理事・監事 --------------------------------------------------------- */ 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;} /* =========================================================== サイエンスカフェ =========================================================== */ 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; padding-left:10px; 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;} /* =========================================================== 動画 =========================================================== */ .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;} /* =========================================================== 動画 テスト用　－動画左－ =========================================================== */ .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%;} /* --------------------------------------------------------- 管理画面 --------------------------------------------------------- */ /* 記事管理---------------------------------*/ .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(/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(/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(/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(/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(/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(/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(/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(/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(/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(/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: 98px; 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(/Portals/0/images/index/bg_tab_01.png); margin-left:0;width:102px;} #tab_research li.tab02{ background-image:url(/Portals/0/images/index/bg_tab_02.png);} #tab_research li.tab03{ background-image:url(/Portals/0/images/index/bg_tab_03.png);} #tab_research li.tab04{ background-image:url(/Portals/0/images/index/bg_tab_04.png);} #tab_research li.tab05{ background-image:url(/Portals/0/images/index/bg_tab_05.png);} #tab_research li.tab06{ background-image:url(/Portals/0/images/index/bg_tab_06.png);} #tab_research li.tab07{ background-image:url(/Portals/0/images/index/bg_tab_07.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;} 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;} /*↓左上サブタイトル（小）を各色別から#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;} /*上記のオリジナル 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見出し */ 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見出し */ 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; letter-spacing:-0.4em; line-height:0;} .reportList .fieldList ul li { margin:0 10px 5px 0; padding:0; display:inline-block; list-style:none; letter-spacing:normal; vertical-align:top; line-height:normal;} .reportList .fieldList ul li img { margin:0 3px 0 0;} /* =========================================================== お知らせ管理　イベントページ（関連領域及びイベントに関わる団体表記） =========================================================== */ .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;} /* =========================================================== css for print =========================================================== */ @media print { #skin2Columns, #skin1Column{background:none !important;} #headBody{background: url(/Portals/0/Skins/AIS/images/bn_2nd_body.gif) repeat-x;} }