@charset "utf-8";

/******************************************************************************
	research.css for MANA
 ******************************************************************************/

/*------------------------------------------------------------------------------*
	logo titleBG
 *------------------------------------------------------------------------------*/
#research #logo{ background-image: url(../images/title/t_research.jpg); }

#aoNanoarchitectonics #logo{ background-image: url(../images/title/t_target.jpg); }
#fIndex #logo{ background-image: url(../images/title/t_fields.jpg); }

/*------------------------------------------------------------------------------*
	content
 *------------------------------------------------------------------------------*/
#content
{
}


/*------------------------------------------------------------------------------*
	container
 *------------------------------------------------------------------------------*/
#container
{
}


/*------------------------------------------------------------------------------*
	localNavi color
 *------------------------------------------------------------------------------*/
#localNavi ul li a,
#localNavi ul li span
{
	background: url(../images/line/borderGB_research.gif) no-repeat center bottom #FFF;
}

#localNavi li.parent a
{
	background: url(../images/line/borderGB_research.gif) no-repeat center bottom #FFF;
}

#localNavi ul li a.active
{
	background: url(../images/line/borderGB_research.gif) repeat;
}

#localNavi ul li.parent a.active
{
	background: url(../images/line/borderGB_research.gif) repeat;
}

#localNavi ul li a.open
{
	background: url(../images/line/borderGB_research.gif) no-repeat center bottom #FFF;
}

#localNavi ul li a:hover,
#localNavi ul li a:hover span,
#localNavi ul li a.current
{
	background: url(../images/line/borderGB_research.gif) repeat;
}


/*------------------------------------------------------------------------------*
	main
 *------------------------------------------------------------------------------*/
#main
{
}

#main h3
{
	color: #A00;
}

#main #pagetitle
{
	background: url(../images/line/borderGB_research.gif) no-repeat left bottom;
	color: #378C49;
 }
 
#main ol li span
{
  font-weight: bold;
}

#main h4.information
{
	margin: 25px 0 0 0;
	padding: 5px 0 0 0;
	color: #333;
	background: url(../images/sectionLine2BG.gif) repeat-x left top transparent;
}

/*=== achieveSection ===*/
#main .achieveSection
{
	margin-top: 20px;
}

#main .achieveSection h5
{
	font-size: 110%;
	color: #888;
	width: 4em;
	float: left;
}


#main .achieveSection dl
{
	margin: 0 0 10px 4.5em;
	padding: 0 0 10px 0;
	background: url(../images/sectionLineBG.gif) repeat-x left bottom;
}

#main .achieveSection dt
{
	font-size: 85%;
	color: #888;
	width: 5em;
	float: left;
}

#main .achieveSection dd
{
	margin-left: 5em;
}* html #main .achieveSection dd{ height: 1%; }

#main .achieveSection dd a
{
	display: block;
}

#main .achieveSection dd p
{
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 1.3;
	font-size: 85%;
}

#main .achieveSection dd div
{
	margin: 5px 0 0 0;
	font-size: 90%;
}

/*=== achieveSection2 ===*/
#main .achieveSection2
{
}

#main .achieveSection2 h3
{
	margin: 0;
	padding: 0;
	font-size: 130%;
	float: left;
	border: none;
	width: 4em;
}

#main .achieveSection2 h4
{
	margin-top: 0;
	padding-top: 0;
}

#main .achieveSection2 .achieveRight
{
	margin-left: 4.5em;
}

#main .achieveSection2 dl
{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(../images/sectionLineBG.gif) repeat-x left bottom;
}

#main .achieveSection2 dt
{
	font-size: 85%;
	color: #888;
	width: 5em;
	float: left;
}

#main .achieveSection2 dd
{
	margin-left: 5em;
}* html #main .achieveSection2 dd{ height: 1%; }

#main .achieveSection2 dd a
{
	display: block;
}

#main .achieveSection2 dd p
{
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 1.3;
	font-size: 85%;
}

#main .achieveSection2 dd div
{
	margin: 5px 0 0 0;
	font-size: 90%;
}

/*=== patentData ===*/
#main .patentData
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../images/h4BG.gif) repeat-x left bottom transparent;
}

#main .patentData dl
{
	font-size: 87%;
	line-height: 1.4;
}* html #main .patentData dl{ height: 1%; }

#main .patentData .back
{
	position: relative;
	bottom: 15px;
}

#main .patentData .number
{
	font-weight: bold;
}

#main .patentData dt
{
	width: 10em;
	float: left;
}

#main .patentData dd
{
	margin-left: 10.5em;
}

