@charset "utf-8";
/* CSS Document */

/*組織図*/
#contents .organization_img {
	text-align:center;
	margin:80px 0 100px;
}
#contents .organization_btn {
	text-align:center;
	margin:100px 0 0;
}
#contents .organization_btn li {
	display:inline-block;
	margin:0 15px;
}
#contents .organization_btn li a {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:#333 url(../img/index/white_arrow.png) no-repeat 96% center;
	background-size:10px;
	color:#FFF;
	display:block;
	font-size:114.2%;/*16px*/
	width:430px;
	padding:15px 0;
}
#contents .organization_btn li a:hover {
	text-decoration:none;
	background:#494949 url(../img/index/white_arrow.png) no-repeat 96% center;
	background-size:10px;
}

/*研究分野から研究チームを探す*/
#contents .field_section dl {
	margin:0 11px 45px;
	width:300px;
	display:inline-block;
	vertical-align:top;
	border:1px solid #0d386b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#contents .field_section dl dt {
	padding:15px 0 25px;
	text-align:center;
	font-size:114.2%;/*16px*/
	cursor:pointer;
	background:url(../img/index/blue_arrow2.png) no-repeat center 85%;
	background-size:12px;
}
#contents .field_section dl dt:hover {
	background:#ececec url(../img/index/blue_arrow2.png) no-repeat center 85%;
	background-size:12px;
}
#contents .field_section dl dt.open {
	background:url(../img/index/blue_arrow3.png) no-repeat center 85%;
	background-size:12px;
}
#contents .field_section dl dd {
	display:none;
	padding:10px 20px 15px;
}
.en #contents .field_section dl dd {
	text-align:left;
}

/*研究室を一覧から探す*/
#contents .list_title {
	font-weight:bold;
	font-size:114.2%;/*16px*/
	text-align:center;
}
#contents .organization_list .list_section {
	text-align:center;
	width:460px;
	padding:20px 0;
	min-height:200px;
	display:inline-block;
	margin:0 0 65px;
	vertical-align:top;
}
#contents .organization_list .list_section p {
	margin:0 0 15px;
}
#contents .organization_list .list_section table {
	text-align:left;
	display:inline-block;
}
#contents .organization_list .list_section table th {
	vertical-align:top;
	font-weight:normal;
	padding:0 35px 0 0;
	text-align:left;
}
/*English*/
.en #contents .organization_list .list_section {
	min-height:300px;
}
.en #contents .organization_list .list_section table {
	width:80%;
	margin:auto;
}
.en #contents .organization_list .list_section table th {
	width:80%;
	border-bottom:1px solid #e9e9e9;
	padding:2px 35px 2px 0;
}
.en #contents .organization_list .list_section table td {
	vertical-align:top;
	border-bottom:1px solid #e9e9e9;
	padding:2px 0;
}

/*研究室を一覧から探す>ディビジョン設定*/
#contents .organization_list .list_section.div0 {
	border:5px solid #acbdad;
	display:block;
	margin:auto auto 65px;
	padding:30px 0;
}
#contents .organization_list .list_section.div1 {
	border:5px solid #eb3340;
	margin:0 50px 65px 0;
}
#contents .organization_list .list_section.div2 {
	border:5px solid #494d9f;
}
#contents .organization_list .list_section.div3 {
	border:5px solid #31b1eb;
	margin:0 50px 65px 0;
}
#contents .organization_list .list_section.div4 {
	border:5px solid #43ba62;
}
#contents .organization_list .list_section.div5 {
	border:5px solid #ffff35;
	margin:0 50px 65px 0;
}
#contents .organization_list .list_section.div6 {
	border:5px solid #f5ad33;
}
#contents .organization_list .list_section.div7 {
	border:5px solid #ff99ff;
}

/*ディビジョン設定*/
#contents .h3_box h3 {
	border-bottom:none;
	float:left;
	margin:auto;
	width:80%;
}
#contents .h3_box h3 span {
	display:block;
	font-size:80%;/*16px*/
	margin:0 0 5px;
}
#contents .h3_box p {
	float:right;
	margin:10px 0 0;
	width:20%;
	text-align:right;
}
#contents .groupe_section {
	text-align:center;
	margin:50px 0 0;
	border-top:1px solid #a0a0a0;
	padding:50px 0 0;
}
#contents .groupe_section h5 {
	font-size:142.8%;/*20px*/
	margin:0 0 40px;
}
#contents .groupe_section ul li {
	display:inline-block;
	margin:0 11px;
}
#contents .groupe_section ul li a {
	color:#FFF;
	display:block;
	width:300px;
	padding:30px 0;
}
#contents .groupe_section ul li a:hover {
	text-decoration:none;
}
#contents h4.black {
	font-weight:normal;
	color:#FFF;
	background:#313131;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border:none!important;
	display:inline-block;
	width:140px;
	text-align:center;
	padding:3px 0;
}
/*English*/
.en #contents .groupe_section ul li {
	vertical-align:top;
}
.en #contents .groupe_section ul li a {
	padding:30px 25px;
}
.en #contents h4.black {
	width:200px;
}

