@charset "UTF-8";
/*
 * tmp_style.css
 */


/* heading
------------------------------------------------------------ */
/* .researchLab
------------------------------ */
#main.researchLab h2 {
	clear: none;	
}
/* .careersList
------------------------------ */
.jp #main.careersList h2 {
	background: #eee;
	padding: 5px 5px 5px 20px;
	border-left: 3px solid #666;
	/*border-bottom: 1px solid #CCC;*/
}

/* #ttl
------------------------------------------------------------ */
/* !researchCenter
------------------------------ */
.researchCenter #ttl {
	border: 0 none;
	background: #081744;
	color: #FFF;
	padding: 10px 0 0 0;
	margin: 0;
}
.researchCenter #ttl #ico {
	margin-right: 10px;
	padding: 0;
	background: none;
}
.researchCenter #ttl h1 {
	line-height: 1;
	border: 0 none;
	padding: 0 0 10px 10px;
	margin: 0;
}
.researchCenter #pi {
	line-height: 1;
	font-size: 110%;
	background: #081744 url(/~/media/riken/img/common/researchCenter_shadow.jpg) no-repeat center bottom;
	color: #FFF;
	display: block;
	float: none;
	width: 700px;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
}
.researchCenter #pi img {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
}
.researchCenter #pi dl {
	padding: 10px 0 0;
	margin: 0px;
}
.researchCenter #pi dt, .researchCenter #pi dd {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}
/* !researchLab
------------------------------ */
.researchLab #ttl h1 {
	margin-top: 5px;
}

/* Table
------------------------------------------------------------ */
/* .eventsList
------------------------------ */
.eventsList table {
	/*border-top: 1px solid #CCC;*/
	border-bottom: 1px solid #CCC;
}
.eventsList table th {
	border: 0 none;
	/*border-top: 1px solid #CCC;*/
	border-bottom: 1px solid #CCC;
	text-align: left;
}
.eventsList table td {
	border: 0 none;
	border-top: 1px dotted #CCC;
}
.eventsList table .date {
	width: 180px;
}
.eventsList table .title {
	width: 300px;
}
.eventsList table .target {
}
.eventsList table .place {
}
/* .event
------------------------------ */
.jp .event table {
}
.jp .event table th {
	background: #eee;
	color: #000;
}
.jp .event table td {
}
.en .event table {
	border: 0 none;
}
.en .event table th, .en .event table td {
	background: #FFF;
	color: #000;
	border: 0 none;
	padding: 0 20px 10px 0;
	text-align: left;
	vertical-align: top;
}

/* .careersList
------------------------------ */
.careersList table {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.careersList table th {
	border: 0 none;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
.careersList table td {
	border: 0 none;
	border-top: 1px dotted #CCC;
}
.careersList table .dep {
	width: 260px;
}
.careersList table .title {
	width: 260px;
}
.careersList table .date {
}
/* .piList
------------------------------ */
.piList table {
	border-bottom: 1px solid #CCC;
}
.piList table th {
	border: 0 none;
	border-bottom: 1px solid #CCC;
	text-align: left;
}
.piList table td {
	border: 0 none;
	border-top: 1px dotted #CCC;
}
.piList table .name {
	width: 160px;
}
.piList table .furigana {
	width: 160px;
}
.piList table .code {
	width: 60px;
}
.piList table .lab {
}

/* .imgBox
------------------------------------------------------------ */
/* .event
------------------------------ */
.event .imgBoxR .inner {
	width: 160px;
}
/* .press
------------------------------ */
.press #fig .imgBoxC {
	border-bottom: 1px dotted #999;
}
/* .introduce
------------------------------ */
.introduce .imgBoxR .inner {
	width: 340px;
}
/* .rikenpeople
------------------------------ */
.rikenpeople .imgBoxR .inner {
	width: 340px;
}
/* .videosList
------------------------------ */
.videosList .imgBox dl dd, .featuredBox dl dd {
	display:inline-block;
}
* html .videosList .imgBox dl dd, * html .featuredBox dl dd  {
	display: inline;
	height: 1%;
}
*:first-child+html .videosList .imgBox dl dd, *:first-child+html .featuredBox dl dd  {
	display: inline;
	height: 1%;
}
.videosList .imgBox dl dd.yt, .featuredBox dl dd.yt {
	background: url(/~/media/riken/img/common/ico_youtube.gif) no-repeat right center;
	padding-right: 55px;
}
.videosList .imgBox dl dd.st, .featuredBox dl dd.st {
	background: url(/~/media/riken/img/common/ico_streaming.gif) no-repeat right center;
	padding-right: 55px;
}

/* .section
------------------------------------------------------------ */
/* .press
------------------------------ */

.press .section {
	border-bottom: 1px solid #999;
}
.en .press #summary {
	font-weight: bold;
}
.press .imgBoxR .inner {
	width: 250px;
}
.press #note li {
	margin-bottom: 1.5em;
}
.press #note dt {
	font-weight: bold;	
}
* html .press #note li dl {
	display: inline;
}
*:first-child+html .press #note li dl {
	display: inline;
}

