/*-- 

	R&I Ele
	/research_innovation/

====================================================== --*/
/*-- top --*/
/*-- ------------------------------------------------- --*/
#RiIndex{
	background:#e7e7e7;
}
#RiIndex .contents{
	padding-bottom:374px;
}

#RiIndex .block{
	width:993px;
	margin:0px auto -253px;
	height:726px;
	background:url(../img/slash_white.png) no-repeat left top, url(../img/slash_white_bottom.png) no-repeat left bottom, url(../img/bg_white.gif) no-repeat left 308px;
	background-size:auto auto,auto auto,auto 110px;
	position:relative;
}
#RiIndex .main + .block{
	margin-top:-463px;
}


#RiIndex .block img.right{
	position:absolute;
	right:0px;
	top:-1px;
	z-index:1;
}
#RiIndex .block img.left{
	position:absolute;
	left:0px;
	top:177px;
	z-index:1;
}
#RiIndex .block img.left + div{
	padding-top:170px;
	margin-left:420px;
}
#RiIndex .block div{
	padding:299px 82px 0px 85px;
	width:405px;
}
#RiIndex .block h2{
	margin:0px 0px 25px 0px;
	font-weight:normal;
	padding:30px 0px 0px;
	font-size:25px;
	color:#97875f;
	line-height:1.36em;
}
#RiIndex .block p{
	font-size:13px;
	line-height:1.8em;
	margin:15px 0px 15px 0px;
}
#RiIndex .block nav{
	width:195px;
}
#RiIndex .block nav.ex{
	width:237px;
}
/*
#RiIndex .block nav a{
	display:block;
	position:relative;
	z-index:50;
	width:110px;
	height:15px;
	background:url(../img/mark_more.png) no-repeat 100px center;
	border:1px solid #666;
	border-radius:20px;
	font-size:11px;
	line-height:15px;
	color:#333;
	text-decoration:none;
	padding:10px 0px 10px 20px;
	overflow:hidden;
}
#RiIndex .block nav a:hover{
	text-decoration:underline;
}
*/
#RiIndex .block nav a[target=_blank]{
	background-image:url(../img/mark_blank.png);
	background-position:189px center;
	padding-right:0px;
	padding-left:30px;
}
#RiIndex .block nav a[target=_blank]:hover{
	background-image:url(../img/mark_blank_hover.png);
}


/*-- tech --*/
/*-- ------------------------------------------------- --*/
#Ri .techImg{
	position:absolute;
	left:50%;
	top:136px;
	margin:0px 0px 0px 144px;
}
#Ri .main02 h1.ex{
	color:#000;
	margin-top:0px;
}

#tech{
	margin-top:-268px;
	padding:0px 0px 0px;
	position:relative;
	
}

#tech p{
	font-size:13px;
	line-height:24px;
	color:#000;
	margin:0px 0px 20px;
}

#tech .research{
	text-align:center;
	width:989px;
	border:2px solid #b39e62;
	margin:0px auto 50px;
	background:rgba(255,255,255,0.7);
	padding:40px 0px 40px;
}
#tech .research dt{
	margin:0px 0px 20px;
	color:#b39e62;
	font-size:37px;
	line-height:40px;
	font-weight:normal;
}
#tech .research dd{
	font-size:17px;
	line-height:28px;
}


#tech .dna{
	padding:200px 0px 0px;
	margin:-200px auto 0px;
	min-width:993px;
	overflow:hidden;
	background:url(../../images/research_innovation/tech_bg.png) no-repeat center top;
}

#tech .dna h2{
	color:#b39e62;
	border-bottom:1px solid #b39e62;
	width:993px;
	margin:0px auto 20px;
	font-size:25px;
	line-height:30px;
	padding:0px 0px 20px;
	font-weight:normal;
	text-align:center;
}
#tech .dna h2 + p{
	margin-bottom:15px;
}
#tech .dna p{
	width:993px;
	margin:0px auto 80px;
	text-align:center;
}

