/*-----------------------------------------------------------------
	基本CSS
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {

html {
	min-width: 100%;
}

}

/*-----------------------------------------------------------------
	ヘッダー
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {

header{
	width:100%;
	height:40px;
	margin:0;
	margin:0;
	position:relative;
	}

header h1.sp{
	position:absolute;
	top:5px;
	right:3%;
	}

header h1 img{
	max-width: 100%;
	max-height: 30px;
	}
	
/* menu */
#menu {
	width:20px;
	height:17px;
	cursor:pointer;
	position:absolute;
	top:12px;
	left:20px;
	}

#menu img {
	width:100%;
	height:100%;
	}

#hmenu{
	width: 100%;
	border-left: none;
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 1000;
}

#hmenu li{
	width: 100%;
	border-right: none;
	border-bottom: #eee 1px solid;
	float: none;
}

#hmenu li a{
	background: rgba(171,56,35,0.7) url(../images/mark_menu.png) no-repeat 95% center;
	background-size: auto 50%;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#009FB9,EndColorStr=#009FB9);
	color: #fff;
	display: block;
	line-height: 40px;
	padding: 0 20px;
	text-align: left;
	text-decoration: none;
}

#hmenu li a:hover{
	background: rgba(206,65,45,0.9) url(../images/mark_menu.png) no-repeat 95% center;
	background-size: auto 50%;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#3067abda,EndColorStr=#3067abda);
	color: #eee;
	}

#top-sp-img img{
	width: 100%;
	/*max-width:375px;*/
	}
	

#cmenu{
	margin:10px 0 20px 0;
	padding:0;
	}
	
#cmenu li a{
	max-width:100%!important;
	display:block;
	/*text-indent:-9999px;*/
	margin:0 0 10px 0;
	}
	
#cmenu li img{
	width: 100%;
	vertical-align: bottom;
	}

/*#cmenu li a.cmenu1{}
#cmenu li a.cmenu2{background:url(../images/cmenu2.jpg) no-repeat center top;}
#cmenu li a.cmenu3{background:url(../images/cmenu3.jpg) no-repeat center top;}
#cmenu li a.cmenu4{background:url(../images/cmenu4.jpg) no-repeat center top;}
#cmenu li a.cmenu5{background:url(../images/cmenu5.jpg) no-repeat center top;}
#cmenu li a.cmenu6{background:url(../images/cmenu6.jpg) no-repeat center top;}
#cmenu li a.cmenu7{background:url(../images/cmenu7.jpg) no-repeat center top;}
#cmenu li a.cmenu8{background:url(../images/cmenu8.jpg) no-repeat center top;}
#cmenu li a.cmenu9{background:url(../images/cmenu9.jpg) no-repeat center top;}*/


}

/*-----------------------------------------------------------------
	レイアウト
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {

/* コンテンツ全体 */

#contents {
	width: 100%;
	margin: 0 auto 40px;
	}

#sub {
	float:none;
	width:auto;
	margin-right:0;
	margin:29px 0 20px 15px;
	}

#sub li{
	float:left;
	width:auto;
	color:#B9B9B9;
	font-size:100%;
	border-left:none;
	margin:0 10px 10px 0;
	padding:0;
	max-height:inherit;
	}

#sub li a{
	display:block;
	width:auto;
	text-decoration:underline;
	}

#sub li.odorent{
	max-width:auto;
	line-height:normal;
	padding:0;
	}
	
#sub li.odorent a{
	max-width:300px;
	line-height:normal;
	}

#sub li.current{
	border-left:none;
	}

}

/*-----------------------------------------------------------------
	フッター
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {

footer {
	width:100%;
	height:125px;
	background-color:inherit;
	position:relative;
	}
	
#footerbox{
	width:100%;
	margin:0 auto;}

	
#footerbox h5{
	float:none;
	width:100%;
	height:75px;
	margin:0 0 15px 0;
	background:url(../images/isir_sp.gif) no-repeat left top #AB3823;
	text-indent:-9999px;
	}

#footerbox p {
	font-size:79%;
	float:none;
	color: #FFF;
	margin:0 0 0 42px;
	opacity:0.7;
	position:absolute;
	top:55px;
	}

footer p.pagetop{
	text-align:center!important;
	}


footer p.pagetop a{
	text-indent:-9999px;
	display:block;
	width:149px;
	height:35px;
	background:url(../images/pagetop.png) no-repeat center top;
	margin:0 auto;
	}  


}

/*-----------------------------------------------------------------
	トップページ
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {
/* TOP：コンテンツ全体 */

