@import url(common.css);

/* HOME */
#contents h2#top_title {
	margin: 0 0 0 0;
}
#top_detail {
	min-height: 270px;
	margin: 30px 0 20px 50px;
	position: relative;
	padding-bottom: 20px;
	background: url('../images/top/back_cimr.jpg') left top no-repeat;
}
#top_detail ul {
	margin-left: 20px;
	list-style: disc;
	font-size: 78%;
	line-height: 140%;
	position: absolute;
}
#top_project {
	top: 40px;
	left: 0px;
	width: 240px;
}
#top_basic {
	width: 255px;
	top: 50px;
	left: 590px;
}
#top_infra {
	width: 320px;
	top: 160px;
	left: 580px;
}
#top_infra li {
	float: left;
	margin-right: 20px;
}


/* CIMRについて */
#contents_left h2#about {
	background: #000154;
}
#contents_right #purpose_role {
	background: #000154;
}
#about_detail {
	width: 710px;
	height: 330px;
	min-height: 330px;
	margin: 30px 0 0 0;
	position: relative;
	padding-bottom: 20px;
	background: url('../images/top/back_cimr.jpg') left top no-repeat;
	background-size:contain;
}
#about_detail ul {
	margin-left: 20px;
	list-style: disc;
	font-size: 78%;
	line-height: 140%;
	position: absolute;
}
#about_project {
	top: 40px;
	left: 0px;
	width: 220px;
}
#about_basic {
	width: 210px;
	top: 45px;
	left: 480px;
}
#about_infra {
	width: 220px;
	top: 140px;
	left: 470px;
}
#contents_right #access,
#contents_right #greeting,
#contents_right #history {
	margin-top: 40px;
	margin-bottom: 15px;
	background: #000154;
}
.history_table {
	width: 98%;
	margin: 0 auto;
	font-size: 78%;
	line-height: 140%;
}
.history_table th {
	width: 31%;
	font-weight: 400;
	text-align: left;
	vertical-align: top;
	padding: 0.5% 1% 0.5% 0;
}
.history_table td {
	text-align: left;
	vertical-align: middle;
	padding: 0.5% 1% 0.5% 0;
}
#about_access {
	width: 99%;
	margin: 0 auto;
	padding: 0;
}
#about_access .small_title {
	margin-top: 0;
}
#about_access_left {
	width: 32%;
	margin: 0;
	float: left;
}
#about_access_left ul li {
	margin-left: 20px;
	list-style: disc;
	font-size: 78%;
	line-height: 140%;
}
#about_access_right {
	width: 65%;
	margin: 0 0 0 3%;
	float: left;
}
#about_access_right .address_block {
	width: 50%;
	margin: 0 0 0 0;
	float: left;
}
#about_access_right .address_block p {
	width: 98%;
}
#map1 {
	width: 98%;
	height: 500px;
	margin: 40px auto 0 auto;
	border: 1px solid #CCC;
}
.btn_accessmap {
	width: 98%;
	margin: 20px auto 0 auto;
}
.btn_accessmap a {
	padding: 1.8% 0 1.4% 0;
	background: #000154;
	display: block;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	font-size: 85%;
}

/* プロジェクト研究 */
#contents_left dt#project_left {
	background: #FFCC01;
	color: #000154;
}
#contents_right #project {
	background: #FFCC01;
	color: #000154;
	margin-bottom: 15px;
}
#research_type {
	width: 85%;
	margin: 30px auto 0 auto;
}
#research_type th.type {
	width: 17%;
	padding: 2% 2.5%;
	color: #000154;
	font-size: 85%;
	text-align: center;
	border-bottom: 10px #FFF solid;
}
#research_type td.type_text {
	padding: 0 0 0 2.5%;
	vertical-align: middle;
	font-size: 78%;
	font-weight: 600;
	border-bottom: 10px #FFF solid;
}
#research_type th.type_a {
	background: #FFFF9A;
}
#research_type th.type_u {
	background: #CCFFCC;
}
#research_type th.type_g {
	background: #FECC99;
}
#research_type th.type_j {
	background: #C5D9F2;
}
/* 研究基盤 */
#contents_left dt#infra_left {
	background: #1682CD;
}
#contents_right #infra {
	background: #1682CD;
	margin-bottom: 15px;
}
#contents_right #infra_sub1,
#contents_right #infra_sub2 {
	background: #000154;
	margin-top: 25px;
}
.infra_other {
	width: 98%;
	margin: 20px auto 0 auto;
}
.infra_other .main_title {
	line-height: 160%;
	font-size: 85%;
	color: #000154;
	font-weight: 600;
}
.infra_other .sub_title {
	margin-top: 8px;
	line-height: 140%;
	font-size: 85%;
	font-weight: 600;
}
.infra_other .term,
.infra_other .link {
	line-height: 140%;
	font-size: 78%;
}
.infra_other .content {
	line-height: 140%;
	font-size: 78%;
	margin: 15px 0 0 0;
}
.border_top {
	border-top: 1px dotted #CCC;
	padding-top: 20px;
}
/* 基幹研究 */
#contents_left dt#basic_left {
	background: #D31227;
}
#contents_right #basic {
	background: #D31227;
	margin-bottom: 15px;
}
#contents_right #basic1 {
	margin-bottom: 0;
}
#basic_block {
	width: 100%;
}
#basic_block .basic_left {
	width: 45%;
	margin: 0 0 0 3%;
	float: left;
}
#basic_block .basic_right {
	width: 45%;
	margin: 0 0 0 4%;
	float: left;
}
#basic_block .basic_title {
	margin: 25px 0 0 0;
	width: 96%;
	line-height:130%;
	padding: 1% 2%;
	color: #FFF;
	font-size: 85%;
	font-weight: 600;
	text-align: left;
	background: #000154;
}
#basic_block ul {
	width: 98%;
	margin: 8px auto 0 auto;
}
#basic_block ul li {
	list-style: square;
	margin: 0 0 0 20px;
	line-height: 160%;
	font-size: 78%;;
}

/* お問い合わせ */
#contents_left h2#contact {
	background: #000154;
}
#contents_right #contactus {
	background: #000154;
}
#contact_access {
	width: 98%;
	margin: 25px auto 0 auto;
	padding: 0;
}
#contact_access ul li {
	margin-left: 20px;
	list-style: disc;
	font-size: 78%;
	line-height: 140%;
}
#contact_access .contact_block {
	width: 50%;
	margin: 0 0 0 0;
	float: left;
}
#contact_access .contact_block p {
	width: 98%;
}

/* サイトマップ */
#contents_left h2#sitemap {
	background: #000154;
}
#contents_right #sitemap1 {
	background: #000154;
}
#sitemap_navi {
	width: 98%;
	margin: 10px auto 0 auto;
	font-size: 78%;
	line-height: 140%;
}
#sitemap_navi dt {
	margin-top: 15px;
}
#sitemap_navi dt:before {
	content: "■";
}
#sitemap_navi dd {
	margin-left: 8px;
}
#sitemap_navi dd:before {
	content: "- ";
}
/* リンク */
#contents_left h2#link {
	background: #000154;
}
#contents_right #link1 {
	background: #000154;
}
#link_navi {
	width: 98%;
	margin: 10px auto 0 auto;
	font-size: 78%;
	line-height: 140%;
}
#link_navi dt {
	margin-top: 15px;
}
#link_navi dt:before {
	content: "■";
}
#link_navi dd {
	margin-left: 8px;
}
#link_navi dd:before {
	content: "- ";
}