#contents #pan {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#contents #left_area {
	float: left;
	width: 207px;
	padding-left: 10px;
}
#contents #left_area #l_nav li {
	margin-bottom: 2px;
}
#contents #left_area #l_nav li a {
	color: #333333;
	background-color: #EFEFEF;
	display: block;
	line-height:130%;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 27px;
	background-image: url(../img/l_nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	text-align: left;
}
#contents #left_area .banner {
	padding: 5px;
	text-align:center;
}
.left_banner {
	float: left;
	width: 207px;
	margin-top:10px;
	text-align:center;
	padding-left: 10px;
	clear:left;
}
#left_area .glossary {
	border:#0C6 dashed 2px;
	padding: 0;
	text-align:center;
}
#left_area .glossary  ul {
	padding: 0;
	text-align:center;
}
#left_area .glossary li{
	display:block;
	padding: 2px;
	text-align:center;
}
#left_area .glossary h5{
	font-size: 12px;
	padding: 5px;
	text-align:left;
}
#left_area .glossary p{
	font-size: 12px;
	padding: 5px;
	text-align:left;
}
#contents #body {
	float: right;
	width: 720px;
	padding-right: 10px;
}
#contents #body2 {
	float: right;
	width: 950px;
	padding-right: 10px;
}
#spr-m1 ul li a {
	display: block;
	float: right;
	margin-left: 10px;
	width: 100px;
}
#spr-m1 ul {
	margin-right: 10px;
}
/*.subtitle-blue {
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	background-image: url(../../news/img/subtitlebar_bg.gif);
	text-align: left;
	letter-spacing: 0px;
	text-indent: 24px;
	line-height: 39px;
	vertical-align: middle;
	background-repeat: no-repeat;
}*/
.subtitle-white, subcategory {
	font-size: 16px;
	font-weight: bold;
	color: #065474;
	background-image: url(../img/subtitlebar_white_bg2.gif);
	margin-bottom: 0;
	text-align: left;
	letter-spacing: 0px;
	text-indent: 24px;
	line-height: 39px;
	vertical-align: middle;
	background-repeat: no-repeat;
}

/* ****************************** *
            Archive
 * ****************************** */
.top_item {
	padding: 0px;
	border-bottom:#ccc solid 1px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 10px;
}
.top_item .icon {
	padding: 5px;
	float: left;
}	
.top_item .summary {
	width: 460px;
	height: auto;
	padding: 5px;
	float: left;
}
.top_item .summary .excerpt {
	margin-top: 1em;
	text-indent: 1em;
}
.facts {
	clear:both;
}
.facts dl {
	line-height:2em;
	width: 90%;
	margin-top: 1em;
	margin-right: 3em;
	margin-bottom: 1em;
	margin-left: 3em;
}
.facts dt {
	font-weight:bold;
	padding-left: 4px;
	vertical-align: top;
}
.facts dd {
	margin-left: 6em;
	margin-top: -2em;
	vertical-align: top;
}
.item {
	width: auto;
	padding: 10px;
	clear: both;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 10px;
}
.item .date {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #39F;
	text-align: left;
	height: 60px;
	width: 100px;
	padding: 5px;
	float: left;
}
.item .briefs {
	width: 510px;
	height: auto;
	padding: 5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCC;
	float: left;
}
.item .briefs p {
	line-height: 1.5em;
}


/* ****************************** *
            Single
 * ****************************** */
.detail {
	text-indent: 1em;
}

/* ****************************** *
            Seminar
 * ****************************** */
#qbic-seminar, #joint-seminar {
	border-collapse: collapse;
}
#qbic-seminar th p, #joint-seminar th p {
	text-align: right;
	margin: 15px;
}
#qbic-seminar td p, #joint-seminar td p {
	text-align: left;
	margin: 10px 15px;
}
#qbic-seminar td aside, #joint-seminar td aside{
	text-align: left;
	margin: 10px 15px;
}
/*.seminar {
	border-collapse: collapse;
}
.seminar th {
	vertical-align: top;
}
.seminar th p {
	text-align: right;
	margin: 15px;
}
.seminar td p {
	text-align: left;
	margin: 10px 15px;
}*/
#qbic-seminar td, #qbic-seminar th {
	border: 1px #0a58aa solid;
}
#joint-seminar td, #joint-seminar th {
	border: 1px #3e3a37 solid;
}
#joint-seminar th {
	vertical-align: top;
	background-color: #3e3a37;
	color: #fff;
}
#qbic-seminar th {
	vertical-align: top;
	background-color: #ffffff;
	color: #999;	
}
#joint-seminar .seminar-footer {
	display: none;
}
.speaker_name {
	font-size: xx-large;
	font-weight: bold;
	line-height: 1.2;
	margin: 10px 15px;
}
.speaker_name span {
	font-size: x-large;
}
.speaker_affiliation {
	font-size: medium;
	font-style: italic;
}
.seminar_date {
	font-size: large;
}
.seminar_title {
	font-size: x-large;
	line-height: 125%;
	margin: 10px 15px;
}
.twitter {
	margin: 5px;
	float: right;
	clear: both;
	display: block;
}
tr td .banner {
	float: right;
	display: block;
	padding: 5px;
}
.seminar-banner {
	display: block;
	margin: 2px;
	float: right;
}
/* ****************************** *
            Activity
 * ****************************** */
