@charset "Shift_JIS";

/* **************************************************

Name: modify.css

Description: Sub CSS

Create: 2014.07.03
Update: 2014.07.04

Copyright 2014 Hitachi, Ltd.

***************************************************** */


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

Modify Setting
[-] CourtesyNavi Setting
[-] Table td list Setting
[-] Grid Setting
[-] portal Setting
[-] Column Setting
[-] glossary Setting
[-] NewsRelease Setting
[-] award Setting
[-] publication Setting
[-] major_pub Setting
[-] デ本 Setting
[-] Related Setting
[-] btn_historyback Setting Setting
[-] test Setting

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



/* ----------------------------------------------------------------------------------------

Modify Setting

------------------------------------------------------------------------------------------- */
/* CourtesyNavi Setting
=========================================================================================== */
/*
inline-block使用による、不要なマージン削除
*/
.CourtesyNavi { letter-spacing: -.40em }
.CourtesyNavi li { letter-spacing: normal }
/* Table td list Setting
=========================================================================================== */
/*
テーブル内リスト使用による、不要なマージン削除
フォントサイズ補正
*/
th .LinkListStyle1,
th .LinkListStyle2,
th .LinkListStyle3,
th .LinkListStyle4,
th .LinkListStyle5,
th .LinkListStyle6,
td .LinkListStyle1,
td .LinkListStyle2,
td .LinkListStyle3,
td .LinkListStyle4,
td .LinkListStyle5,
dl.RdDateListStyle5 .LinkListStyle1,
dl.RdDateListStyle5 .LinkListStyle2,
dl.RdDateListStyle5 .LinkListStyle3,
dl.RdDateListStyle5 .LinkListStyle4,
dl.RdDateListStyle5 .LinkListStyle5,
dl.RdDateListStyle5 .LinkListStyle6
{
font-size: 100%;
margin-bottom: 0;
}

/* Grid Setting
=========================================================================================== */
/*
グリッド3+1の下にグリッド4が来た場合の回り込み解除
*/
.Grid4 { clear: both }

/* portal Setting
=========================================================================================== */
/*
研究紹介
*/
.ColumnSet .card {
display: block;
position: relative;
width: 32.642487%;
}
.ColumnSet .card h3 {
background:#fff url(/rd/image/portal_button_icon.png) right no-repeat;
border: #D6D6D6 solid 1px;
bottom: 0;
bottom: -1px\9;
color: #333;
left: 0;
margin: 0;
padding: 9px 0;
position: absolute;
text-align: center;
width: 100%;
box-sizing: border-box;

}
.ColumnSet .card h3{
filter: alpha(opacity=85);
opacity: 0.85;
-moz-opacity: 0.85;
}
.ColumnSet .card:hover img, .js_areacolumnbtn:hover img {
-moz-opacity: 0.5;
filter: alpha(opacity=50);
opacity: 0.5;
}
.areaColumn .ColumnSet {
width: 96.6839378%;
margin: 0 auto;
}
.areaColumn .LastItem {
margin-right: 0;
}
.card a:active h3, .card a:hover h3, .card a:visited h3 {
text-decoration: underline;
}
.js_areacolumnbtn {
cursor: pointer;
float: left;
margin-right: 2.5723472%;
width: 31.6184351%;
}
.ColumnSet.portalColumn {
margin: 0 0 15px 0;
}
.ColumnSet.portalColumn_full {
/*padding-top: 350px;*/
margin-bottom: 10px;
}
.ColumnSet.portalColumn_full .Column1andsecond{
margin: 0;
}
.contentsWidth .ColumnSet.portalColumn
{margin-bottom: 30px;}
.areaColumn .ColumnSet.portal_top_box{width:100%;}
.font_normal .areaColumn {
background: #f2f2f2;
margin-bottom: 15px;
padding: 30px 0 1px;
}
.font_normal .areaColumn h2{
margin-bottom: 20px;
}
.font_normal .areaColumn p.CenterAdjust{
margin-bottom: 30px;
}