#tech .dna > div{
	width:993px;
	margin:0px auto 62px;
	clear:both;
}
#tech .dna > div .imgLeft{
	width:400px;
	float:left;
	text-align:center;
}
#tech .dna > div .imgLeft img{
	margin-left:24px;
}
#tech .dna > div .imgLeft02{
	width:415px;
	float:left;
	text-align:center;
	margin:0px 40px 0px -8px;
}
#tech .dna > div .imgRight{
	width:416px;
	float:right;
	text-align:center;
	margin:10px 0px 0px;
}
#tech .dna > div .imgRight02{
	width:416px;
	float:right;
	text-align:center;
	margin:12px -2px 0px 0px;
}
#tech .dna > div dl{
	width:498px;
	margin-top:-10px;
}
#tech .dna > div .imgRight + dl{
	width:530px;
	margin-top:-10px;
}
#tech .dna > div .imgRight02 + dl{
	width:530px;
	margin-top:-20px;
}
#tech .dna > div .imgLeft + dl{
	float:right;
	padding:0px 80px 0px 0px;
}
#tech .dna > div .imgLeft02 + dl{
	width:528px;
	float:right;
	margin-top:-12px;
}
#tech .dna > div.ex{
	padding:14px 0px 0px;
	margin-bottom: 0px;
	margin-top:-10px;
}

#tech .dna > div.ex dl{
	padding:2px 120px 100px 0px;
	margin-right:-120px;
	margin-top:-14px;
	background:url(../../images/research_innovation/tech_bg02.png) no-repeat right top;
}

#tech .dna > div dl dt{
	font-size:30px;
	color:#b39e62;
	margin:0px 0px 18px;
	line-height:38px;
	font-weight:normal;
}
#tech .dna > div dl dt.ex{
	font-size:24px;
	margin-bottom:5px;
}
#tech .dna > div dl dt sup{
	font-size:24px;
}
#tech .dna > div dl dt:first-line{
	line-height:30px;
	font-size:17px;
}
#tech .dna > div dl dd{
	font-size:13px;
	line-height:26px;
}
#tech .dna > div dl dd nav{
	background:url(../../images/research_innovation/tech_04.png) no-repeat left top;
	height:36px;
	margin:10px 0px 0px;
	padding:8px 0px 0px 81px;
	width:237px;
}
#tech .dna > div dl dd nav{
}

#tech .dna > div dl dd nav a[target=_blank]{
	background-image:url(../img/mark_blank.png);
	background-position:189px center;
	padding-right:0px;
	padding-left:30px;
}
#tech .dna > div dl dd nav a[target=_blank]:hover{
	background-image:url(../img/mark_blank_hover.png);
}

/*
#tech .dna > div dl dd nav a{
	display:block;
	position:relative;
	z-index:50;
	width:187px;
	text-align:center;
	height:15px;
	background:url(../img/mark_blank.png) no-repeat 170px center;
	border:1px solid #ccc;
	border-radius:20px;
	font-size:13px;
	line-height:15px;
	padding:9px 20px 9px 0px;
	overflow:hidden;
	color:#666;
	text-decoration:none;
}
#tech .dna > div dl dd nav a:hover{
	text-decoration:underline;
}
*/





#tech .products{
	padding:390px 0px 140px;
	margin:-340px auto -110px;
	min-width:993px;
	overflow:hidden;
	background:url(../img/slash_gray_e7.png) no-repeat center top, url(../img/bg_gray.gif) repeat-x 0px 621px;
	background-size:auto auto,100% 100%;
}


#tech .products h2{
	color:#b39e62;
	border-bottom:1px solid #b39e62;
	width:993px;
	margin:0px auto 20px;
	font-size:25px;
	line-height:30px;
	padding:0px 0px 20px;
	font-weight:normal;
	text-align:center;
}
#tech .products h2 + p{
	margin-bottom:50px;
	text-align:center;
}

