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



/*人間情報学研究領域*/
.utilityNav_his {
	color: #ffffff;
	background-color:  #36adbc;
    border-top: 2px solid #36adbc;
    border-bottom: 2px solid #36adbc;
}

.utilityNav2_his {
	color: #333333;
	border-bottom: 2px solid #36adbc;
}

/*サスティナブルイノベーション研究領域*/
.utilityNav_si {
	color: #ffffff;
	background-color:  #2aa039;
    border-top: 2px solid #2aa039;
    border-bottom: 2px solid #2aa039;
}

.utilityNav2_si {
	color: #333333;
	border-bottom: 2px solid #2aa039;
}

/*物質化学フロンティア研究領域*/
.utilityNav_mcf {
	color: #ffffff;
    background-color:  #4db442;
    border-top: 2px solid #4db442;
    border-bottom: 2px solid #4db442;
}

.utilityNav2_mcf {
	color: #333333;
	border-bottom: 2px solid #4db442;
}

/*ナノマテリアル・デバイス研究領域*/
.utilityNav_nd {
	color: #ffffff;
    background-color:  #1e9edb;
    border-top: 2px solid #1e9edb;
    border-bottom: 2px solid #1e9edb;
}

.utilityNav2_nd {
	color: #333333;
	border-bottom: 2px solid #1e9edb;
}

/*バイオ機能医工学研究領域*/
.utilityNav_bbbe {
	color: #ffffff;    
    background-color:  #ec6615;
    border-top: 2px solid #ec6615;
    border-bottom: 2px solid #ec6615;
}

.utilityNav2_bbbe {
	color: #333333;
	border-bottom: 2px solid #ec6615;
}


/*レスポンシブ対応*/
@media only screen and (max-width:767px){
	#page{
		width: 100%;
	}

	#contents, #contentsNoSub{
		width: 100%;
	}

	#contentsNoSub #main{
		width: 100%;
	}

	.imgR{
		/*float: none;*/
		width: 35%;
		height: 35%;
	}

	img{
		max-width: 100%;
	}

	#header #utilityNav{
		/* max-width: 70%; */
		max-width: 100%
	}

	h1{
		font-size: 18px!important;
	}

	.labname{
		font-size: 16px;
	}
}


/* @media only screen and (max-width:767px){
	#header #utilityNav{
		  max-width: 100% !important;
	  }
} */

.header_page_back_icon{
	display:inline-block;
	font-size:14px;height:20px;
	width:20px; border-radius:50%;
	background-color:white;
	line-height:22px;
	text-align:center;
	margin-right:15px;
}

/*人間情報学研究領域*/
.utilityNav_his .header_page_back_icon{
	color: #36adbc;
}

/*サスティナブルイノベーション研究領域*/
.utilityNav_si .header_page_back_icon{
	color: #2aa039;
}

/*物質化学フロンティア研究領域*/
.utilityNav_mcf .header_page_back_icon{
	color: #4db442;
}

/*ナノマテリアル・デバイス研究領域*/
.utilityNav_nd .header_page_back_icon{
	color: #1e9edb;
}

/*バイオ機能医工学研究領域*/
.utilityNav_bbbe .header_page_back_icon{
	color: #ec6615;
}