.top-contents{
	margin:0;
	}

.contents-box{
	width:100%;
	float:none;
	margin:10px 0 0 0;
	}

.contents-box h2{
	padding:5px 0 3px 20px;
	font-size:100%;
	font-weight:normal;
	background-color:#888;
	color:#FFF;
	}

.contents-box dl{
	width:100%;
	border:none;
	}

.contents-box dt{
	font-size:93%;
	line-height:15px;
	background:url(../images/arrow.gif) no-repeat 25px 10px;
	float:none;
	border-top:none;
	padding:8px 0 0 37px;
	}
	
.contents-box dd{
	font-size:86%;
	line-height:15px;
	padding:5px 0 5px 37px;
	margin-left:0;
	border-top:none;
	border-bottom:1px solid #666;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	
.contents-box a{
	display:block;
	
	}



}

/*-----------------------------------------------------------------
	研究概要
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {

#main,
#main_pl50{
	width: auto;
	margin:0;
	padding:0;
	float:none;
	overflow: hidden;
	}
	
#main h2,
#main_pl50 h2{
	padding:0 0 0 15px;
	}

.h_bg{
	margin:0 0 5px 0;	
	padding:0 0 0 15px;
	}

.inner-p{
	line-height:1.8;
	margin:0 15px 20px 15px;
	text-align: justify;
	text-justify: inter-ideograph;
	}
	
.out-ol{
	margin:0 15px 30px 15px;
	}

#main_per{
	width:100%;
	margin:0;
	padding:0;
	float:none;
	overflow:visible;
	}
	
body h2.h_bg2{
	font-size:120%;
	margin:0 0 10px 0;
	padding:8px 15px 0 15px;
	}

.txt36 {
	font-size:128%;
	line-height:1;
	}

.per_innerbox{
	width:100％;
	margin-left:0;
	padding:0 15px;
	}

.per_innerbox2{
	margin:0 0 35px 20px;
	}
	
.per-img img{
	width:100%;
	margin:0 0 20px 0;
	}

.per-img2 img{
	width: 100%;
	margin:0;
	}
	

#main_per p{
	line-height:2;
	word-break: normal;
	word-wrap: break-word;
	}

#main_per h5{
	font-size:115%;
	margin:80px 0 30px 0;
	word-break: normal;
	word-wrap: break-word;
	}

#main_per ol{
	margin:0 0 30px 0;
	padding:0 0 0 1em;
	list-style-type:decimal;
	list-style-position:outside;
	font-size:93%;
	}

#main_per li{
	margin-bottom:20px;
	}


#main_per h4{
	font-size: 115%;
	margin:0 0 15px 0;
	}

.txt18_14{
	font-size:77.78%
	}
	

}

/*-----------------------------------------------------------------
	研究実績
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {

/* 170220 pocket add  start */

.year_tab {
	background: #d8d8d8 url(../images/tab_bg.gif) no-repeat left top;
}

.year_tab li h2 {
	width: 125px;
	height: 25px;
	float: left;
	line-height: 25px;
	margin: 0 -24px;
	background: url(../images/tab_g.gif) no-repeat left top;
	text-align: center;
	cursor: pointer;
	padding: 0!important;
}

.year_tab li.select h2{
	width: 123px;
	height: 25px;
	line-height: 25px;
	margin: 0 0 0 -24px;
	background: url(../images/tab.gif) no-repeat left top;
	text-align: center;
}

.year_tab li:first-child {
	margin: 0 12px 0 24px;
}

.content li{
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
}

/* 170220 pocket add  end */