/*ディビジョン個別設定*/
#contents.div1 .h3_box {
	border-bottom:3px solid #eb3340;
	margin:0 0 30px;
}
#contents.div1 h4 {
	border-left:6px solid #eb3340;
}
#contents.div1 .groupe_section ul li a {
	background:#eb3340 url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}
#contents.div1 .groupe_section ul li a:hover {
	background:#f45f69 url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}

#contents.div2 .h3_box {
	border-bottom:3px solid #494d9f;
	margin:0 0 30px;
}
#contents.div2 h4 {
	border-left:6px solid #494d9f;
}
#contents.div2 .groupe_section ul li a {
	background:#494d9f url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}
#contents.div2 .groupe_section ul li a:hover {
	background:#5f64cb url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}

#contents.div3 .h3_box {
	border-bottom:3px solid #31b1eb;
	margin:0 0 30px;
}
#contents.div3 h4 {
	border-left:6px solid #31b1eb;
}
#contents.div3 .groupe_section ul li a {
	background:#31b1eb url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}
#contents.div3 .groupe_section ul li a:hover {
	background:#62caf9 url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}

#contents.div4 .h3_box {
	border-bottom:3px solid #43ba62;
	margin:0 0 30px;
}
#contents.div4 h4 {
	border-left:6px solid #43ba62;
}
#contents.div4 .groupe_section ul li a {
	background:#43ba62 url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}
#contents.div4 .groupe_section ul li a:hover {
	background:#59d378 url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}

#contents.div5 .h3_box {
	border-bottom:3px solid #ffff35;
	margin:0 0 30px;
}
#contents.div5 h4 {
	border-left:6px solid #ffff35;
}
#contents.div5 .groupe_section ul li a {
	background:#ffff35 url(../img/index/blue_arrow.png) no-repeat 92% center;
	background-size:10px;
	color: #1b1b1b;
}
#contents.div5 .groupe_section ul li a:hover {
	background:#ffff63 url(../img/index/blue_arrow.png) no-repeat 92% center;
	background-size:10px;
}

#contents.div6 .h3_box {
	border-bottom:3px solid #f5ad33;
	margin:0 0 30px;
}
#contents.div6 h4 {
	border-left:6px solid #f5ad33;
}
#contents.div6 .groupe_section ul li a {
	background:#f5ad33 url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}
#contents.div6 .groupe_section ul li a:hover {
	background:#f6be60 url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}

#contents.div7 .h3_box {
	border-bottom:3px solid #ff99ff;
	margin:0 0 30px;
}
#contents.div7 h4 {
	border-left:6px solid #ff99ff;
}
#contents.div7 .groupe_section ul li a {
	background:#ff99ff url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}
#contents.div7 .groupe_section ul li a:hover {
	background:#ffbdff url(../img/index/white_arrow.png) no-repeat 92% center;
	background-size:10px;
}

/*印刷*/
@media print {
#header .header_right , #dl-menu , #contents #topic_path , #pagetop , #footer a {
	display:none;
}
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
/*研究分野から研究チームを探す*/
#contents .field_section dl {
	margin:0 1% 45px;
	width:30.5%;
}
/*研究室を一覧から探す*/
#contents .organization_list {
	text-align:center;
}
#contents .organization_list .list_section {
	width:45%;
	margin:0 2% 65px 2%!important;
}
#contents .organization_list .list_section.div0 {
	margin:auto auto 65px!important;
}
#contents .groupe_section ul li {
	display:block;
	margin:0 11px 20px;
}
#contents.div1 .groupe_section ul li a {
	width:100%;
}
}
@media screen and (min-width: 0px) and (max-width: 950px) {
#contents .organization_btn li {
	display:block;
}
#contents .organization_btn li a {
	width:100%;
	margin:0 0 20px;
}
}
@media screen and (min-width: 0px) and (max-width: 780px) {
#contents .organization_list .list_section {
	width:100%;
	height:auto;
	min-height:100%;
	margin:0 0 50px 0!important;
}
}
@media screen and (min-width: 0px) and (max-width: 680px) {
#contents .field_section dl {
	margin:0 1% 45px;
	width:47%;
}
}
@media screen and (min-width: 0px) and (max-width: 530px) {
#contents .organization_btn li a {
	padding:15px 40px;
}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
#contents .field_section dl {
	margin:0 0 45px;
	width:100%;
}
}