@charset "utf-8";

/*===================================================================
  import reset CSS
===================================================================*/
@import url(./ress.css);

/*===================================================================
  Common
===================================================================*/
html{ width:100%; overflow-y:scroll; overflow-x:hidden; background-color:#ffffff; }
body{ width:100%; color:#323232; font-size:14px; font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS P Gothic',Verdana,Arial,Helvetica,sans-serif; }
a{ color:#333333; text-decoration:none; }
a:hover{ color:#a71b03; text-decoration:underline; }
a.BtnImg img{ opacity:1; }
a.BtnImg:hover img{ opacity:0.5; }
div:after{ display:block; content:""; clear:both; }
p{ line-height:200%; }

.fItalic{ font-style:italic; }
.fNormal{ font-weight:normal; }
.fBold{ font-weight:bold; }

/*===================================================================
  Contents
===================================================================*/

h1{}
h2{font-size:28px;line-height:140%;font-weight:bold;}
.Caption{font-size:12px;line-height:120%;padding-top:5px;}
.Str01{font-size:22px;font-weight:bold;}
.Str02{color:#808080;}
.Str03{color:#f09600;}
.Str04{color:#6eb43c;}
.Str05{font-size:16px;font-weight:bold;}
.Str06{color:#456374;}
.Sx90{font-size:90%;}
.S11{font-size:11px;}
.S12{font-size:12px;}
.S14{font-size:14px;}
.S16{font-size:16px;}
.S18{font-size:18px;}
.S20{font-size:20px;}
.S22{font-size:22px;}
.S24{font-size:24px;}
.Italic{font-style:italic;}
.Bold{font-weight:bold;}
.fNormal{ font-weight:normal; }
.Indent{text-indent:1em;}
.supText{font-size: 75.5%;vertical-align: top;position: relative;top: -0.1em;}
.subText{font-size: 75.5%;vertical-align: bottom;position: relative;top: 0.1em;}
.cGray{ color:#939393; }
.cRed{ color:#a71b03; }
.cBlue{ color:#3366cc;}
.MarginTop1em{margin-top:1em;}

.ImgBorder{border:1px solid #cccccc;}

.boT{ border-top:1px #b2b2b2 solid; padding-top:0.5rem; margin-top:0.5rem; }
.boT0{ border-top:none; }
.boB{ border-bottom:1px #b2b2b2 solid; padding-bottom:0.5rem; margin-bottom:0.5rem; }
.boB0{ border-bottom:none; }

.mTS{ margin-top:0.5rem; }
.mTM{ margin-top:1rem; }
.mTL{ margin-top:3rem; }
.mTLL{ margin-top:6rem; }
.mBS{ margin-bottom:0.5rem; }
.mBM{ margin-bottom:1rem; }
.mBL{ margin-bottom:3rem; }
.mBLL{ margin-bottom:6rem; }
.mL1{ margin-left:1rem; }
.mL1Plus{ margin-left:1.2rem; }
.mL2{ margin-left:2rem; }
.mL2Plus{ margin-left:2.2rem; }
.mL3{ margin-left:3rem; }
.mL3Plus{ margin-left:3.2rem; }

.bgcW{ background-color:#ffffff; }

.inBlock{ display:inline-block; }

.QRcode01{ width:6rem; margin-top:0.5rem; }


.mainVisualArea{ background-position:center; background-repeat:no-repeat; }
.mainVisualContainer{ width:960px; height:200px; margin:0 auto; }
.mainVisual{}
.mainCatchImg{ width:100%; height:200px; background-position:center; background-repeat:no-repeat; }
.mainBodyArea{ width:960px; margin:0 auto; }
.breadNavi{}
.breadNavi p{ font-size:12px; line-height:12px; padding:20px 0; }
.scrollArrowTop{ cursor:pointer; width:110px; height:26px; }


/*------------------------------------------------------------------- About */
.abIndexTitle{}
.abIndexBox{ margin-top:30px; }
.abIndexBox a{ display:block; float:left; position:relative; width:460px; height:230px; margin-right:40px; margin-bottom:35px; }
.abIndexBox a:nth-of-type(2n){ margin-right:0; }
.abBox01{ margin-bottom:20px; margin-top:30px; }
.abBox01L{ float:left; width:110px; }
.abBox01R{ float:left; width:850px; margin-left:0px; border-top:1px #c9c9c9 solid; }
.abBox01 .s01{ color:#ffffff; width:80px; height:80px; line-height:80px; font-size:20px; text-align:center; background-color:#456374; }
.abBox01 .s02{ width:850px; font-size:16px; font-weight:bold; padding:10px 0; border-bottom:1px #c9c9c9 solid; }
.abBox02{ margin-top:30px; }
.abBox02 .s01{ width:650px; }
.abBox03{ width:960px; height:500px; margin-top:30px; position:relative; }
.abBox03 .s01{ width:500px; position:absolute; top:0; left:0; }
.abBox03 .i01{ width:730px; height:auto; position:absolute; top:20px; right:0; }
.abBox03 .i02{ width:220px; height:auto; position:absolute; top:180px; left:0; }
.abBox04{ margin-top:80px; }
.abBox04L{ float:left; width:450px; }
.abBox04R{ float:left; width:450px; margin-left:60px; }
.abBox04 .s01{ width:450px; font-size:20px; font-weight:bold; padding:5px 0; border-bottom:1px #333333 solid; }
.abBox04 .s02{ margin-top:10px; }
.abBox05{ margin-top:50px; }
.abBox05 img{ float:left; width:300px; height:210px; margin-left:30px; }
.abBox05 img:nth-of-type(1){ margin-left:0; }
.abBox06{ margin-top:30px; }
.abBox06 p{ font-size:20px; font-weight:bold; padding:5px 0; border-bottom:1px #333333 solid; }
.abBox07{ width:960px; height:900px; margin-top:30px; position:relative; }
.abBox07 p{ /*width:630px;*/ height:140px; position:absolute; top:0; left:375px; }
.abBox07 img{ width:960px; height:auto; position:absolute; top:5rem; left:0; }
.abBox08{ margin-top:100px; }
.abBox08 p{ font-size:20px; font-weight:bold; padding:5px 0; border-bottom:1px #333333 solid; }
.abBox09{ margin-top:10px; }
.abBox09L{ float:left; width:450px; }
.abBox09R{ float:left; width:450px; margin-left:60px; }
.abBox10{
	width: 960px;
	height: 676px;
	margin-top: 40px;
}
.abPurposeImg01{ width:960px; height:450px; margin-top:30px; }
.abPurposeImg02{ width:960px; margin-top:100px; }


/*------------------------------------------------------------------- Organization */
.orIndexTitle{}
.orBox01{ width:960px; height:656px; margin-top:0px; position:relative; }
.orBox01 p{ width:680px; height:40px; position:absolute; top:0; left:280px; }
.orBox01 a{ color:#a71b03; }
.orBox01 img{ width:960px; height:656px; position:absolute; top:0; left:0; }
.orBox02{ width:960px; height:451px; margin-top:30px; }
.orBox03{}
.orBox03 p{ font-size:20px; font-weight:bold; text-align:center; margin-top:80px; }
.orBox04{ width:960px; margin-top:30px; }
.orBox04 a{ display:block; float:left; width:450px; margin-left:40px; margin-bottom:40px; width:460px; height:250px; color:#333333; background-color:#e5e5e5; border-radius:10px; }
.orBox04 a:nth-of-type(1){ margin-left:0; }
.orBox04 a:nth-of-type(3){ margin-left:0; }
.orBox04 a p:nth-of-type(1){ height:68px; line-height:68px; font-size:28px; color:#ffffff; padding-left:20px; position:relative; border-radius:10px 10px 0 0;  }
.orBox04 a p:nth-of-type(1):after{ content:url(../img/iconLinkArrowWhite.png); position:absolute; top:-5px; right:20px; }
.orBox04 a p:nth-of-type(2){ padding:20px; }
.orBox04 a:hover{ opacity:0.5; color:inherit; text-decoration:inherit; }
.orBox05{ width:960px; margin-top:30px; }
.orBox05 img{ float:left; margin-left:30px; width:300px; height:210px; }
.orBox05 img:nth-of-type(1){ margin:0; }
.orBox06{ width:960px; margin-top:30px; }
.orBox07{ width:960px; margin-top:50px; }
.orBox07 a{ display:block; float:left; margin-left:40px; width:460px; height:230px; }
.orBox07 a:nth-of-type(1){ margin:0; }
.orBox08{ margin-top:30px; }
.orBox08L{ float:left; width:756px; }
.orBox08R{ float:left; width:164px; margin-left:40px; }
.orBox08R img{ display:block; margin-bottom:10px; }
.orBox09{ margin-top:20px; }
.orBox09L{ float:left; width:455px; }
.orBox09R{ float:left; width:266px; margin-left:35px; }
.orBox09R p{ line-height:100%; }
.orBox09R .s01{ margin-top:5px;font-weight:bold; line-height:130%; }
.orBox09R .s02{ margin-top:5px;font-size:22px; font-weight:bold; }
.orBox09R .s03{ margin-top:5px;color:#808080; }
.orBox09R .s04{ margin-top:15px;color:456374808080; line-height:130%; }
.orBox09L_2{ width:632px; margin-bottom:1rem; }
.orBox09R_2{ width:642px; margin-top:0.5rem; display:flex; }
.orBox09R_2 > div{ width:50%; padding-right:2rem; }
.orBox09R_2 > div > .s01{ margin-top:5px;font-weight:bold; line-height:130%; }
.orBox09R_2 > div > .s02{ margin-top:5px;font-size:22px; font-weight:bold; line-height:130%;}
.orBox09R_2 > div > .s03{ margin-top:0;color:#808080; }
.orBox09R_2 > div > .s04{ margin-top:15px;color:456374808080; line-height:130%; }
.orBox10{ width:756px; margin-top:80px; }
.orBox11{ margin-top:30px; }
.orBox12{ width:960px; margin-top:30px; }
.orBox13{ width:960px; margin-top:50px; }

.BaseStr01{ background-color:#4c4c4c; color:#ffffff; font-size:20px; }
.BaseStr01 p{padding:3px 10px 3px 10px; }
.BaseStr02{ font-size:20px; font-weight:bold; line-height:140%; }
.SupportStr01{ float:left; width:462px; margin-left:0px; }
.SupportStr02{ background-color:#4c4c4c; }
.SupportStr02 p{ color:#ffffff; font-size:20px; font-weight:bold; padding:3px 0 3px 10px; }
.SupportStr03{ }
.SupportStr03 p{ padding-top:10px; }
.SupportStr04{ float:left; width:462px; margin-left:36px; }


/*------------------------------------------------------------------- Project */
.prIndexTitle{}
.prIndexTitle img{ float:left; }
.prIndexTitle a:nth-of-type(1) img{ margin-top:10px; margin-bottom:-10px;}
.prIndexCatBtn{ width:960px; height:44px; margin-top:30px; }
.prIndexCatBtn img{ cursor:pointer; float:left; display:block; margin-left:8px; width:234px; height:44px; }
.prIndexCatBtn img:hover{ opacity:0.5; }
.prIndexCatBtn img:nth-of-type(1){ margin-left:0; }
.prIndexCatTitle{ width:960px; height:68px; margin-top:50px; }
.prIndexBox01{ margin-top:20px; display:flex; flex-wrap:wrap; }
.prIndexBox01 a{ /*display:block; float:left;*/ position:relative; width:310px; /*height:490px;*/ margin-right:15px; margin-bottom:15px; background-color:#ededed; padding-bottom:3rem; }
.prIndexBox01 a:hover{ opacity:0.5; color:#333333; text-decoration:none; }
.prIndexBox01 a:nth-of-type(3n){ margin-right:0; }
.prIndexBox01 div{ height:180px; }
.prIndexStr01{ font-size:12px; line-height:100%; padding:0 15px; }
.prIndexStr02{ font-size:16px; font-weight:bold; line-height:145%; padding:5px 0 4px 0; margin:0 15px;  border-bottom:1px #333333 solid; }
.prIndexStr03{ font-weight:bold; line-height:100%; padding:0 15px; margin-top:10px; }
.prIndexStr04{ font-size:12px; line-height:145%; padding:0 15px; margin-top:3px; }
.prIndexStr05{ font-size:12px; line-height:150%; color:#ffffff; padding:5px 8px; width:310px; background-color:#4a483e; position:absolute; bottom:0; }
.prIndexBtnPgTop{ width:960px; height:26px; margin-top:50px; padding-top:20px; padding-bottom:100px; border-top:1px #bebebe solid; }
.prIndexBtnPgTop div{ float:right; }
.prUnit1{ background-color:#e75432; }
.prUnit2{ background-color:#00b6d8; }
.prUnit3{ background-color:#b5c83b; }
.prUnit4{ background-color:#9e7291; }
.prBox01{ height:30px; margin-top:30px; }
.prBox01 p{ float:left; width:60px; line-height:30px; text-align:center; }
.prBox01 p:nth-of-type(1){ width:60px; height:30px; font-size:15px; border:1px #333333 solid; margin-right:5px; }
.prBox01 p:nth-of-type(2){ width:180px; height:30px; color:#ffffff; margin-right:5px; }
.prBox01 p:nth-of-type(3){ width:30px; height:30px; font-size:12px; color:#ffffff; background-color:#4d4d4d; }
.prBox01 p:nth-of-type(3):first-letter{ font-size:18px; }
.prBox01 p:nth-of-type(4){ width:auto; height:30px; background-color:#e4e4e4; padding:0 10px;}
.prBox02{ margin-top:20px; }
.prBox02L{ float:left; width:600px; }
.prBox02L p:nth-of-type(2){ line-height:200%; text-indent:1em;}
.prBox02L p:nth-of-type(3){ line-height:200%; text-indent:1em;}
.prBox02L p:nth-of-type(4){ line-height:200%; text-indent:1em;}
.prBox02L p:nth-of-type(5){ line-height:200%; text-indent:1em;}
.prBox02R{ float:left; width:310px; margin-left:50px; }
.prBox03{ margin-bottom:20px; }
.prBox03 p:nth-of-type(1){ width:310px; height:25px; line-height:25px; color:#ffffff; text-align:center; background-color:#4d4d4d; }
.prBox03 p:nth-of-type(2){ width:310px; line-height:25px; font-size:16px; font-weight:bold; text-align:center; padding:25px 0; background-color:#eeeeee; }
.prBox04{ margin-top:50px; }
.prBox05{ margin-bottom:20px; }
.prBox05L{ float:left; width:630px; }
.prBox05R{ float:left; width:330px; padding-top:30px; }
.prBox06{ margin-bottom:20px; }
.prBox06L{ float:left; width:460px; }
.prBox06R{ float:left; width:460px; margin-left:40px; }

<!--projectA15 共同研究企業-->
.prBox07{ margin-bottom:20px; }
.prBox07 p:nth-of-type(1){ width:960px; height:25px; line-height:25px; color:#ffffff; text-align:center; background-color:#4d4d4d; margin-top:50px; }
.prBox07 p:nth-of-type(2){ width:960px; line-height:25px; font-size:16px; font-weight:bold; text-align:center; padding:25px 25px; background-color:#eeeeee; }

.prProjectMember{ font-size:30px; line-height:100%; background-color:#ededed; padding:20px; margin-top:100px; }
.prStr01{ font-size:26px; line-height:130%; border-bottom:1px #333333 solid; padding-bottom:10px; margin-bottom:10px; font-weight:bold; }
.prStr02{ font-size:18px; line-height:100%; padding:50px 0 10px 0; }
.prResearcherInfo{ line-height:160%; margin-top:20px;}
.prResearcherInfo span.s01{ font-size:24px; font-weight:bold; }
.prResearcherInfo span.s02{ color:#456374; font-style:italic; padding-left:0.75em; }
.prResearcherInfo span.s03{ color:#707070; }
.prResearcherInfo span.s04{}
.prResearcherInfo p.s03{ color:#707070; }
.prResearcherInfo p.s04{ font-size:15px; line-height:150%; margin-top:3px;}
.prResearcherInfo a.btnResearcherList{ margin-top:10px;}
.prMemberInfo{ width:460px; height:120px; padding:15px 20px; margin-bottom:4px; position:relative; background-color:#ededed; border-radius:2px; }
.prMemberInfo span.s01{ font-size:20px; font-weight:bold; }
.prMemberInfo span.s02{ font-size:12px; color:#456374; font-style:italic; padding-left:0.75em; }
.prMemberInfo p.s03{ font-size:13px; color:#707070; }
.prMemberInfo p.s04{ line-height:145%; margin-top:2px;}
.prMemberInfo a.btnResearcherList{ position:absolute; top:20px; right:20px; }

.prMemberInfoH3{ width:460px; height:150px; padding:15px 20px; margin-bottom:4px; position:relative; background-color:#ededed; border-radius:2px; }
.prMemberInfoH3 span.s01{ font-size:20px; font-weight:bold; }
.prMemberInfoH3 span.s02{ font-size:12px; color:#456374; font-style:italic; padding-left:0.75em; }
.prMemberInfoH3 p.s03{ font-size:13px; color:#707070; }
.prMemberInfoH3 p.s04{ line-height:145%; margin-top:2px;}
.prMemberInfoH3 a.btnResearcherList{ position:absolute; top:20px; right:20px; }

.prLinkBox{ min-height:80px; position:relative; padding-left:120px; margin-top:80px; background-color:#eeeeee; border-radius:5px; padding-bottom:20px;}
.prLinkBoxL{ position:absolute; top:0; right:0; bottom:0; left:0; width:90px; border-radius:5px 0 0 5px; }
.prLinkBoxL p{ text-align:center; font-size:17px; font-weight:bold; color:#ffffff; }
.prLinkBox p{ font-size:16px; padding-top:20px; line-height:120%; font-weight:bold; }
.prLinkBox p span{ font-size:14px; line-height:200%; }
.prLinkBox a{ font-size:14px; color:#a71b03; text-decoration:underline; font-weight:normal; }
.prLinkBoxBack{ margin-top:30px; text-align:right; }
.btnResearcherList{ display:block; width:100px; height:30px; line-height:30px; color:#ffffff; text-align:center; background-color:#707070; border-radius:2px; }
.btnResearcherList:hover{ opacity:0.5; color:#ffffff; text-decoration:none; }

.prSlistCatBtn{ margin-top:30px; height:30px; }
.prSlistCatBtn a{ cursor:pointer; float:left; width:140px; height:30px; line-height:30px; margin-right:10px; color:#456374; text-align:center; background-color:#e6e6e6; border-radius:3px; }
.prSlistCatBtn a:hover, .prSlistCatBtn a[ON]{ color:#ffffff; background-color:#456374; text-decoration:none; }

.prSlistNaviBtnP{ cursor:pointer; position:absolute; top:0; left:0; }
.prSlistNaviBoxP{ display:none; position:absolute; top:0; left:96px; padding:0 15px; width:554px; height:310px; color:#19283c; text-align:center; background:#f6f6f6; border:3px solid #666666; z-index:0; border-radius:10px; }
.prSlistNaviBoxP:before{ content:""; position:absolute; top:35px; left:-8px; margin-top:-9px; display:block; width:0px; height:0px; border-style:solid; border-width:9px 9px 9px 0; border-color:transparent #f6f6f6 transparent transparent; z-index:0; }
.prSlistNaviBoxP:after{ content:""; position:absolute; top:35px; left:-12px; margin-top:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #666666 transparent transparent; z-index:-1; }
.prSlistNaviBoxP div{ width:518px; margin-top:10px; }
.prSlistNaviBoxP p{ cursor:pointer; float:left; margin-right:4px; margin-bottom:4px; width:70px; height:28px; line-height:28px; color:#ffffff; text-align:center; border-radius:3px; }
.prSlistNaviBoxP p:hover{ opacity:0.5; }
.prSlistNaviBoxPfixed{ position:fixed; top:50px; width:100%; z-index:10000; }

.prSlistNaviBtnN{ cursor:pointer; position:absolute; top:0; left:0; }
.prSlistNaviBoxN{ display:none; position:absolute; top:0; left:96px; padding:0 15px; width:310px; height:100px; color:#19283c; text-align:center; background:#f6f6f6; border:3px solid #666666; z-index:0; border-radius:10px; }
.prSlistNaviBoxN:before{ content:""; position:absolute; top:35px; left:-8px; margin-top:-9px; display:block; width:0px; height:0px; border-style:solid; border-width:9px 9px 9px 0; border-color:transparent #f6f6f6 transparent transparent; z-index:0; }
.prSlistNaviBoxN:after{ content:""; position:absolute; top:35px; left:-12px; margin-top:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #666666 transparent transparent; z-index:-1; }
.prSlistNaviBoxN div{ width:444px; margin-top:10px; }
.prSlistNaviBoxN p{ cursor:pointer; float:left; margin-right:4px; margin-bottom:4px; width:50px; height:28px; line-height:28px; color:#ffffff; background-color:#456374; text-align:center; border-radius:3px; }
.prSlistNaviBoxN p:hover{ opacity:0.5; }
.prSlistNaviBoxNfixed{ position:fixed; top:50px; width:100%; z-index:10000; }

.prSlistContainer{ margin-top:50px; }
.prSlistContainerL{ float:left; width:96px; position:relative; }
.prSlistContainerMain{ float:left; width:864px; margin-left:96px;  }

.prSlistCatAnc{ display:block; width:250px; height:30px; margin-top:30px; }
.prSlistCatAnc:hover{ color:#000000;opacity:0.5;}
.prSlistCatAnc p{ float:left; width:60px; line-height:30px; text-align:center; }
.prSlistCatAnc p:nth-of-type(1){ width:60px; height:30px; font-size:15px; border:1px #333333 solid; margin-right:5px; }
.prSlistCatAnc p:nth-of-type(2){ width:180px; height:30px; color:#ffffff; margin-right:5px; }
.prSlistCatAnc p:nth-of-type(3){ width:30px; height:30px; font-size:12px; color:#ffffff; background-color:#4d4d4d; }

.prSlistTitleA{ font-size:16px; font-weight:bold; line-height:140%; padding:10px 0 2px 0; }
.prSlistTitleB{ font-size:30px; font-weight:bold; line-height:30px; padding:10px 0 3px 0; }
.prSlistHead{ width:864px; height:17px; margin-top:5px; background-color:#4a483e; border-radius:3px; }
.prSlistHead p{ float:left; font-size:11px; color:#ffffff; height:17px; line-height:17px; }
.prSlistHead p:nth-of-type(1){ width:240px; margin-left:10px; }
.prSlistHead p:nth-of-type(2){ width:414px; margin-left:0px; }
.prSlistHead p:nth-of-type(3){ width:38px; margin-left:4px; text-align:center; }
.prSlistHead p:nth-of-type(4){ width:70px; margin-left:4px; text-align:center; }
.prSlistHead p:nth-of-type(5){ width:70px; margin-left:4px; text-align:center; }

.prSlist{ width:864px; margin-top:2px; background-color:#ededed; border-radius:3px; }

.prSlistBox1{ float:left; width:240px; margin-left:10px; padding:10px 0 30px 10px; }
.prSlistBox2{ float:left; width:414px; margin-left:0px; }
.prSlistBox3{ float:left; width:38px; margin-left:4px; text-align:center; padding-top:15px; }
.prSlistBox4{ float:left; width:70px; margin-left:4px; text-align:center; padding:13px 0; }
.prSlistBox5{ float:left; width:70px; margin-left:4px; text-align:center; padding:13px 0; }

.prSlistBox1 p:nth-of-type(1){ font-size:18px; font-weight:bold; line-height:120%; }
.prSlistBox1 p:nth-of-type(2){ font-size:12px; color:#707070; line-height:120%; padding-top:5px; }
.prSlistBox2 p:nth-of-type(1){ font-size:13px; line-height:140%; padding-top:13px; }
.prSlistBox3 img{ width:24px; height:24px; }
.prSlistBox4 p{ display:block; width:70px; height:28px; line-height:28px; margin-bottom:2px; color:#ffffff; text-align:center; border-radius:3px; }
.prSlistBox4 p:hover, .prSlistBox4 a:hover{ opacity:0.5; color:inherit; text-decoration:inherit; }
.prSlistBox5 p{ display:block; width:70px; height:28px; line-height:28px; margin-bottom:2px; color:#ffffff; background-color:#707070; text-align:center; border-radius:3px; }
.prSlistBox5 p:hover, .prSlistBox5 a:hover{ opacity:0.5; color:inherit; text-decoration:inherit; }

.prSlistBtnPgTop{ width:864px; height:26px; padding-top:20px; padding-bottom:80px; }
.prSlistBtnPgTop div{ float:right; }


/*------------------------------------------------------------------- Research */
.reIndexTitle{}

.reSlistCatBtn{ margin-top:30px; height:39px; }
.reSlistCatBtn a{ cursor:pointer; float:left; width:155px; height:39px; line-height:39px; margin-left:6px; color:#ffffff; background-color:#aaaaaa; text-align:center; border-radius:5px 5px 0 0; }
.reSlistCatBtn a:hover{ opacity:0.5; text-decoration:none; }
.reSlistCatBtn a:nth-of-type(1){ margin:0; }
.reSlistCatBar{ width:960px; height:5px; margin-bottom:30px; }


/* 1 reNe:報道 */
/* 2 reBi:著書 */
/* 3 reCo:学術・学会活動 */
/* 4 rePr:表彰・受賞 */
/* 5 rePa:特許 */

.reCategory0{ width:70px; height:16px; line-height:14px; text-align:center; font-size:11px; border:1px #dcdcdc solid; border-radius:8px; }
.reCategory0[ON]{ background-color:#ebeff6; }
.reCategory1{ width:140px; height:16px; line-height:14px; padding-left:2px; padding-right:8px; font-size:11px; border:1px #dcdcdc solid; border-radius:8px; }
.reCategory1:before{ content:"●"; color:#ca5537; margin-right:2px; font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.reCategory1[ON]{ background-color:#ebeff6; }
.reCategory2{ width:140px; height:16px; line-height:14px; padding-left:2px; padding-right:8px; font-size:11px; border:1px #dcdcdc solid; border-radius:8px; }
.reCategory2:before{ content:"●"; color:#63b5d6; margin-right:2px; font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.reCategory2[ON]{ background-color:#ebeff6; }
.reCategory3{ width:140px; height:16px; line-height:14px; padding-left:2px; padding-right:8px; font-size:11px; border:1px #dcdcdc solid; border-radius:8px; }
.reCategory3:before{ content:"●"; color:#b9c74a; margin-right:2px; font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.reCategory3[ON]{ background-color:#ebeff6; }
.reCategory4{ width:140px; height:16px; line-height:14px; padding-left:2px; padding-right:8px; font-size:11px; border:1px #dcdcdc solid; border-radius:8px; }
.reCategory4:before{ content:"●"; color:#92718f; margin-right:2px; font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.reCategory4[ON]{ background-color:#ebeff6; }
.reCategory5{ width:140px; height:16px; line-height:14px; padding-left:2px; padding-right:8px; font-size:11px; border:1px #dcdcdc solid; border-radius:8px; }
.reCategory5:before{ content:"●"; color:#939393; margin-right:2px; font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.reCategory5[ON]{ background-color:#ebeff6; }

.reCat1:before{ content:"●"; color:#ca5537; margin-right:2px; font-size:90%; font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.reCat2:before{ content:"●"; color:#63b5d6; margin-right:2px; font-size:90%; font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.reCat3:before{ content:"●"; color:#b9c74a; margin-right:2px; font-size:90%; font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.reCat4:before{ content:"●"; color:#92718f; margin-right:2px; font-size:90%; font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.reCat5:before{ content:"●"; color:#939393; margin-right:2px; font-size:90%; font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.reCatLink:before{ content:"→"; color:#a71b03; margin-right:2px; }





.reYearBtn{ width:960px; margin-top:30px; }
.reYearBtn a{ float:left; display:block; width:87px; height:30px; line-height:30px; color:#333333; text-align:center; margin-left:10px; margin-bottom:10px; background-color:#e6e6e6; border-radius:5px; }
.reYearBtn a:nth-of-type(1), a:nth-of-type(11), a:nth-of-type(21), a:nth-of-type(31){ margin-left:0; }
.reYearBtn a:hover, .reYearBtn a[ON]{ color:#ffffff; background-color:#456374; text-decoration:none; }
.reCatBtn{ width:960px; height:55px; margin-top:10px; }
.reCatBtn p{ cursor:pointer; float:left; margin-right:5px; }

#sortArea{ width:960px; margin:0 auto; }





/* 以下2024年にリニューアル */
.gridBox{ width:480px; }
.reBox{ display:block; width:470px; margin:0 auto; background-color:#ededed; position:relative; }
a.reBox{ background-image:url(../img/iconLinkArrowGrey.svg); background-repeat:no-repeat; background-position:right 15px top 15px; background-size:24px; }
a.reBox:hover{ cursor:pointer; opacity:0.6; color:inherit; text-decoration:none; }
.gridBoxBody{ width:440px; position:absolute; top:15px; left:15px; }
.gridBoxBottom{ width:470px; padding:3px 5px 5px 5px; position:absolute; bottom:0; left:0; background-color:#4a483e; }
.gridBoxBottom p{ font-size:12px; color:#ffffff; line-height:130%; margin-top:2px;}
.gridBoxBody p{font-size:13px; line-height:140%; padding-bottom:3px;}
.gridBoxBody p.ti1em{margin-left:1.1em;text-indent:-1.1em;}
.gridBoxBody p.ti2em{margin-left:2.1em;text-indent:-2.1em;}
.gridBoxBody p.ti3em{margin-left:3.1em;text-indent:-3.1em;}
.gridBoxBody p.ti4em{margin-left:4.1em;text-indent:-4.1em;}
.gridBoxBody p.ti5em{margin-left:5.1em;text-indent:-5.1em;}
.gridBoxBody p.ti6em{margin-left:6.1em;text-indent:-6.1em;}
.gridBoxBody p.ti7em{margin-left:7.1em;text-indent:-7.1em;}
.gridBoxBody p.ti8em{margin-left:8.1em;text-indent:-8.1em;}
.gridBoxBody p.ti9em{margin-left:9.1em;text-indent:-9.1em;}

.gridBoxDate{ width:470px; height:20px; margin:0 auto; }
.gridBoxDate p{ font-size:12px; color:#808080; line-height:20px; text-align:right; }

.gridBoxCat{ background-color:#4c4c4c; border-radius:4px; width:8rem; padding:0.3rem; margin-bottom:0.5rem; }
.gridBoxCat > p{ font-size:13px; text-align:center; color:#ffffff; line-height:1rem; padding-bottom:0; }

.gridBoxBody span{ font-weight:bold;}
.gridBoxBody span.S11{ font-weight:normal;}

/* reTh:論文 */
.reThBox .reThName{line-height:135%;font-size:13px;}
.reThBox .reThP1{ font-size:16px;font-weight:bold;line-height:140%; padding-bottom:4px;}
.reThBox .reThP1.S15{ font-size:15px; line-height:130%; }
.reThBox .gridBoxBody p:nth-of-type(3){margin-left:1.1em;text-indent:-1.1em;}
.reThBox a{ color:#a71b03; text-decoration:underline;}
.reThBox a:hover{ opacity:0.5;}
.reThBox .reCat1 span{ font-weight:normal; font-style:italic; }
.reThBox .reCat2 span{ font-weight:normal; font-style:italic; }
.reThBox .reCat3 span{ font-weight:normal; font-style:italic; }
.reThBox .reCat4 span{ font-weight:normal; font-style:italic; }

/* reNe:報道 */
.reNeBox .reNeP1{ font-size:16px; font-weight:bold; line-height:145%; padding-bottom:5px; }
.reNeBox .gridBoxBody .reCatLink{ margin-top:2px;}
.reNeBox a{ color:#a71b03; text-decoration:underline;}
.reNeBox a:hover{ opacity:0.5;}

/* reBi:著書 */
.reBiBox .reBiP1{ font-size:16px; font-weight:bold; line-height:145%; padding-bottom:5px; }
.reBiBox .gridBoxBody img{ margin-top:3px;}
.reBiBox .gridBoxBody > p{ margin-right:120px; }
.reBiBoxImg{ position:fixed; top:46px; right:20px; }
.reBiBox a{ color:#a71b03; text-decoration:underline;}
.reBiBox a:hover{ opacity:0.5;}

/* reCo:学術・学会活動 */
.reCoBox .reCoP0{ font-size:13px; height:25px; line-height:25px; padding:0 10px; margin-bottom:5px; border:1px #d4d4d4 solid; background-color:#ffffff; display:inline-block; }
.reCoBox .reCoP1{ font-size:16px; font-weight:bold; line-height:145%; padding-bottom:5px; }
.reCoBox .reCoP1.S14{ font-size:14px; }
.reCoBox .gridBoxBody span{ font-weight:bold; }
.reCoBox a{ color:#a71b03; text-decoration:underline;}
.reCoBox a:hover{ opacity:0.5;}

/* rePr:表彰・受賞 */
.rePrBox .rePrP1{ font-size:16px; font-weight:bold; line-height:145%; padding-bottom:5px; }
.rePrBox .gridBoxBody span{ font-weight:bold;}
.rePrBox .gridBoxBody span.S11{ font-weight:normal;}
.rePrBox a{ color:#a71b03; text-decoration:underline;}
.rePrBox a:hover{ opacity:0.5;}

/* rePa:特許 */
.rePaBox .rePaP1{ font-size:16px; font-weight:bold; line-height:145%; padding-bottom:5px; }
.rePaBox .gridBoxBody span{ font-weight:bold;}
.rePaBox a{ color:#a71b03; text-decoration:underline;}
.rePaBox a:hover{ opacity:0.5;}



#itemList{ display:flex; }



/* 年ごとにBoxの高さを指定する */
.itemList2025 .gridBox{ height:260px; }
.itemList2025 .reBox{ height:220px; } /* -40px */

.itemList2024 .gridBox{ height:430px; }
.itemList2024 .reBox{ height:390px; } /* -40px */

.itemList2023 .gridBox{ height:560px; }
.itemList2023 .reBox{ height:520px; } /* -40px */

.itemList2022 .gridBox{ height:480px; }
.itemList2022 .reBox{ height:440px; } /* -40px */

.itemList2021 .gridBox{ height:470px; }
.itemList2021 .reBox{ height:430px; } /* -40px */

.itemList2020 .gridBox{ height:480px; }
.itemList2020 .reBox{ height:440px; } /* -40px */

.itemList2019 .gridBox{ height:450px; }
.itemList2019 .reBox{ height:410px; } /* -40px */

.itemList2018 .gridBox{ height:510px; }
.itemList2018 .reBox{ height:470px; } /* -40px */

.itemList2017 .gridBox{ height:350px; }
.itemList2017 .reBox{ height:310px; } /* -40px */

.itemList2016 .gridBox{ height:370px; }
.itemList2016 .reBox{ height:330px; } /* -40px */

.itemList2015 .gridBox{ height:350px; }
.itemList2015 .reBox{ height:310px; } /* -40px */

.itemList2014 .gridBox{ height:340px; }
.itemList2014 .reBox{ height:300px; } /* -40px */

.itemList2013 .gridBox{ height:290px; }
.itemList2013 .reBox{ height:250px; } /* -40px */




/*------------------------------------------------------------------- Other */
.acIndexTitle{}
.acBox01{ width:960px; height:auto; display:flex; }
.acBox01 > img{ width:100%; }
.acBox02{ width:960px; height:auto; display:flex; border:1px solid #595656; box-sizing:content-box; }
.acBox02 > img{ width:100%; }
.acBox03{ width:960px; margin-top:80px; display:flex; }
.acBox03 > div:nth-of-type(1){ width:460px; }
.acBox03 > div:nth-of-type(1) > img{ width:100%; }
.acBox03 > div:nth-of-type(2){ flex:1; margin-left:30px; }
.inBox01{ margin-top:50px; }


/*------------------------------------------------------------------- HOME */
.homeMainVisualArea{ z-index:-1; background-position:center; background-repeat:no-repeat; }
.homeMainVisualContainer{ max-width:1100px; min-width:1000px; height:390px; margin:0 auto;  }
.homeMainVisual{}
.homeBtnNewsList{ margin-top:10px; }
.homeBtnEventList{ }

.homeEbookStr{ margin-top:2rem; padding-top:0.5rem; border-top:dotted 1px #b3b3b3; }
.homeEbookStr > p{ line-height:160%; font-weight:bold; }
.homeEbook{ padding-top:0.5rem; padding-bottom:0.8rem; border-bottom:dotted 1px #b3b3b3; border-top:none; display:flex; }
.homeEbook > div{ }
.homeEbook > div:nth-of-type(1){ width:50%; display:flex; }
.homeEbook > div:nth-of-type(1) > img{ border:1px solid #b3b3b3; }
.homeEbook > div:nth-of-type(2){ flex:1; padding-left:0.8rem; }
.homeEbook > div:nth-of-type(2) > a{ display:block; margin:0.8em 0; background-color:#e6e6e6; padding:0.6rem 0.8rem; border-radius:2rem; }
.homeEbook > div:nth-of-type(2) > a:hover{ text-decoration:none; color:#ffffff; background-color:#456374; transition:0.4s; }


/*.homeEbookStr{ margin-top:2rem; padding:0.5rem; background-color:#f5f5f5; border:solid 1px #b3b3b3; border-radius:5px 5px 0 0; }
.homeEbookStr > p{ line-height:160%; font-size:1rem; font-weight:bold; }
.homeEbook{ padding:0.8rem; border:solid 1px #b3b3b3; border-top:none; border-radius:0 0 5px 5px; display:flex; align-items:center; }
.homeEbook > div{ }
.homeEbook > div:nth-of-type(1){ width:50%; display:flex; }
.homeEbook > div:nth-of-type(1) > img{ box-shadow:0px 0px 7px rgba(0, 0, 0, 0.3); }
.homeEbook > div:nth-of-type(2){ flex:1; padding-left:0.8rem; }
.homeEbook > div:nth-of-type(2) > a{ display:block; margin:0.6rem 0; background-color:#e6e6e6; padding:0.8rem; border-radius:5px; }
.homeEbook > div:nth-of-type(2) > a:hover{ text-decoration:none; color:#ffffff; background-color:#456374; transition:0.4s; }*/


/*===================================================================
  Header
===================================================================*/
.header{ width:100%; height:180px; }
.headerUpper{ width:100%; height:110px; }
.headerUpperBody{ width:960px; margin:0 auto; position:relative; }
.headTitle{ width:359px; height:63px; position:absolute; top:24px; left:0; }
.headLogo{ width:137px; height:90px; position:absolute; top:11px; left:411px; }
.headeSearchBox{ width:330px; height:35px; position:absolute; top:9px; left:630px; }
.headOsakaUniv{ width:195px; height:25px; position:absolute; top:42px; left:765px; }
.headOsakaUniv:hover{ opacity:0.5; }
.headSubBtn01{ width:111px; height:32px; position:absolute; top:78px; left:653px; }
.headSubBtn02{ width:111px; height:32px; position:absolute; top:78px; left:766px; }
.headSubBtn03{ width:81px; height:32px; position:absolute; top:78px; left:879px; }
.headerLower{ width:100%; height:70px; background-color:#a71b03; }
.headerLowerBody{ width:960px; height:70px; margin:0 auto; }
.headMainBtnBox{ float:left; width:160px; height:70px; }
.headMainBtnSubArea{ display:none; width:100%; position:absolute; top:180px; left:0; z-index:9999; background-color:rgba(0,0,0,0.7); }
.headMainBtnSubAreaBody{ width:960px; padding:10px 0; margin:0 auto; }
.headMainBtnSubBox01{}
.headMainBtnSubBox02{ margin-left:160px; line-height:200%; }
.headMainBtnSubBox03{ margin-left:320px; line-height:200%; }
.headMainBtnSubBox04{ margin-left:480px; line-height:200%; }
.headMainBtnSubBox04Home{ margin-left:225px; padding:10px 0; }
.headMainBtnSubBox04Home div{ float:left; width:160px; height:90px; margin-right:10px; }
.headMainBtnSubBox05{ margin-left:640px; line-height:200%; }
.headMainBtnSubBox06{}
.headSubAnc{ font-size:15px; color:#ffffff; text-decoration:none; }
.headSubAnc:hover{ color:#ffd000; text-decoration:none; }
.headSubAnc:before{ content:url(../img/iconLinkArrowWhite.png); margin:0 5px; }
.homeNewsTitle{ border-bottom:1px #ababab dotted; }
.homeNewsTitle img{ width:547px; height:44px; }
.homeEventTitle{ }
.homeEventTitle a{ float:left; }
.homeEventTitle a:nth-of-type(1) { }
.homeEventTitle a:nth-of-type(2) { margin-top:10px; }
.homeNewsBox{ float:left; width:547px; margin-left:0px; }
.homeEventBox{ float:left; width:372px; margin-left:41px; }

/*===================================================================
  Footer
===================================================================*/
.footer{}
.footerUpper{ width:100%; height:130px; background-image:url(../img/footBG.png); background-repeat:repeat-x; }
.footerUpperBody{ width:960px; height:130px; margin:0 auto; position:relative; }
.btnPgTop{ cursor:pointer; width:100px; height:36px; position:absolute; top:94px; left:860px; }
.footerLower{ width:100%; height:412px; background-color:#a71b03; }
.footerLowerBody{ width:960px; height:412px; margin:0 auto; position:relative; }
.footerLinkBox{ width:960px; height:170px; border-right:1px #ffffff dotted; position:absolute; top:28px; left:0px; }
.footerLinkBox div{ float:left; height:150px; padding-left:13px; border-left:1px #ffffff dotted; }
.footerLinkBox div:nth-of-type(1){ width:191px; }
.footerLinkBox div:nth-of-type(2){ width:192px; }
.footerLinkBox div:nth-of-type(3){ width:192px; }
.footerLinkBox div:nth-of-type(4){ width:192px; }
.footerLinkBox div:nth-of-type(5){ width:192px; }
.footerLinkBox div a:nth-of-type(1){ font-size:14px; font-weight:bold;}
.footAncStr{ font-size:13px; color:#ffffff; }
.footAncStr:hover{ color:#ffd000; text-decoration:none; }
.footAncSecure{ font-size:14px; font-weight:bold; margin-top:0.5rem; display:block; }
.footAncSecure:after{ content:url(../img/iconSecure.png); margin:0 5px; }
.footStrLink{ width:70px; height:30px; position:absolute; top:210px; left:0px; }
.footStrLinkWhite{ width:960px; height:58px; position:absolute; top:241px; left:0px; background-color:#ffffff; padding:5px; }
.footStrLinkWhite div{ float:left; margin-right:15px; height:24px; }
.footLogo{ width:380px; height:70px; position:absolute; top:319px; left:0px; }
.footOsakaUniv{ width:250px; height:30px; position:absolute; top:340px; left:710px; }


/*===================================================================
  Google Custom Search
===================================================================*/
#gcs td{ border:none; }
#gcs .gsc-control-cse, #gcs .gsc-control-cse-ja, #gcs .gsib_a{ margin:0 !important; padding:1px 5px !important; }
/* テキスト入力フォームとボタンの位置 */
#gcs table.gsc-search-box td, #gcs table.gsc-search-box input{ vertical-align: top !important; }
/* テキスト入力フォーム */
#gcs input[type="text"]{ border:0; font-size:12px; height:24px !important; margin-top:100px; }

#gcs .gsc-input-box{ height:27px;}

#gcs input[type="text"]:focus { border: 0 !important; outline: 0; }
/* テキスト入力フォームの影を消す */
#gcs #gcs-iw-id1{ border:none !important; }
/* テキスト入力フォームの背景画像位置調整 */
#gcs #gs_tti0 input{ background-position:5px 5px !important; }
/* ボタンの色 */
#gcs input.gsc-search-button{ background-color:#a71b03 !important; height:27px !important; width:69px; border-color:#a71b03; }
/* ボタンの位置調整と角丸消し */
#gcs .gsc-search-button{ margin:0; }
/* テキスト入力フォームの背景画像位置調整 */