.title-wrapper .series_title {
	color: #F93;
}
.activity {
	padding: 20px;
}
.activity .title {
	font-size: 32px;
	line-height:1.3em;
}
.activity p {
	text-indent: 1em;
	margin-top: 1em;
}
/*.activity_outline .activity_title, .activity_outline .series_title {
	margin-left: 3em;
	margin-top: 20px;
}*/

.main_image {
	margin: 30e,:
	clear: both;
}
.activity_contents {
	text-indent: 1em;
	margin: 30px;
}
/* ****************************** *
            Article
 * ****************************** */
.article {
	padding: 10px;
}
.article .summary, #summary {
	text-indent: 0;
	font-weight: bold;
	line-height: 170%;
	margin-top:1em;
	margin-bottom: 2em;
}
.subtitle {
 	display: block;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #065474;
	border-top: #09C solid 1px;
	border-bottom: #09C solid 1px;
	margin-bottom:10px;
}
.section {
	padding: 0 10px;
}
.article p {
	text-indent: 0;
	line-height: 170%;
	margin-bottom: 1em;
}
.article p.big_start::first-letter {
	text-indent: 0;
	float: left;	
	font-weight: bold;
    font-size: 4em;
    line-height: 1;
    margin: 0 .2em 0 .1em;
    padding: .1em 0;
	
}
.highlight h2.title, .highlight h3.title, .press h2.title, .press h3.title, .topic h2.title, .topic h3.title {
	font-size:36px;
	line-height:1.3em;
}
.highlight .overlay {
	width:100%;
	background: #333;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
	opacity:.6;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.2em 0;
}
.highlight .overlay p {
	margin:0 20px;
	text-align:left;	
	font-size: 0.9em;
	color: #fff;
}
.subtitle, .lead {
	font-size:150%;
	color: #777;
	font-weight:400;
	margin:10px;
	line-height:1.3;
}
#research_qbic_style h3.title {
	font-size:44px;
}
#research_qbic_style h3.title, .highlight h3.title {
	line-height:1.3em;
	text-align:left;
	font-weight:700;
	margin-bottom: 10px;
	color: #333;
}
#research_qbic_style {
	padding: 0 0;
}
.title_holder {
	padding:0 30px;
	border-left: #09C solid 10px; 
}
.author, .date, .tweet-button {
	display: inline;
	margin-right: 5px;
	font-size:12px;
	color: #999;
}
.author span {
	color: #065474;
}
#references ol li {
	font-size: 0.8em;
	line-hight: 130%;
}
/*.Figure {
	display: block;
	padding: 10px;
	float: right;
	width:auto;
	padding:5px;
	text-align:center;
	background-color: #9CC;
	margin: 5px;
}*/
/*.figure-right { /* width = 360px or smaller 
	display: block;
	padding: 2px;
	float: right;
	text-align:center;
	margin-left: 10px;
	border:solid 1px;
	border-color:#CCC;
}
.figure-center {
	padding: 10px;	
	text-align:center;
	margin: 0px auto 20px;
	border:solid 1px;
	border-color:#C66;
}
.figure-legend {
	margin:10px;
	padding:10px;
	background-color: #ddd;
	text-align:left;
	line-height: 1.5em;
}
.figure-legend p {
	margin-left:2em;
	margin-top:0.5em;
    text-indent: -2em;
}
*/
.figure-left { /* width = 460px or smaller */
	float: left;
	margin-right: 10px;
}
.figure-right { /* width = 460px or smaller */
	float: right;
	margin-left: 10px;
}
.w320 {width:320px;}
.figure-left, .figure-right {
	display: block;
	padding: 2px;
	text-align:center;
	border:solid 1px;
	border-color:#CCC;
}