.tab{
	width:125px;
	height:25px;
	line-height:25px;
	background:url(../images/tab.gif) no-repeat left top;
	text-align:center;
	}

.tab_box{
	background-color:#F0F0F0;
	padding:20px 0 0 0;
	}

h3.line{
	width:100%;
/*	background-color:inherit;*/
	margin:7px 0 31px 0;
	line-height: normal;
	}

h3.line .bgw{
	padding:2px 1em 2px 20px;
}

h3.line .bgg_txt14{
	font-size:100%;
	background-color:#F0F0F0;
	padding:0 1em 0 0;
	margin:0 0 30px -1em;
	}

.tab_contents,
.tab2_contents{
	padding:0 10px 30px 30px;
	}

.tab_contents li{
	list-style-type:disc;
	list-style-position:outside;
	margin-bottom:25px;
	line-height:1.5;
	}

.tab2_contents li{
	list-style-type:decimal;
	list-style-position:outside;
	margin-bottom:25px;
	}


}

/*-----------------------------------------------------------------
	研究室
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {

.lineh2{
	line-height:1.8;
	margin:0 15px 20px 15px;
	display: block;
	/*text-align: justify;
	text-justify: inter-ideograph;*/
	}

.labo-photo li.labo-txtr{
	color:#FFF;
	width:100px;
	height:20px;
	line-height:20px;
	float:right;
	text-align:center;
	background-color:#666;
	margin-top:50px;
	}
	
.labo-list {
	margin: 26px 0 0;
}

.labo-list li {
	width: 47%;
	min-height: 240px;
}
	
.labo-list li p {
	padding-left: 10px;
	padding-right: 10px;
}

}

/*-----------------------------------------------------------------
	現在の構成員
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {
	
.member-tb th{
	background: #010101;
	vertical-align: bottom;
}
	
.member-tb td {
	width: 100%;
	padding:5px 5px 5px 10px;
	}
	
.w1{
	width:40%;
	}
	
.w4 {
}
	
/* test170512 start */
	
.member-list {
	display: block;
}

.member-list li {
	display: block;
}

.member-list li dl dd {
	border-top: #666 1px solid;
	padding: 8px;
}

.cell1 {
	width: 50%;
	background: #101010;
	border-right: #666 2px solid;
	float: right;
}

.cell1 img {
	width: 100%;
	height: auto;
	}

.cell2 {
	width:50%;
	border-right: #666 1px solid;
}
	
.cell2 dl dd {
	border-top: #666 0px solid;
}

.cell3 {
	width: 50%;
	border-top: #666 1px solid;
}

.cell4 {
	width: 100%;
	clear: both;
	border-left: none;
	border-top: #666 2px solid;
	padding: 8px;
}

/* test170512 end */
	
}

/*-----------------------------------------------------------------
	卒業生の進路
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {

.career-tb{
	font-size: 86%;
	}

}

/*-----------------------------------------------------------------
	設備・機材
-----------------------------------------------------------------*/

@media screen and (max-width: 779px) {

.ma_tbl {
	width: 90%;
	margin: 0 auto;
}
	
.ma_tbl li {
	width: 50%;
	margin: 0 0 50px;
}
	
.ma_tbl li img {
	width: 100%;
}

}

@media screen and (max-width: 480px) {

.ma_tbl li {
	width: 100%;
	float: none;
}
	
}

/*-----------------------------------------------------------------
	お問合せ
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {

.contact-tb tr{
	border-bottom:10px solid #FFF;
	}

.contact-tb th{
	box-sizing: border-box;
	width:100%;
	display:block;
	}
	
.contact-tb td{
	box-sizing: border-box;
	width:100%;
	display: block;
	float:left;
	}

.contact-tb td.td1{
	width:1em;
	}

.contact-tb td.td2 {
	width:100%;
	}

.con_btn {
	margin:0;
	}


}

/*-----------------------------------------------------------------
	所在地
-----------------------------------------------------------------*/

@media screen and (max-width: 899px) {
	
.map{
	width: 100%;
	}

.access_list {
	margin: 0 0 50px;	
}

.access_list li {
	margin: 10px 16px 0;	
}
	
}