#tech .products dl{
	width:993px;
	margin:0px auto;
	padding:0px 0px 70px;
	background:url(../../images/research_innovation/tech_bg09.jpg) no-repeat 85px bottom,url(../../images/research_innovation/tech_bg05.gif) repeat-y 85px top;
}
#tech .products dl dt{
	background:url(../../images/research_innovation/tech_bg04.gif) no-repeat right 61px;
	width:124px;
	padding:45px 0px 0px;
	height:30px;
}
#tech .products dl dd{
	width:825px;
	margin:-75px 0px 0px auto;
}
#tech .products dl dd h3{
	font-size:13px;
	margin:0px 0px 22px;
	font-weight:normal;
}
#tech .products dl dd h3 img{
	display:block;
	margin:10px 0px 0px;
}
#tech .products dl dd h3 + p{
	font-size:17px;
	line-height:28px;
	margin:0px 0px 14px;
}
#tech .products dl dd.elnette h3 + p{
	margin-bottom:42px;
}
#tech .products dl dd.niosome h3 + p{
	margin-bottom:11px;
}
#tech .products dl dd.niosome h3{
	margin:0px 0px 19px;
}
#tech .products dl dd.keracils h3{
	margin:0px 0px 17px;
}
#tech .products dl dd.keracils h3 + p{
	margin-bottom:11px;
}
#tech .products dl dd p{
	margin:0px 0px 0px;
	width:400px;
}
#tech .products dl dd.elnette{
	margin:-130px -70px -25px auto;
	height:403px;
	background:url(../../images/research_innovation/tech_bg03.jpg) no-repeat right 0px;
	padding:70px 70px 0px 0px;
}
#tech .products dl dd.mini{
	margin:-125px 0px -19px auto;
	height:394px;
	background:url(../../images/research_innovation/tech_bg06.jpg) no-repeat left 2px;
	padding:68px 0px 0px 0px;
}
#tech .products dl dd.niosome{
	margin:-90px -70px 88px auto;
	height:296px;
	background:url(../../images/research_innovation/tech_bg07.jpg) no-repeat right top;
	padding:30px 70px 0px 0px;
}
#tech .products dl dd.keracils{
	margin:-155px 0px 0px auto;
	height:354px;
	background:url(../../images/research_innovation/tech_bg08.jpg) no-repeat left top;
	padding:95px 0px 0px 0px;
}

#tech .products dl dd.mini h3,
#tech .products dl dd.mini p,
#tech .products dl dd.keracils h3,
#tech .products dl dd.keracils p{
	margin-left:418px;
}



/*-- innovation --*/
/*-- ------------------------------------------------- --*/
#innovation{
	margin:-412px 0px 0px;
	padding:144px 0px 0px;
	position:relative;
	background:url(../../images/research_innovation/innovation_bg_01.png) no-repeat center top;
}

#innovation p{
	font-size:13px;
	line-height:24px;
	color:#000;
	margin:0px 0px 20px;
}

#innovation .research{
	text-align:center;
	width:989px;
	border:2px solid #b39e62;
	margin:0px auto 70px;
	background:rgba(255,255,255,0.4);
	padding:43px 0px 40px;
}
#innovation .research dt{
	margin:0px 0px 24px;
	color:#b39e62;
	font-size:37px;
	line-height:40px;
	font-weight:normal;
}
#innovation .research dd p{
	margin:0px 0px 10px;
}
#innovation .research dd p:last-of-type{
	font-size:17px;
	line-height:28px;
	margin:20px 0px 0px;
}

#innovation h2{
	width:993px;
	margin:0px auto 40px;
	text-align:left;
	font-size:13px;
	font-weight:normal;
	color:#b39e62;
}
#innovation h2 img{
	display:block;
	margin:8px 0px 0px; 
}


#innovation .block{
	width:993px;
	margin:0px auto;
}
#innovation .block h3{
	font-size:25px;
	line-height:35px;
	margin:0px 0px 10px;
	font-weight:normal;
}
#innovation .block h3:first-line{
	font-size:17px;
}
#innovation .block01{
	padding-top:58px;
	margin:-58px auto 0px;
	background:url(../../images/research_innovation/innovation_bg_02.png) no-repeat 66px top;
}
#innovation .block01 img.img01{
	float:right;
	margin:14px 0px 108px 60px;
}
#innovation .block01 img.img02{
	float:left;
	clear:both;
	margin:13px 60px 15px 0px;
}

#innovation .block01 img.img02 + h3{
	clear:right;
}

#innovation .block02{
	padding-top:88px;
	height:484px;
	clear:both;
	background:url(../../images/research_innovation/innovation_bg_03.png) no-repeat left top;
}
#innovation .block02 img.img01{
	float:right;
	margin:14px 0px 108px 60px;
}

#innovation .block03{
	padding-top:8px;
	height:490px;
	background:url(../../images/research_innovation/innovation_bg_04.png) no-repeat left top;
}
#innovation .block03 img.img01{
	float:right;
	margin:14px 0px 108px 60px;
}


/*-- innovation --*/
/*-- ------------------------------------------------- --*/
#epidemic{
	margin:-406px 0px 0px;
	padding:138px 0px 50px;
	position:relative;
	/*
	background:url(../../images/research_innovation/epidemic_bg.png) no-repeat center top;
	*/
}