.figure-center {/* width = 460px < 640px */
	text-align:center;
	margin: 0px auto 20px;
	border:solid 1px;
	border-color:#CCC;
	padding: 2px;		
	/*border-color:#C66;*/
}
p.caption {
	margin:0;
	padding:5px 10px;
	background-color: #eee;
	text-align:left;
	line-height: 1.2em;
	font-size:small;
	text-indent:0;
}
.caption p {
	margin-left:2em;
	margin-top:0.5em;
    text-indent: -2em;
}
.main-fig {
	margin: 10px 0 ;
	border: none;
	text-align: center;
}
.right-thumbnail{
	display:block;
	float:right;
	margin-left:10px;
	border:#BBB solid 1px;
}
.highlight_item {
	display: block;
	margin: 10px;
	padding: 5px;
}

.highlight_item p {
	margin-left: 10px;
	width: 480px;
}
.highlight_item .date {
	text-align: center;
	display: block;
	padding: 5px;
	float: right;
	margin-right: 20px;
	width: 120px;
	background-color: #FC9;
}
.highlight_item .title {
	font-size: large;
	font-weight: normal;
	margin-bottom: 10px;
}

.Researcher_item {
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin: 10px;
}
.Researcher_item img {
	float: left;
	margin-right: 10px;
}

.Researcher_item p {
	display: block;
}
.Researcher_item .date {
	background-color: #F96;
	display: block;
	padding: 2px;
	width: 120px;
	float: right;
	text-align: center;
}
.Researcher_item .name {
	font-size: large;
}
.Researcher_item .lab_name {
	color: #065474;
	font-weight: bold;
}
#highlight .date {
	text-align: right;
	margin-top: 10px;
	margin-right: 250px;
}
.news-item {
	display: block;
	padding:5px;
	overflow:hidden;
	border-bottom:1px solid #CCC;
}
.news-item .series-title {
	display:inline;
}
.news-item .date{
	font-size:medium;
	color:#777777;
}
.news #news_main_image_holder {
	margin-right: 38px;
	margin-left: 38px;
	
}
.news .news_main_text {
	margin: 30px;
}

.news .news_date {
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
}
.news #news_main_image_holder .caption {
	margin-right: 20px;
	font-size: small;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}
.highlight .main {position: relative; padding: 0;
		border:solid 1px #CCC; margin: 10px 0;}
.highlight_contents {
	clear:both;
	padding:10px;
}
.highlight_contents p {
	margin-bottom: 1.5em;
	text-indent: 1em;
}
.issue {
	text-align: center;
	display: block;
	float: left;
	width: 240px;
}
.issue img {
	border: 2px solid #C96;
}

/* ****************************** *
            QBiC style
 * ****************************** */
#qbic-style {padding:0; margin:0;}
#qbic-style .section {padding: 10px 20px 0;}
#qbic-style .title-wrapper {padding:0 30px; border-left: #09C solid 10px;}
#qbic-style .series-title {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #065474;
    border-top: 1px solid #09C;
    border-bottom: 1px solid #09C;
    margin-bottom: 10px;
}
#qbic-style h2.title {font-size: 40px; line-height: 1.5em; font-weight: 700; text-align: left; margin:15px 0;}
#qbic-style span.block {display: inline-block;}
#qbic-style .excerpt, .highlight .excerpt  {font-size: 20px; line-height: 1.7em; color: #777; font-weight:400; margin: 0 0 15px 0;}
#qbic-style .author, #qbic-style .date, #qbic-style .twitter {display: inline; float:none; margin-right: 5px; font-size:0.9em; color: #777;}
#qbic-style h3.section-title {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0 0 10px 30px;
	background: url(../img/icon_green18.gif) no-repeat 5px 2px;
	border-bottom: dotted 1px #000;
}
#qbic-style .author span {
	color:#065474;
}
#qbic-style .figure {display: table; width: 320px; padding: 2px; border:solid 1px #CCC;}
#qbic-style .main {position: relative; padding: 0;
	border:none; margin: 10px 0;}