div.areaColumn {
background: #f2f2f2;
margin-bottom: 15px;
padding: 10px 0 8px;
}
div.areaColumn h2 {
font-size: 170%;
font-weight: bold;
margin: 0;
padding: 0;
text-align: center;
}
div.areaColumn p {
font-weight: bold;
}

.Section.font_normal h2, .Section.font_normal p {
    font-weight: normal!important;
}

.PageTitleStyle1.title_center, .PageTitleStyle2.title_center {
    padding-top: 70px;
    margin-bottom: 70px;
}
.PageTitleStyle1.title_center h1, .PageTitleStyle2.title_center h1 {
    font-size: 30px;
    font-weight: normal;
    line-height: 1em;
    color: #000;
    text-align: center;
}
/* publication Setting
=========================================================================================== */
/*
パブリケーション
*/
div.publication dl.ListStyle1 {
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
div.publication dl.ListStyle1 dd {
background: url("/image/jp/r1/icon/icon_list_marker.gif") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
color: #737373;
font-size: 90%;
line-height: 140%;
margin: 0 0 5px 15px;
padding: 0 0 0 1em;
}
div.publication dl.ListStyle1 dt {
background: none;
border-top: 1px solid #ddd;
color: #737373;
font-size: 100%;
font-weight: bold;
line-height: 130%;
margin-top: 15px;
padding-left: 0;
padding-top: 15px;
}
div.publication dl.ListStyle1:before {
color: #737373;
/*content: "論文タイトル・執筆者・掲載誌名";*/
/*content: "論文タイトル・掲載誌名";*/
text-align: center;
}
.kenkyuryouiki_text .CenterAdjust{margin: 20px 0 30px;}

/* Column Setting
=========================================================================================== */
/*
3分割カラム
*/

.ColumnSet .Column1andsecond {
	float: left;
margin: 0 0 0 1%;
width: 478px;
}
.ColumnSet .Column1andsecond:nth-child(2n) {
float: right;
}
.contentsWidth .ColumnSet .Column1andsecond {
width: 48.4%;
float: left;
margin: 0%;
}
.contentsWidth .ColumnSet .Column1andsecond:nth-child(2n) {
width: 48.4%;
float: right;
margin: 0%;
}

.ColumnSet .Column1andthird {
float: left;
margin: 0 0 0 1.0362694%;
width: 32.642487%;
}
.Column1andthird.FirstItem,
.Column2andhalf.FirstItem {
margin: 0;
}
.Grid4 .Column2andhalf {
float: left;
margin: 0;
padding-left: 14px;
width: 61.9689119%;
box-sizing: border-box;
}
.Grid4 .Column1andHalf {
float: left;
width: 36.5803108%;
box-sizing: border-box;
}
.areaColumn .Column1andthird {
margin: 0 0 0 8px;
width: 311px;
}

.areaColumn .portal_top_box .Column1andthird {
margin: 0 0 0 1.7%;
width: 31%;
}
/*
720px 4分割カラム
*/
.Column4for720.FirstItem {
margin: 0
}
.Column4for720 {
float: left;
margin: 0 0 0 12px;
width: 171px;
}
/*.ColumnSet .Column1andsecond {
    width: 48.4%;
    float: left;
    margin: 0%;
}*/

/* glossary Setting
=========================================================================================== */
/*
用語集行選択スタイル
*/
.SelectLine h2 { display: none; }
ul.RdAlphabetNaviEn, ul.RdAlphabetNaviEnOthers, ul.RdAlphabetNaviJa {
font-size: 83%;
font-weight: bold;
margin: 0;
}
ul.RdAlphabetNaviEn li, ul.RdAlphabetNaviEnOthers li, ul.RdAlphabetNaviJa li {
color: #fff;
float: left;
margin: 0 3px 6px 0;
text-align: center;
}
ul.RdAlphabetNaviEn li a {
background: #575757;
color: #fff;
display: block;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
white-space: nowrap;
width: 1.8em;
}
ul.RdAlphabetNaviEn li a:active, ul.RdAlphabetNaviEn li a:hover, ul.RdAlphabetNaviEnOthers li a:active, ul.RdAlphabetNaviEnOthers li a:hover, ul.RdAlphabetNaviJa li a:active, ul.RdAlphabetNaviJa li a:hover {
background-color: #c02;
color: #ffffff;
font-weight: bold;
}
ul.RdAlphabetNaviEn li.LastItem, ul.RdAlphabetNaviEnOthers li.LastItem, ul.RdAlphabetNaviJa li.LastItem {
margin-right: 0;
}
ul.RdAlphabetNaviEn li.NoLink, ul.RdAlphabetNaviEnOthers li.NoLink, ul.RdAlphabetNaviJa li.NoLink {
background: #fff;
border: #575757 solid 1px;
color: #575757;
padding-bottom: 4px;
padding-top: 4px;
width: 1.8em;
}
ul.RdAlphabetNaviEn li.active a, ul.RdAlphabetNaviEnOthers li.active a, ul.RdAlphabetNaviJa li.active a {
background-color: #c02;
}
ul.RdAlphabetNaviEnOthers li a {
background: #575757;
color: #fff;
display: block;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
white-space: nowrap;
}
ul.RdAlphabetNaviJa li a {
background: #575757;
color: #fff;
display: block;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
white-space: nowrap;
width: 4.3em;
}
/*
用語集タブスタイル
*/
/*
タブ
*/
.tab {
color: #fff;
font-weight: bold;
margin-bottom: 3px;
text-align: center;
width: 100%;
}
.tab li {
float: left;
width: 20%;
}
.tab li a {
background: url(/rd/glossary/image/bg_glossary_tab_off.gif) no-repeat center 0;
display: block;
padding-bottom: 12px;
padding-top: 4px;
width: 100%;
}
.tab li a:active, .tab li a:link, .tab li a:visited, .tab li.active a:active, .tab li.active a:link, .tab li.active a:visited {
color: #fff;
text-decoration: none;
}
.tab li a:hover {
background: url(/rd/glossary/image/bg_glossary_tab_hover.gif) no-repeat center 0;
color: #fff;
text-decoration: none;
}
.tab li.LastItem {
margin-right: 0;
}
.tab li.active a {
background: url(/rd/glossary/image/bg_glossary_tab_current.gif) no-repeat center 0;
}
.tab li.active a:hover {
color: #fff;
text-decoration: none;
}
/*
コンテンツ
*/
.area {
background: url(/rd/glossary/image/bg_area.gif) no-repeat right bottom;
display: none;
padding: 18px 30px;
}
.content {
background: url(/rd/glossary/image/bg_area.gif) no-repeat left bottom;
border-top: 2px solid #D6D6D6;
clear: both;
overflow: hidden;
}
.content .LinkListStyle1 li {
display: block;
float: left;
width: 49.8484948%;
}
.content .Pagetop {
display: none;
visibility: hidden;
}
/*
コンテンツ　デザイン
*/.ml25em {
margin-left: 2.5em!important;
}
.mt15 {
margin-top: 15px!important;
}
.w175flRight {
float: right;
width: 175px;
}
.w270flLeft {
float: left;
width: 270px;
}
.w270flRight {
float: right;
width: 270px;
}
.w430flLeft {
float: left;
width: 430px;
}
.w525flLeft {
float: left;
width: 525px;
}
dl.AdditionalMicro dd {
clear: both;
float: left;
font-size: 90%;
line-height: 1.35;
margin: -1.4em 0px 4px 4em;
}
dl.AdditionalMicro dt {
clear: left;
float: left;
font-size: 90%;
line-height: 1.35;
width: 4em;
}
/*
人気の用語
*/

div.PopularTerm ul li {
background-position: left 0;
background-repeat: no-repeat;
padding-bottom: 2px;
padding-left: 42px;
}
div.PopularTerm ul li.rank1 {
background-image: url(/rd/glossary/image/number_1.gif);
background-size: 35px 24px;
}
div.PopularTerm ul li.rank10 {
background-image: url(/rd/glossary/image/number_10.gif);
background-size: 35px 24px;
}
div.PopularTerm ul li.rank2 {
background-image: url(/rd/glossary/image/number_2.gif);
background-size: 35px 24px;
}
div.PopularTerm ul li.rank3 {
background-image: url(/rd/glossary/image/number_3.gif);
background-size: 35px 24px;
}
div.PopularTerm ul li.rank4 {
background-image: url(/rd/glossary/image/number_4.gif);
background-size: 35px 24px;
}
div.PopularTerm ul li.rank5 {
background-image: url(/rd/glossary/image/number_5.gif);
background-size: 35px 24px;
}
div.PopularTerm ul li.rank6 {
background-image: url(/rd/glossary/image/number_6.gif);
background-size: 35px 24px;
}
div.PopularTerm ul li.rank7 {
background-image: url(/rd/glossary/image/number_7.gif);
background-size: 35px 24px;
}
div.PopularTerm ul li.rank8 {
background-image: url(/rd/glossary/image/number_8.gif);
background-size: 35px 24px;
}
div.PopularTerm ul li.rank9 {
background-image: url(/rd/glossary/image/number_9.gif);
background-size: 35px 24px;
}
div.RankBox {
background: #f2f2f2;
margin-bottom: 15px;
padding: 10px;
}
div.RankBox h2 {
background: none;
border-bottom: 1px solid #D6D6D6;
font-size: 90%;
font-weight: bold;
margin: 0 0 4px;
padding: 0 0 4px;
}
div.RankBox ul.LinkListStyle2 {
margin: 0;
}
/*
最近追加した用語
*/
div.RankBox ul li.Add {
}

/* NewsRelease Setting
=========================================================================================== */
/*
ニュースリリース
*/

.NewsRelease dl {
border-bottom: 1px solid #ddd;
}
.NewsRelease dt {
border-top: 1px solid #ddd;
padding: 15px 0 !important;
width: 9em;
}
.NewsRelease ul {
margin: 0 !important;
}
.NewsRelease li {
border-top: 1px solid #ddd;
overflow: hidden;
padding: 15px 0 !important;
}
.NewsRelease a {
max-width: 430px;
}
.NewsRelease span {
display: block;
float: right;
margin-left: 15px;
width: 120px;
}

.NewsRelease2 dl {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: -1px 0 0 0;
}
.NewsRelease2 dt {
padding: 15px 0 !important;
margin: 0 !important;
width: 9em;
}
.NewsRelease2 dd {
border-top: none;
border-bottom: none;
padding: 10px 0 !important;
margin: 0 !important;
}
.NewsRelease2 p img {
margin: 5px 0 !important;
}
.NewsRelease2 ul {
margin: 0 !important;
}
.NewsRelease2 li {
overflow: hidden;
font-size: 105% !important;
}
.NewsRelease2 a {
max-width: 480px;
}

/* award Setting
=========================================================================================== */
/*
表彰
*/
div.award {
margin-bottom: 20px
}
div.award h2 span:before {
content: "受賞時期："
}
div.award h3 {
display: block;
border-bottom: 1px solid #ddd;
margin: 0 0 15px;
}
div.award h3:before {
content: "表彰団体："
}
div.award h3 span {
display: block;
font-size: 90%;
}
div.award h3 span:before {
content: "表彰名："
}
div.award ul.ListStyle1 {
margin-bottom: 20px
}
div.award h3, div.award ul.ListStyle1, div.award ul.ListStyle1 li {
zoom: 1
}
div.award h3:after, div.award ul.ListStyle1:after, div.award ul.ListStyle1 li:after {
content: "";
display: block;
clear: both;
}
div.award ul.Column li {
margin-right: 22px;
float: left;
}

/* major_pub Setting
=========================================================================================== */
/*
主要論文
*/
dl.major_pub dt {
border-top: #ddd solid 1px;
float: left;
width: 3em;
}
dl.major_pub dd {
margin-top: 12px;
margin-bottom: 12px;
width: auto;
margin-left: 3em;
border-top: #ddd solid 1px;
}
dl.major_pub dd:before {
}
dl.major_pub dd.pub {
}
dl.major_pub dd.achv {
}
dl.major_pub dd.achv span {
margin-right: 0.5em
}
dl.major_pub dd.achv:before {
content: "主要業績："
}
dl.major_pub dd.achv_en span {
margin-right: 0.5em
}

/* Related Setting
=========================================================================================== */
/*
関連リンクボックスパターンスタイル
*/
div.Related dd, div.Related dd li {
padding-top: 3px;
}
div.Related dd ul {
padding-right: 5px;
}

/* btn_historyback Setting
=========================================================================================== */
/*
一つ前のページに戻る
*/
p.btn_historyback {
font-size: 83%;
font-weight: bold;
margin: 0 auto 6px;
text-align: center;
width: 12em;
}
p.btn_historyback a {
background: #575757;
color: #fff;
color: #fff;
display: block;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
width: 12em;
}
p.btn_historyback a:active, p.btn_historyback a:hover {
background-color: #c02;
color: #ffffff;
font-weight: bold;
}

/* design_recruit Setting
=========================================================================================== */
/*
デザイン採用スタイル
*/
.design_recruit dl.ListStyle1 dt{background:none;}
.design_recruit dl.ListStyle1 dt:before{content: "■" }
.design_recruit dl dd ul{font-size:100%;}
.design_recruit ul.hlist li{
float:left;
margin-right:12px;
}

/* innovators Setting
=========================================================================================== */
/*
小泉名誉フェローPublication Listスタイル
*/
ol.koi_pub li {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: solid 1px #ddd;
}
ol.koi_pub li strong {
margin-right: 0.5em;
margin-left: 0.5em;
}
ul.hlist li {
float: left;
margin-right: 12px;
}
ul.LinkListStyle1 ul {
margin-left: 2em;
}

/* about Setting
=========================================================================================== */
/*
概要セッティング
*/
p.about{
font-size:160%;
}
table.about caption{
text-align:right;
}

/* about Setting
=========================================================================================== */
/*
歴史表セッティング
*/
.TableHistory{}
.TableHistory th{
text-align:center;
background:#333;
color:#FFF;
font-weight:bold;}
.TableHistory th.year{	background:#999;
color:#000;
}
.TableHistory th.event{background:#ddd;
color:#000;}
.TableHistory td{}

.TableHistory table,
.TableHistory table th,
.TableHistory table td{
margin:0;
padding:0;
border:none;}
.TableHistory table{
width:auto;}
.TableHistory table td{
vertical-align:top;
font-size:100%;
text-align:center;
padding-left:4px;
padding-right:4px;}
.TableHistory table td img{
margin:4px 0;}
.TableHistory table td.Bottom{
vertical-align:bottom;
}

div.design_culumn{
background:#564a3c;
margin-bottom:15px !important;
}



div.design_culumn,
div.design_culumn p,
div.design_culumn img{
	margin:0;
	padding:0;
	}
div.design_culumn img{
	margin:20px 0;
}

a:hover img {
-moz-opacity: 0.5;
filter: alpha(opacity=50);
opacity: 0.5;
}
.PageTitleStyle3 h1 a:hover img {
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}


/* about Setting
=========================================================================================== */
/*
ルビセッティング
*/
@-moz-document url-prefix() {
  rt, rp {
    display: none;
  }
}




@media screen and (max-width: 994px) {

.Grid4 .Column1andHalf {
padding: 0 0 0 15px;
}
.ColumnSet .Column1andsecond {
    float: left;
    margin: 0 0 0 1%;
    width: 49.5%;
}
}


@media screen and (max-width: 767px) {

.Column2andhalf h2 {
margin-left: 0;
}


/* glossary Setting
=========================================================================================== */
/*
用語集行選択スタイル
*/
.SelectLine h2 {
display: block;
margin: 0 0;
padding: 10px;
font-weight: bold;
background: url(/rd/glossary/image/icon_plus.gif) no-repeat right center #eee;
}
.SelectLine h2.open {
background: url(/rd/glossary/image/icon_minus.gif) no-repeat right center #eee;
}
.SelectLine h2:hover{
cursor: pointer;
}
.SelectLine div{
display: none;
padding: 10px;
background-color: #eee;
}
.content .LinkListStyle1 li {
display: block;
float: none;
width: 90%;
}

/* NewsRelease Setting
=========================================================================================== */
/*
ニュースリリース
*/
.NewsRelease2 dd {
padding: 10px 0 0 0 !important;
margin-bottom: 0 !important;
}
.NewsRelease2 ul{
margin: 5px 0 0 0 !important;
}
.NewsRelease2 dd p img {
margin: 15px 0 !important;
}

}


@media screen and (max-width:579px){

/* portal Setting
=========================================================================================== */
/*
研究紹介
*/
div.areaColumn {
padding: 10px 15px 8px;
}
.areaColumn .ColumnSet {
margin: 0 auto;
width: 100%;
}
.js_areacolumnbtn {
float: none;
margin-right: 0;
padding-bottom: 10px;
width: 100%;
}
.js_areacolumnbtn.LastItem {
padding-bottom: 0;
}
.js_areacolumnbtn img {
width: 100%;
}

/* Column Setting
=========================================================================================== */
.ColumnSet .Column1andthird {
float: none;
margin: 0 0 10px;
width: 100%;
}
	.ColumnSet .Column1andsecond {
float: none;
margin: 0 0 10px;
width: 100%;
}
.ColumnSet.portalColumn_full .Column1andsecond:first-child {
margin: 0 0 10px 0;
padding-top: 30px;
}
.Grid4 .Column2andhalf,
.Grid4 .Column1andHalf {
float: none;
margin: 0;
padding: 0 0 0 15px;
width: 100%;
}
.Column2andhalf h2 {
margin-left: -15px;
}
.ColumnSet .Column1andsecond img {
    width: 100%;
}
.ColumnSet .Column1andthird img {
width: 100%;
}


/* NewsRelease Setting
=========================================================================================== */
/*
ニュースリリース
*/
.NewsRelease dt {
border-top: 1px solid #ddd;
padding: 15px 0 !important;
width: 100%;
}

.NewsRelease li {
border-top: none;
overflow: hidden;
padding: 0 0 15px !important;
}
.NewsRelease2 dt {
border: none !important;
padding: 10px 0 0 0 !important;
width: 100%;
}
.NewsRelease2 dd {
border: none !important;
padding: 0px 0 0 0 !important;
}
.NewsRelease2 dd p img {
margin: 15px 0 5px 0 !important;
}

}


/* [xx] 特集コンテンツ
=========================================================================================== */
.feature_contents {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding-top: 20px;
}
.feature_list {
	align-self: stretch;
    width: calc((100% - 19px) / 3);
	margin-bottom: 15px;
	border: 1px solid #cccccc;
}
.feature_list img {
    width: 100%;
}
.feature_list a {	
	display: block;
	color: #333;
	text-decoration: none;
}
.feature_list p {
	margin-bottom: 0;
	padding: 15px 15px;
}
@media screen and (max-width: 994px) {
	.feature_contents {
		padding-top: 20px;
	}
    .feature_list {
    	width: calc((100% - 19px) / 2);
    }
}
@media screen and (max-width: 520px) {
	.feature_list {
		width: 100%;
	}
}


/* [xx] 100周年
=========================================================================================== */
.Sec100th {
	margin-bottom: 50px;
}
.Sec100th h2 {
	margin-bottom: 10px;
	font-size: 	200%;
	text-align: center;
	background: none;
}
.Sec100th .ImgHeadingStyle h3 {
	background: #e60027;
}
@media screen and (max-width: 994px) {
	.Sec100th h2 {
		padding: 0 15px;
		font-size: 150%;
	}
}

/* [xx] メガメニュー
=========================================================================================== */
.MMBannerLinkStyle a:link strong,
.MMBannerLinkStyle a:visited strong {
	background-color: #07044a;
}
.MMBannerLinkStyle a:hover strong,
.MMBannerLinkStyle a:active strong {
	background-color: #0a08a0;
}
.MMBannerLinkStyle a:link strong span,
.MMBannerLinkStyle a:visited strong span {
	color: #dedede;
}
.MMBannerLinkStyle a:hover strong  span,
.MMBannerLinkStyle a:active strong span {
	color: #ffffff;
}