/* .careers
------------------------------ */
.jp .careers .section {
	border-bottom: 1px solid #999;
}
/* .introduce
------------------------------ */
.introduce #face {
	background:#EEE;
	padding: 20px 20px 10px;
}
.introduce #face h2 {
	margin-bottom: 0;
}
.introduce #face p {
	margin-bottom: 1em;
}
/* .rikenpeople
------------------------------ */
.rikenpeople #face {
	background:#EEE;
	padding: 20px 20px 10px;
}
.rikenpeople #face h2 {
	margin-bottom: 0;
}
.rikenpeople #face p {
	margin-bottom: 1em;
}
/* .videos
------------------------------ */
#main.videos h2 {
	font-size: 123%;/*15px*/
	font-weight: bold;
	margin-top: 1.28em;
	margin-bottom: 5px;
	clear: both;
}
#main.videos .rel ul,  #main.videos .rel li {
	list-style: none;
	padding: 0;
	margin-top: 0;
}
#main.videos .rel ul li {
	background: url(/~/media/riken/img/common/ico_arrow_main.gif) no-repeat 0 0.57em;
	padding-left: 10px;
}

/* !home
------------------------------------------------------------ */
/* #targetNavi
------------------------------ */
#targetNavi {
	margin-bottom: 30px;
}
#targetNavi ul, #targetNavi li {
	margin: 0px;
	padding: 0;
	list-style: none;
}
#targetNavi ul {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: url(/~/media/riken/img/common/targetNavi_bg.jpg) repeat-x center bottom;
	padding-top: 1px;
	padding-bottom: 1px;
}
#targetNavi li {
	text-align: center;
	float: left;
	width: 140px;
}
#targetNavi li a {
	border-right: 1px solid #CCC;
	border-left: 1px solid #FFF;
	text-indent: -9999px;
	height: 50px;
	display: block;
	overflow:hidden;
	outline:none;
	background: url(/~/media/riken/img/common/targetNavi.gif) no-repeat 0px 0px;
}
#targetNavi li:first-child a, #targetNavi li.first-child a {
	border-left: 1px solid #CCC;
}
#targetNavi li#menuGeneralpublic a {
	background-position: 0px 0px;
}
#targetNavi li#menuResearchers a {
	background-position: -140px 0px;
}
#targetNavi li#menuCompanys a {
	background-position: -280px 0px;
}
#targetNavi li#menuPress a {
	background-position: -420px 0px;
}
#targetNavi li#menuRIKEN a {
	background-position: -560px 0px;
}
#targetNavi li#menuGeneralpublic a:hover {
	background-position: 0px -50px;
}
#targetNavi li#menuResearchers a:hover {
	background-position: -140px -50px;
}
#targetNavi li#menuCompanys a:hover {
	background-position: -280px -50px;
}
#targetNavi li#menuPress a:hover {
	background-position: -420px -50px;
}
#targetNavi li#menuRIKEN a:hover {
	background-position: -560px -50px;
}
/* #latestNews
------------------------------ */
#latestNews {
	clear: both;
	line-height: 1.5;
}
#latestNews .outer {
	width: 340px;
	display: inline;
	float: left;
	background: url(/~/media/riken/img/common/latestNews_bg.jpg) repeat-x 0px 0px;
}
#latestNews .oddbox {
	margin-right: 20px;
}
#latestNews .evenbox {
}
#latestNews .inner {
	border-top: 1px solid #CCC;
	padding-top: 20px;
	clear: both;
	margin-top: 20px;
}
#latestNews h2 {
	display: inline-block;
	border-top: 3px solid #000;
	border-bottom: none;
	padding: 10px 0 0 0;
	font-weight: bold;
	margin: 0px;
	font-size: 114%;
}
* html #latestNews h2 {
	display: inline;
	height: 1%;
}
*:first-child+html #latestNews h2 {
	display: inline;
	height: 1%;
}
#latestNews h3 {
	margin: 0 0 1em 0;
}
.jp #latestNews h3 {
	font-size: 123%;
}
.en #latestNews h3 {
	font-size: 132%;
}
.en #latestNews h3 a {
	text-decoration: none;
}
.en #latestNews h3 a:hover {
	text-decoration: underline;
}
#latestNews p {
	margin: 0 0 1em 0;
	overflow: hidden;
}
#latestNews dl {
}
#latestNews dt {
	margin: 0 0 1em 0;
}
#latestNews dd {
}
#latestNews .rss {
	height: 20px;
	width: 46px;
	background: url(/~/media/riken/img/common/ico_rss.gif) no-repeat center center;
	display: inline;
	float: right;
	margin: 10px 0 0 0;
}
#latestNews .rss a  {
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	outline:none;
}
#latestNews .inner img {
	float: left;
	margin-right: 10px
}
#latestNews .more {
	border-top: 1px solid #CCC;
	margin-top: 20px;
	padding-top: 10px;
	text-align: right;
}
#latestNews .more a {
	background: url(/~/media/riken/img/common/ico_arrow_more.gif) no-repeat right center;
	padding-right: 10px;
}

