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

.top-contents{
	margin:17px 0 0 50px;
	}

.contents-box{
	width:440px;
	float:left;
	margin:0 19px 26px 0;
	}

.contents-box h2{
	font-size:16px;
	font-weight:normal;
	}

.contents-box dl{
	width:440px;
	border-top:1px solid #666;
	border-bottom:2px solid #666;
	}

.contents-box dt{
	clear:left;
	float:left;
	width:85px;
	font-size:100%;
	line-height:21px;
	background:url(../images/arrow.gif) no-repeat 6px 9px;
	padding:5px 0 3px 20px;
	border-top:1px solid #666;

	}
	
.contents-box dd{
	margin-left:105px;
	font-size:86%;
	line-height:21px;
	padding:5px 0 3px 0;
	border-top:1px solid #666;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	
.contents-box p{
	float:right;
	width:auto;
	font-size:12px;
	padding:5px 0 3px 20px;
	background:url(../images/arrow.gif) no-repeat 6px 9px;
	line-height:21px;
	}

.contents-box ul{
	width:440px;
	border-top:2px solid #666;
	border-bottom:1px solid #666;
	}

.contents-box li{
	background:url(../images/arrow.gif) no-repeat 6px 9px;
	padding:5px 0 3px 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom:1px solid #666;
	}

.contents-box span{
	margin:0 10px 0 0;
	}

.contents-box a{
	display:block;
	}

.contents-box{
	width:440px;
	float:left;
	margin:0 19px 26px 0;
	}

.contents-box h2{
	font-size:16px;
	font-weight:normal;
	}

.contents-box dl{
	width:440px;
	border-top:1px solid #666;
	border-bottom:2px solid #666;
	}

.contents-box dt{
	clear:left;
	float:left;
	width:85px;
	font-size:100%;
	line-height:21px;
	background:url(../images/arrow.gif) no-repeat 6px 9px;
	padding:5px 0 3px 20px;
	border-top:1px solid #666;

	}
	
.contents-box dd{
	margin-left:105px;
	font-size:86%;
	line-height:21px;
	padding:5px 0 3px 0;
	border-top:1px solid #666;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	
.contents-box p{
	float:right;
	width:auto;
	font-size:12px;
	padding:5px 0 3px 20px;
	background:url(../images/arrow.gif) no-repeat 6px 9px;
	line-height:21px;
	}

.contents-box ul{
	width:440px;
	border-top:2px solid #666;
	border-bottom:1px solid #666;
	}

.contents-box li{
	background:url(../images/arrow.gif) no-repeat 6px 9px;
	padding:5px 0 3px 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom:1px solid #666;
	}

.contents-box span{
	margin:0 10px 0 0;
	}

.contents-box a{
	display:block;
	}

.contents-listbox{
	width:780px;
	float:left;
	margin:0 19px 26px 0;
	}

.contents-listbox h2{
	font-size:16px;
	font-weight:normal;
	}

.contents-listbox dl{
	width:780px;
	border-top:1px solid #666;
	border-bottom:2px solid #666;
	}

.contents-listbox dt{
	clear:left;
	float:left;
	width:85px;
	font-size:100%;
	line-height:21px;
	background:url(../images/arrow.gif) no-repeat 6px 9px;
	padding:5px 0 3px 20px;
	border-top:1px solid #666;

	}
	
.contents-listbox dd{
	margin-left:105px;
	font-size:86%;
	line-height:21px;
	padding:5px 0 3px 0;
	border-top:1px solid #666;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
	
.contents-listbox p{
	float:right;
	width:auto;
	font-size:12px;
	padding:5px 0 3px 20px;
	background:url(../images/arrow.gif) no-repeat 6px 9px;
	line-height:21px;
	}

.contents-listbox ul{
	width:780px;
	border-top:2px solid #666;
	border-bottom:1px solid #666;
	}

.contents-listbox li{
	background:url(../images/arrow.gif) no-repeat 6px 9px;
	padding:5px 0 3px 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom:1px solid #666;
	}

.contents-listbox span{
	margin:0 10px 0 0;
	}

.contents-listbox a{
	display:block;
	}

#top-img img,
#cmenu img {
	width: 100%;
	margin:0;
	}

/*-----------------------------------------------------------------
	研究概要
-----------------------------------------------------------------*/
.h_bg{
	/*background:url(../images/h_bg.png) no-repeat left top;*/
	height:45px;
	line-height:45px;
	font-size:128%;
	margin:0 0 10px 0;
	padding:0 0 0 50px;
	box-sizing: border-box;
	}

.inner-p{
	line-height:2;
	margin:0 0 80px 50px;
	padding:0 10px 0 0;
	}

.out-ol{
	margin:0 50px 20px 50px;
	}

.out-ol li{
	list-style-type:decimal;
	list-style-position:inside;
	padding:0 0 0 7px;
	margin:0 0 10px 0;
	}

#main_per{
	width: 829px;
	margin:0;
	padding:60px 0 0 50px;
	float:left;
	overflow: hidden;
	box-sizing: border-box;
	word-break: normal;
	word-wrap: break-word;
	}

body h2.h_bg2{
	background:url(../images/h_bg2.png) no-repeat left top;
	height:78px;
	font-family:"Times New Roman", Times, serif!important;
	font-size:143%;
	margin:0 0 10px 0;
	padding:8px 0 0 50px;
	box-sizing: border-box;
	}

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

.per_innerbox{
	margin-left:55px;
	}

.per_innerbox2{
	margin:0 0 80px 40px;
	}
	
.per-img img{
	width:100%;
	margin:0 0 50px 0;
	}

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

.per-img3 img{
	width:100%;
	max-width:585px;
	height:auto;
	margin:0 0 50px 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 50px 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%
	}
	
/*-----------------------------------------------------------------
	研究実績
-----------------------------------------------------------------*/

/* 170220 pocket add  start */

.year_tab {
	background: 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;
}

.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;
}