#epidemic p{
	font-size:13px;
	line-height:24px;
	color:#000;
	margin:0px 0px 20px;
}

#epidemic .research{
	text-align:center;
	width:989px;
	border:2px solid #b39e62;
	margin:0px auto 0px;
	background:rgba(255,255,255,0.4);
	padding:43px 0px 104px;
}
#epidemic .research dt{
	margin:0px 0px 22px;
	color:#b39e62;
	font-size:37px;
	line-height:40px;
	font-weight:normal;
}
#epidemic .research dd p{
	margin:0px 0px 10px;
}
#epidemic .research dd p:last-of-type{
	font-size:17px;
	line-height:24px;
	margin:22px 0px 0px;
}

#epidemic .itemList{
	width:997px;
	margin:-65px auto 108px;
	height:271px;
}
#epidemic .itemList li{
	float:left;
	margin-right:7px;
}
#epidemic .itemList li:last-child{
	margin:0px;
}
#epidemic .itemList li a{
	display:block;
	transition:opacity 300ms ease;
}
#epidemic .itemList li a:hover{
	opacity:0.75;
}

#epidemic .item{
	width:993px;
	margin:0px auto 73px;
	position:relative;
}
#epidemic .item .itemImg{
	position:absolute;
	z-index:1;
}
#epidemic .item h2{
	margin:0px;
	font-size:1px;
}
#epidemic .item h3{
	font-size:13px;
	line-height:24px;
	font-weight:normal;
	margin:0px 0px 21px;
}
#epidemic .item h3 img{
	display:block;
	margin:6px 0px 0px;
}
#epidemic .item dt{
	font-weight:normal;
	font-size:17px;
	line-height:28px;
	color:#b39e62;
	margin:0px 0px 9px;
}
#epidemic .item dd{
	font-size:13px;
	line-height:24px;
}
#epidemic .item dd span{
	font-size:11px;
}
#epidemic .item h2,
#epidemic .item h3,
#epidemic .item dl{
	width:573px;
	position:relative;
	z-index:10;
}

#epidemic #Item01 .itemImg{
	top:3px;
	right:76px;
}
#epidemic #Item01 h2{
	margin-bottom:39px;
}

#epidemic #Item02{
	margin-bottom:125px;
}
#epidemic #Item02 h2,
#epidemic #Item02 h3,
#epidemic #Item02 dl{
	margin-left:417px;
}
#epidemic #Item02 h3{
	margin-bottom:29px;
}
#epidemic #Item02 dt{
	margin-bottom:12px;
}

#epidemic #Item02 .itemImg{
	top:-39px;
	left:-8px;
}
#epidemic #Item02 h2{
	margin-bottom:30px;
}



#epidemic #Item03{
	margin-bottom:95px;
}
#epidemic #Item03 .itemImg{
	top:-62px;
	right:71px;
}
#epidemic #Item03 h2{
	margin-bottom:39px;
}
#epidemic #Item03 h3{
	margin-bottom:26px;
}
#epidemic #Item02 dt{
	margin-bottom:12px;
}
#epidemic #Item03 + div h2,
#epidemic #Item03 + div h3,
#epidemic #Item03 + div dl{
	margin-left:417px;
}
#epidemic #Item03 + div .itemImg{
	top:-36px;
	left:-2px;
}


#epidemic #Item04{
	margin-top:174px;
	margin-bottom:165px;
}
#epidemic #Item04 .itemImg{
	top:6px;
	right:-15px;
}
#epidemic #Item04 h2{
	margin-bottom:35px;
}
#epidemic #Item04 h3{
	margin-bottom:27px;
}


#epidemic #Item05{
	margin-bottom:167px;
}
#epidemic #Item05 h2,
#epidemic #Item05 h3,
#epidemic #Item05 dl{
	margin-left:417px;
}
#epidemic #Item05 h3{
	margin-bottom:27px;
}
#epidemic #Item05 dt{
	margin-bottom:12px;
}

#epidemic #Item05 .itemImg{
	top:-93px;
	left:86px;
}
#epidemic #Item05 h2{
	margin-bottom:36px;
}


#epidemic #Item06{
	margin-bottom:50px;
}
#epidemic #Item06 .itemImg{
	top:-9px;
	right:20px;
}
#epidemic #Item06 h2{
	margin-bottom:33px;
}
#epidemic #Item06 h3{
	margin-bottom:27px;
}