#main .figure
{
}

#main .figure img
{
  text-align: center;
}

/*------------------------------------------------------------------------------*
	research
 *------------------------------------------------------------------------------*/

#rIndex .researchImage
{
	margin: 10px auto;
	width: 400px;
	overflow: hidden;
}* html #main .imageSection { overflow: visible; height: 1%; }

#rIndex .researchImage p
{
	font-size: 85%;
	line-height: 1.3em;
	color: #A00;
}

#rIndex .researchImageL
{
	float: left;
}

#rIndex .researchImageR
{
	float: right;
}

#rIndex .Image1{ width: 172px; }
#rIndex .Image2{ width: 172px; }


#rIndex .researchImage2
{
	margin: 10px auto;
	width: 516px;
	overflow: hidden;
}* html #main .imageSection { overflow: visible; height: 1%; }

#rIndex .researchImage2 p
{
	font-size: 85%;
	line-height: 1.3em;
	color: #A00;
}

#rIndex .researchImage2 .researchImageL
{
	float: left;
}

#rIndex .researchImage2 .researchImageR
{
	float: right;
}

#rIndex .researchImage2 .Image1{ width: 172px; }
#rIndex .researchImage2 .Image2{ width: 172px; }
#rIndex .researchImage2 .Image3{ width: 172px; }

#main .nanoImage2 .nanoImage2L, #main .nanoImage2 .nanoImage2R
{
  clear: both;
  padding-top:  10px;
  
}

#main .nanoImage2 .nanoImage2L img, #main .nanoImage2 .nanoImage2R img
{
	float: left;
	margin-right:  20px;
}

#main .nanoImage2 .nanoImage2L img, #main .nanoImage2 .nanoImage2R
{
  
}


/*== boxSection [custom] ==*/
#rIndex .boxSection
{
	margin-top: 30px;
}

#rIndex .boxSection .boxLeft
{
	width: 255px;
	float: left;
}

#rIndex .boxSection .boxRight
{
	width: 255px;
	float: right;
}

#rIndex .boxSection .photo p
{
	margin: 2px 0 15px 0;
	font-size: 85%;
	line-height: 1.2;
}

#rIndex .boxSection .research
{
	margin-bottom: 20px;
	padding: 10px;
	border: solid 1px #DDD;
}

#rIndex .boxSection .research dt
{
	font-size: 85%;
	line-height: 1.2;
}

#rIndex .boxSection .research dd
{
	line-height: 1.2;
}


/*== research newtopbox ==*/
#rIndex .newtopbox
{
	margin-bottom: 30px;
}

#rIndex .newtopbox .boxleft
{
	width: 380px;
	float: left;
}

#rIndex .newtopbox .boxright
{
	width: 110px;
	float: right;
}

#rIndex .newtopbox p
{
	margin-top: 20px;
}

#rIndex .newtopbox .miniphoto p
{
	margin: 0;
	padding: 5px 10px 10px 10px;
	line-height: 1.1;
	font-size: 80%;
	background-color:#EEE;
}

#rIndex .boxright .miniphoto img
{
	width: 110px;
	margin-top: 10px;
}

#rIndex .boxleft .miniphoto img
{
	width: 360px;
	margin-top: 10px;
}

#rIndex .newtopbox .photo
{
	margin: 10px;
}

#rIndex .newtopbox .photo p
{
	margin: 0;	
	font-size: 85%;
	line-height: 1.2;
}

#rIndex .newtopbox .name
{
	padding: 0 10px;
}

#rIndex .newtopbox .name dt
{
	font-size: 85%;
	line-height: 1.2;
}

#rIndex .newtopbox .name dd
{
	line-height: 1.2;
}

#rIndex .newtopbox ol
{
	margin: 10px;
}

#rIndex .newtopbox li
{
	line-height: 1.2;
	padding: 10px;
}

#rIndex .newtopbox .riference
{
	margin: 20px 10px 10px;
	padding: 10px;	
}


/*------------------------------------------------------------------------------*
	YYMMDD
 *------------------------------------------------------------------------------*/
#YYMMDD h4
{
	margin: 0;
	padding: 10px 0 5px 0;
	color: #A00;
	font-size: 110%;
	background: none;
}

#YYMMDD .image
{
	width: 200px;
}

#YYMMDD .image p
{
	font-size: 85%;
}

/*------------------------------------------------------------------------------*
	footer
 *------------------------------------------------------------------------------*/
#footer
{
	background: url(../images/line/borderGB_research.gif) no-repeat center top #FFF;
}