.hide {display:none;}

/* 170220 pocket add  end */

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

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

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

.tab_box a{
	color: #2266D5;
	}
	
.tab_menu{
	border-bottom:2px solid #666;
	margin-bottom:20px;
	}


.tab_menu li{
	float:left;
	width:auto;
	padding:0 25px 0 10px;
	background:url(../images/slash.gif) no-repeat right center;
	color:#2266D5;
	font-size:115%;
	}

#tmenu li:last-child {
	background:none
	}

.tab_menu li a{
	color:#2266D5;
	}

.tab_menu li a:hover{
	text-decoration:underline;
	}

h3.line{
	width:100%;
	background-color:#666;
	line-height:12px;
	margin:7px 0 31px 0;
	}

h3.line .bgw{
	font-size:128%;
	background-color:#FFF;
	padding:0 1em 0 0;
	}

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

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 0 30px 55px;
	}

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

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

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

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

.labo-photo{
	width:100%;
	}

.labo-photo li.labo-imgl{
	width:50%;
	float:left;
	z-index: 100;
	}

.labo-photo li.labo-imgr{
	width:50%;
	float:right;
	z-index: 100;
	}

.labo-photo li.labo-imgl img,
.labo-photo li.labo-imgr img{
	width: 100%;
}

.labo-photo li.labo-txtl{
	color:#FFF;
	width:100px;
	height:20px;
	line-height:20px;
	float:left;
	text-align:center;
	background-color:#666;
	margin-top:20px;
	}

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

.labo-list {
	width: 103%;
	margin: 26px 0 0;
}

.labo-list li {
	width: 22.5%;
	background: #fff;
	/*float: left;*/
	display: inline-block;
	margin: 0 2% 10px 0;
	vertical-align: top;
}

.labo-list li a {
	width: 100%;
	display: block;
	padding: 0 0 10px;
}

.labo-list li img {
	width: 100%;
	height: auto;
	border: #ccc 1px solid;
}

.labo-title {
	background: url(../images/cont_bg.png) no-repeat bottom center;
	color: #dc0011;
	font-size: 167%;
	margin: 0 0 10px;
	padding: 17px 0 12px;
}

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

.member-tb{
	width:100%;
	border:3px solid #666;
	margin:0 0 12px 0;
	border-collapse: collapse;
	table-layout: fixed;
	box-sizing: border-box;
	}

.member-tb th{
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	}

.member-tb td{
	text-align:left;
	border:1px solid #666;
	box-sizing: border-box;
	padding:8px 0 8px 10px;
	line-height:1.5em;
	}
	
.w1{
	width:13.6%;
	border-right:2px solid #666;
	}

.w1 img{
	width:100%;
	height: auto;
	vertical-align: bottom;
	}
	
.w2{
	width:20.4%;
	}

.w3{
	width:33%;
	}

.w4{
	width:33%;
	}

/* test170512 start */

.member-list {
	width: 100%;
	border:3px solid #666;
	box-sizing: border-box;
	display: table;
	margin:0 0 12px 0;
}

.member-list li {
	display: table-cell;
	vertical-align: top;
}

.member-list li dl dt {
	padding: 8px;
}

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

.cell1 {
	width: auto;
	/*width: 110px;*/
	background: #fff;
	border-right: #666 2px solid;
}