#qbic-style .center {margin:10px auto;} 
#qbic-style .left {float: left; margin: 0 20px 10px 0;}
#qbic-style .right {float: right; margin: 0 0 10px 20px;}
#qbic-style .figure-wrapper {border:1px solid #CCC;}
#qbic-style .thin-border {border:1px solid #CCC; padding:2px}
#qbic-style .caption {}
#qbic-style .overlay {
	width:100%;
	background: #333;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
	opacity:.6;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.2em 0;
}
#qbic-style .overlay p {
	margin:0 20px;
	text-align:left;	
	font-size: 0.9em;
	color: #fff;
}
#qbic-style .greybox {font-size: 0.8em;	padding:10px; background-color: #ddd; text-align:left; line-height: 1.5em;}
#references {clear: both; border-top: 1px solid #CCC; padding-top: 10px; font-size: 0.9em; line-height: 150%; }

/* ****************************** *
            Lab
 * ****************************** */
.white-board {
	padding: 5px;
}
#PI-space {
	float: right;
	width: 180px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
}
#introduction, #research-theme {
	float: left;
	width: 512px;
}
#publication, #research-area {
	clear: both;
	width: 720px;
}
#member,  #leader-area {
	clear: both;
	width: 720px;
}
#research-theme ul li, #publication ul li {
	list-style-type: decimal;
	line-height: 150%;
	list-style-position: outside;
	padding-top: 3px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
}
#research-theme h4  {
	background: url(../img/section-bar.gif) no-repeat left bottom;
	text-indent: 2em;
	padding-bottom:5px;
}
#member h4, #publication h4, #research-area h4  {
	background: url(../img/section-bar02.gif) no-repeat left bottom;
	text-indent: 2em;
	padding-bottom:5px;
	margin-bottom: 0px;
}
.research-detail .wrapper {
	padding-top: 0;
	margin-top:15px;
}
.research-detail {width: 650px; margin: 10px 10px 30px 10px;}
.research-detail p {text-indent: 1em;}

.sub_item {
	background-image: url(../img/section-bar.gif);
	background-repeat: no-repeat;
	text-indent: 21px;
	line-height: 36px;
}
ol.lab_list {
}

.lab_list li {
	margin-bottom: 1em;
}
.big1 {
	color: #065474;
}

.core_name {
	font-size: 12px;
	background-image: url(../img/dbl_circle.gif);
	background-position: 0 1px;
	margin-top: 10px;
	letter-spacing: 0px;
	text-indent: 20px;
	vertical-align: center;
	background-repeat: no-repeat;
}
.core_name span {
	color: #005474;
	font-size: 16px;
	margin-right: 20px;
}

ul#lab_nav {width:100%; overflow:hidden; margin:20px 0 15px;}
ul#lab_nav li {float:left; width:123px; margin-right:5px;}

.englishName		{font-size: 70%; color: #4975C4; margin-left: 10px;}
table.memberList-left {width: 350px; margin-top:10px; float:left;}
table.memberList-right {width: 350px; margin-top:10px; float:right;}
table.memberList-left th,table.memberList-left td,table.memberList-right th,table.memberList-right td,table.memberList-center th,table.memberList-center td {padding: 5px 10px 5px 0; border-bottom: solid 1px #eeeeee;}
table.memberList-left th,table.memberList-right th {font-size: 80%; width: 180px; text-align: right; font-weight: normal;}
table.memberList-center {width: 400px; margin-top:10px;}
table.memberList-center th {font-size: 80%; width: 200px; text-align: right; font-weight: normal;}

#leader-area .leader-detail 		{float: left; width: 340px; margin:20px 0 30px 20px; }
#leader-area .leader-detail div	{ background:url(../img/leader_detail_bg.gif) no-repeat left top; height:42px; margin:0 0 15px; }
#leader-area .leader-detail h4	{ color:#005b9a; margin:0 0 0 4px; padding:0 0 0 10px; border-bottom:1px solid #cccccc;}
#leader-area .leader-detail p		{ margin:2px 0 0 4px; padding:0 0 0 10px;}


#leader-history {clear: both;}
#leader-history	 h4								{margin-right: 190px; padding:3px; border:1px dotted #005b9a; color:#005b9a;}
table.historyList 								{ margin:0 0 30px 20px; }
table.historyList th,table.historyList td { padding: 5px 10px 5px 0; border-bottom: solid 1px #eeeeee;}
table.historyList th								 {width: 170px; text-align: left; font-weight: normal;}

#leader-name {float: right; width:320px; text-align: right; margin-right: 15px;margin-bottom: 0px}
#leader-name	h2						{ line-height:130%;}
.leaderName-E						{ line-height:230%;}
#leader-name h2 span								{ font-size:121%;}
.leader-position {font-size: 100%; color:#666}

.rounded-img {
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}
#slider{
     background : #fff url(../images/loading.gif) no-repeat 50% 50%;
}