/* #eventInfo
------------------------------ */
#eventInfo {
	margin: 0 0 25px;
	background: #eee url(/~/media/riken/img/common/side_bg.jpg) no-repeat center bottom;
	padding-bottom: 5px;
}
#eventInfo h2 {
	background: #666;
	padding: 10px;
	font-weight: bold;
	color: #FFF;
}
#eventInfo div {
	padding: 10px 10px 0px;
	line-height:1.5;
	margin-bottom: 10px;
}
#eventInfo div dl dt {
	margin-bottom: 1em;
}
#eventInfo div dl dd {
	display: inline;
}
/* #researchInfo
------------------------------ */
#researchInfo {
	margin: 0 0 25px;
	background: #eee url(/~/media/riken/img/common/side_bg.jpg) no-repeat center bottom;
	padding-bottom: 5px;
}
#researchInfo h2 {
	background: #081744;
	padding: 10px;
	font-weight: bold;
	color: #FFF;
}
#researchInfo div {
	padding: 10px 10px 0px;
	line-height:1.5;
	margin-bottom: 10px;
}
#researchInfo h3 {
	font-size: 117%;
	font-weight: bold;
}
#researchInfo h3 a {
	text-decoration:none;
}
#researchInfo h3 a:hover {
	text-decoration: underline;
}
#researchInfo img {
	margin-top: 10px;
	margin-bottom: 10px;

}
#researchInfo div dl dt {
	margin-bottom: 1em;
}
#researchInfo div dl dd {
	display: inline;
}


/* #blogInfo 2013/7/28 SBT
------------------------------ */
#blogInfo {
	margin: 0 0 25px;
/* 2013/10/07 SBT
	background: #eee url(/common/img/side_bg.jpg) no-repeat center bottom; */
	background: #eee url(/~/media/riken/img/common/side_bg.jpg) no-repeat center bottom;
	padding-bottom: 5px;
}
#blogInfo h2 {
	background: #666;
	padding: 10px;
	font-weight: bold;
	color: #FFF;
}
#blogInfo div {
	padding: 10px 10px 0px;
	line-height:1.5;
	margin-bottom: 10px;
}
#blogInfo div dl dt {
	margin-bottom: 1em;
}
#blogInfo div dl dd {
	display: inline;
}


#notice {
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #666;
	font-weight: bold;
}
#alert {
	color: #D00;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #d00;
	background: #FFEEEE;
	font-weight: bold;
}


/* !RIKEN Research 201312
------------------------------------------------------------ */
/* .rr
------------------------------ */
.rr .imgBoxR .inner {
		width: 160px;
		text-align:center;	
}
#main.rr h2 {
	color: #143080;
	border-bottom: 1px solid #143080;
	margin-bottom:0;
}
.rr .articleList {
	border-top: 4px solid #8691C8;
	padding-top: 10px;
}
.rr .articleList img {
	float:left;
	margin: 0 20px 0 0;
}
#main.rr .articleList h3 {
	font-size: 114%;
}
.rr .articleList p.more {
	text-align: right;
	margin: 10px 0;
}
.rr .articleList p.more a {
	background: url(/~/media/riken/img/common/ico_arrow_more.gif) no-repeat right 0.47em;
	padding-right: 10px;		
}
/* .highlightsList
------------------------------ */
.highlightsList #resultNum {
	margin: 30px 0 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
	float: none;
}
.highlightsList .articleList .date {
	float: right;
	color: #666;
	font-weight: normal;
	margin-bottom: 3px;
	margin-left: 10px;
}
/* .highlight
------------------------------ */
.highlight h2 {
	color: #888;
}
.highlight .imgBoxR .inner {
	width: 300px;
	border:1px solid #7D83B7;
	background:#EEEFF6;
	color: #555;
	padding:3px;
	margin-bottom: 10px;
}
.highlight .imgBoxR .inner p {
	padding-left:3px;
	padding-right:3px;
}
.highlight .imgBoxR .inner img {
	width: 300px;
	height: auto;
}
.highlight .imgBoxR .inner .credit {
	border-top: 1px dotted #7D83B7;
	padding-top: 3px;
	margin-bottom: 0;
}
.highlight #references ol {
  border-bottom: 1px dotted #7D83B7;
  border-top: 1px dotted #7D83B7;
	background:#EEEFF6;
	color: #555;
  padding-top: 10px;
  padding-right: 10px;
	margin-top:0;
}
.highlight #references li {
  line-height: 1.5;
	margin-bottom:10px;
}
#main.highlight .author {
	font-size: 122%;
	margin-bottom: 0.5em;
}
/* additional CSS 
------------------------------------------------------------ */
#side p.more {
	margin: -1em 0 1em 0;
	padding:0;
	border: 0 none;
}
.tabNavi ul.col7 li a {
	width: 99px;
	padding: 5px 0px;
}
.tabNavi ul.col8 li a {
	width: 86px;
	padding: 5px 0px;
}
.en a {
	text-decoration:none;
}
.en a:hover {
	text-decoration: underline;
}