.cell1 img {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.cell2 {
	width: 20%;
	border-right: #666 1px solid;
}

.cell3 {
	width:33%;
}

.cell4 {
	width: 33%;
	border-left: #666 1px solid;
	padding: 8px;
}

/*.member-tbl {
	width: 100%;
	border-collapse: collapse;
	border-left:2px solid #666;
	box-sizing: border-box;
	margin: -1px 0 0;
	}

.member-tbl td{
	background: #fff;
	text-align:left;
	border-right:1px solid #666;
	border-top:1px solid #666;
	box-sizing: border-box;
	padding: 12px;
	line-height:1.5em;
	}*/

/* test170512 end */

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

.ma_tbl {
	width: 100%;
	margin: 0 0 50px;
	padding: 0;
}

.ma_tbl li {
	float: left;
}

.w220 {
	width: 28%;
}

.ma_tbl li div {
	padding: 0;
	position: relative;
}

.ma_tbl li img {
	vertical-align: bottom;
}

.ma_tbl li p {
	color:#FFF;
	min-width:180px;
	height:20px;
	line-height:20px;
	/*text-align:center;*/
	background-color:#666;
	position: absolute;
	padding: 0 20px;
}

.ma_tbl li p span {
	color:#000;
	font-size: 93%;
}

#ma01 { width: 280px; height: 280px;}
#ma01_1 { left: 0; bottom: 230px;}
#ma01_2 { right: 0; bottom: 30px; text-align: right;}

#ma02 { width: 280px; height: 280px; background:url(../images/ma_bg01.jpg) no-repeat center left left;}
#ma02_1 { right: 0; bottom: 230px; text-align: right;}

#ma03 { width: 280px; height: 220px;}
#ma03_1 { left: 0; bottom: 170px;}
#ma03_2 { right: 0; bottom: 30px; text-align: right;}

#ma04 { width: 280px; height: 220px;}
#ma04_1 { right: 0; bottom: 170px; text-align: right;}

#ma05 { width: 280px; height: 220px; background: url(../images/ma_bg02.jpg) no-repeat center;}
#ma05_1 { left: 0; bottom: 170px;}
#ma05_2 { right: 0; bottom: 30px; text-align: right;}

#ma06 { width: 280px; height: 220px;}
#ma06_1 { right: 0; bottom: 170px; text-align: right;}

#ma07 { width: 280px; height: 220px;}
#ma07_1 { left: 0; bottom: 170px;}
#ma07_2 { right: 0; bottom: -30px; text-align: right;}
#ma07_2 span { letter-spacing: -1px;}

#ma08 { width: 280px; height: 280px; background: url(../images/ma_bg01.jpg) no-repeat center left;}
#ma08_1 { right: 0; bottom: 230px; text-align: right;}

#ma09 { width: 280px; height: 220px;}
#ma09_1 { left: 0; bottom: 170px;}
#ma09_2 { right: 0; bottom: 30px; text-align: right;}

#ma10 { width: 280px; height: 220px;}
#ma10_1 { right: 0; bottom: 170px; text-align: right;}

.ma_bg_bk { background: #666666; min-height: 280px;}

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

.career-tb{
	width:100%;
	border:3px solid #666;
	margin:0 0 12px 0;
	border-collapse: collapse;
	table-layout: fixed;
	box-sizing: border-box;
	}
	
.career-tb td,
.career-tb th{
	text-align:left;
	border:1px solid #666;
	box-sizing: border-box;
	padding:8px 10px 8px 10px;
	line-height:1.5em;
	word-break: normal;
	word-wrap: break-word;
	}

.career-tb th{
	padding:2px 0 2px 10px;
	}
	
.career-tb td.w5,
.career-tb th.w5{
	 width:13.6%;
	 text-align:center;
	 }
	
.w6{
	width:25.9%;
	}

.w7{
	width:34.1%;
	}



/*-----------------------------------------------------------------
	沿革
-----------------------------------------------------------------*/



.history-dl dt{
	background-color:#F1F1F1;
	margin-top:40px;
	padding-left:1em;
	}

.history-dl dd{
	line-height:190%;
	padding-left:1em;
	}

.disc-list li {
	list-style: disc;
	margin: 0 20px;
}


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

.contact-tb{
	width:100%;
	margin:30px auto 0;
	text-align:left;
	}

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

.contact-tb th{
	width:17.7%;
	background-color:#666;
	color:#FFF;
	padding:0 0 0 10px;
	vertical-align:middle;
	}

.contact-tb th.valgn-t{
	vertical-align:top;
	}
	
.contact-tb td.td1{
	width:3.3%;
	color:#B43514;
	text-align:center;
	}
	
.contact-tb td.td2{
	width:79%;
	}


/* メールフォーム */
.contact-tb td input{
	vertical-align: middle;
	}

.contact-tb td input[type="text"],
.contact-tb td input[type="email"]{
   width:100%;
   background:#F1F1F1;
   border: none;
   padding:6px 0;
   }
  
textarea {
	box-sizing: border-box;
	width:100%;
	height:100px;
	background:#F1F1F1;
	border: none;
	padding: 8px 5px;
   }
   
.con_btn{
	text-align:center;
	margin:0 0 15px 0;
	}

.con_btn input {
	width:125px;
	height:25px;
	border:none;
	background-color:#666;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	/*letter-spacing:12px;*/
	}

/*-----------------------------------------------------------------
	リンク
-----------------------------------------------------------------*/

.disc{
	/*list-style-type:disc;
	list-style-position:inside;*/
	}

.disc li{
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:10px;
	}

.disc ul li li{
	padding-left:2em!important;
	}
	
/*-----------------------------------------------------------------
	所在地
-----------------------------------------------------------------*/

/*.map{
	margin: 20px 0 45px;
	}*/

.map {
	border: #ccc 1px solid;
	position: relative;
  padding-bottom: 80%;
  height: 0;
	margin: 5px 0 45px;
  overflow: hidden;
}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.access_list {
	margin: 0 0 50px;	
}

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