@charset "UTF-8";
/* CSS Document */
/*--------------------------------------------------------------------------*/
/*  パーツ																	*/
/*--------------------------------------------------------------------------*/                

#pageHeader_section{
	min-width:960px ;
	width:100% ;
	min-height:140px ;
	overflow: hidden;
	margin:0 auto 25px auto ;
	background-position:center top ;
	background-repeat:no-repeat ;
	background-size:cover ;
}

	#pageHeader_section #pageHeader_inner_section{
		width:960px ;
		text-align:left ;
		margin: 0 auto ;
	}

.archive #pageHeader_section,
.interview #pageHeader_section,
.studies #pageHeader_section,
.topic #pageHeader_section,
.event #pageHeader_section,
.contact #pageHeader_section{
	background-image:url(../../images/archive/header.jpg);
}



@media screen and (max-width: 640px) {
	#pageHeader_section{
		min-width:auto ;
		width:100% ;
		min-height:auto ;
	}
	
		#pageHeader_section #pageHeader_inner_section{
			width:98% ;
			margin: 0 auto ;
		}
		
			#pageHeader_section #pageHeader_inner_section img{
				width:98% ;
			}

	.archive #pageHeader_section{
		background-image:url(../../images/archive/header.jpg);
	}
	
			.archive #pageHeader_section img{
				max-width:450px ;
			}
			
	
}

#main_section{
	min-height:400px ;
}

/* h1
 * ========================================== */
#main_section h1 {
  position: relative;
  /*background: url(../../images/base/h1_bg_03.png) no-repeat 0 100%;*/
  color: #E97BB1;
  font-weight: bold;
  font-size: 200%;
  line-height: 1.1;
  margin:0 auto 20px auto ;
}

#main_section h1 span{
	font-size:60% ;
}

/* h2
 * ========================================== */
#main_section h2 {
  position: relative;
  margin: 0 0 20px 0;
  padding: 6px 9px 5px 28px;
  background: #EEEEEE url(../../images/base/h2_bg_01.png) no-repeat 9px center;
  color: #000000;
  font-weight: bold;
  font-size: 100%;
  line-height: 1.5;
}


/* h3
 * ========================================== */
#main_section h3 {
  margin: 20px 0;
  padding: 3px 0 3px 7px;
  border-left: 5px solid #E97BB1;
  /*background: url(../../images/base/border_dotted_01.png) repeat-x 0 100%;*/
  color: #000000;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.5;
}



/* h4
 * ========================================== */
#main_section h4 {
  margin: 20px 0 15px;
  padding: 3px 10px;
  background: #EEEEEE;
  color: #E97BB1;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.5;
}


/* h5
 * ========================================== */
#main_section h5 {
  margin: 20px 0 10px;
  color: #1C417C;
  font-weight: bold;
  font-size: 120%;
  line-height: 1.5;
}


/* List 01
 * ========================================== */
#main_section ul.list01 {
  list-style: none;
  position: relative;
  margin: 0 0 15px;
  padding: 0;
  zoom: 1;
}
#main_section ul.list01:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#main_section ul.list01 li {
  margin: 0 0 5px;
  padding: 0 0 0 18px;
  background: url(../../images/base/arrow_01.png) no-repeat 0 4px;
}

#main_section ul.list01 li p {
  margin: 5px 0 0;
}

#main_section ul.list01 li ul {
  list-style: outside disc;
  float: none;
  margin: 0 0 0 18px;
}

#main_section ul.list01 li ul li {
  margin: 5px 0 0;
  padding-left: 0;
  background: none;
}


/*++++++++++++++++++++++*/
/*  ページ送り			*/
/*++++++++++++++++++++++*/
.pagging{
	width:100% ;
	margin:0 auto 15px auto ;
	text-align:center ;
	font-weight:bold ;
}
	
	.pagging span{
		display:inline-block ;
		margin:0 3px 15px 3px ;
		text-align:center ;
	}

		.pagging span.count{
			display:inline-block ;
			margin:0 20px 15px 3px ;
			text-align:center ;
			font-size:110% ;
		}

		.pagging span.current_page{
			background:#E97BB1 ;
			color:#FFFFFF ;
			padding:6px 11px ;
		}

	.pagging a{
		display:inline-block ;
		padding:5px 10px ;
		background:#FFFFFF ;
		border:1px solid #CCCCCC ;
		margin:0 3px 15px 3px ;
	}

		.pagging a:hover{
			padding:5px 10px ;
			background:#E97BB1 ;
			color:#FFFFFF ;
		}
	
		.pagging .link_before,
		.pagging .link_next{
			border:none !important;
		}

		.pagging .link_before:hover,
		.pagging .link_next:hover{
			padding:5px 10px ;
		}
	
		/*  テキスト関係  */
		.pagging a{ 		text-decoration:none !important ;}
		.pagging a:link{ 	text-decoration:none !important ;}
		.pagging a:visited{	text-decoration:none !important ;}
		.pagging a:hover{ 	text-decoration:none !important ;}
		.pagging a:active {	text-decoration:none !important ;}



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

	/*++++++++++++++++++++++*/
	/*  ページ送り			*/
	/*++++++++++++++++++++++*/
	.pagging{
		text-align:center ;
	}
		
		.pagging span{
			margin:0 5px 20px 5px ;
		}
	
			.pagging span.current_page{
				padding:10px 15px ;
			}
		
		.pagging a{
			margin:0 5px 20px 5px ;
			padding:9px 15px ;
		}

			.pagging a:hover{
				padding:9px 15px ;
			}
		
}


/*------------------------------------------*/
/*  研究・講演・長沼直兄文庫（書類）		*/
/*------------------------------------------*/
.archive{}

	.archive .content{
		width:960px ;
		margin:0 auto 30px auto ;
	}

	.archive .content h2{
		margin:0 auto 15px auto ;
		font-size:170% ;
	}

		.archive .content h2 a{
			display:inline-block ;
			margin:0 0 0 15px ;
		}
	
			.archive .content h2 a img{
				vertical-align:middle ;
			}

	.archive .content .list{
		width:100% ;
		margin:0 auto 20px auto ;
	}

		.archive .content .list ul{
			width:100% ;
			overflow:hidden ;
		}
	
			.archive .content .list ul li{
				width:230px ;
				height:180px ;
				position:relative ;
				overflow:hidden ;
				float:left ;
				margin:0 0 13px 13px;
			}

			.archive .content .list ul li.first{
				margin-left:0 ;
			}
		
				.archive .content .list ul li img{
					width:230px ;
				}
		
				.archive .content .list ul li .over{
					position:absolute ;
					left:0 ;
					bottom:0 ;
					width:230px ;
					height:90px ;
					overflow:hidden ;
					background:rgba(0,38,113,0.6);
				}
		
					.archive .content .list ul li .over p{
						width:90% ;
						margin:13px auto ;
						color:#FFFFFF ;
					}
		

	.archive .content .sub_list{
		width:100% ;
		margin:0 auto 20px auto ;
	}

		.archive .content .sub_list ul{
			width:100% ;
			overflow:hidden ;
		}
	
			.archive .content .sub_list ul li{
				width:50% ;
				float:left ;
				background-image:url(../../images/base/icon04.jpg) ;
				background-position:0 4px ;
				background-repeat:no-repeat ;
				list-style:none ;
				margin:0 0 10px 0 ;
			}

				.archive .content .sub_list ul li a{
					display:block ;
					margin:0 0 0 1.2em ;
					color:#4b4b4b ;
				}
		
	.archive .date{
		margin:0 auto 15px auto ;
		text-align:right ;
	}
	
	.archive .back{
		margin:40px auto ;
		text-align:center ;
	}
	
@media screen and (max-width: 640px) {
	.archive{}
	
		.archive .content{
			width:95% ;
			margin:0 auto ;
		}
	
		.archive .content h2{}
	
			.archive .content h2 a{}
		
				.archive .content h2 a img{}
	
		.archive .content .list{}
	
			.archive .content .list ul{}
		
				.archive .content .list ul li{
					width:100% ;
					height:180px ;
					position:relative ;
					overflow:hidden ;
					float:none ;
					margin:0 auto 15px auto ;
				}
	
				.archive .content .list ul li.first{
					margin-left:0 ;
				}
			
					.archive .content .list ul li img{
						width:100% ;
					}
			
					.archive .content .list ul li .over{
						width:100% ;
					}
			
						.archive .content .list ul li .over p{
						}
			
	
		.archive .content .sub_list{
		}
	
			.archive .content .sub_list ul{
			}
		
				.archive .content .sub_list ul li{
					width:100% ;
					float:none ;
				}
	
					.archive .content .sub_list ul li a{
					}
	
}


/*------------------------------------------*/
/*  ニュース								*/
/*------------------------------------------*/
.topic .content{
	width:960px ;
	margin-left:auto ;
	margin-right:auto ;	
}
	.topic .list{
		width:100% ;
		margin:0 auto 15px auto ;
		overflow:hidden ;
	}
	
		.topic .list dl{
			width:100% ;
			margin:0 auto 0 auto ;
			overflow:hidden ;
			border-bottom:1px dotted #8c8c8c ;
		}
	
			.topic .list dl dt{
				width:100px ;
				float:left ;
				margin-bottom:5px ;
			}
	
			.topic .list dl dd{
				width:850px ;
				float:left ;
				margin-bottom:5px ;
			}
	
				.topic .list dl dd a{
					color:#404040 ;
				}
	
	.topic .date{
		margin:0 auto 15px auto ;
		text-align:right ;
	}
	
	.topic .back{
		margin:40px auto ;
		text-align:center ;
	}
	
@media screen and (max-width: 640px) {
	.topic .content{
		width:98% ;
	}
		.topic .list{}
		
			.topic .list dl{}
		
				.topic .list dl dt{
					width:100% ;
					float:none ;
				}
		
				.topic .list dl dd{
					width:100% ;
					float:none ;
				}
		
}



/*------------------------------------------*/
/*  イベント								*/
/*------------------------------------------*/
.event .content{
	width:960px ;
	margin-left:auto ;
	margin-right:auto ;	
}
	.event .list{
		width:100% ;
		margin:0 auto 15px auto ;
		overflow:hidden ;
	}
	
		.event .list dl{
			width:100% ;
			margin:0 auto 0 auto ;
			overflow:hidden ;
			border-bottom:1px dotted #8c8c8c ;
		}
	
			.event .list dl dt{
				width:120px ;
				float:left ;
				margin-bottom:5px ;
			}
	
			.event .list dl dd{
				width:835px ;
				float:left ;
				margin-bottom:5px ;
			}
	
				.event .list dl dd a{
					color:#404040 ;
				}
	
	.event .date{
		margin:0 auto 15px auto ;
		text-align:right ;
	}
	
	.event .back{
		margin:40px auto ;
		text-align:center ;
	}
	
@media screen and (max-width: 640px) {
	.event .content{
		width:98% ;
	}
		.event .list{}
		
			.event .list dl{}
		
				.event .list dl dt{
					width:100% ;
					float:none ;
				}
		
				.event .list dl dd{
					width:100% ;
					float:none ;
				}
		
}



/*------------------------------------------*/
/*  										*/
/*------------------------------------------*/
.studies{}

	.studies .block01{
		width:90% ;
		margin:0 auto 40px auto ;
	}

		.studies .block01 .waku{
			background:#EEEDEB ;
			border-radius:15px ;
			overflow:hidden ;
			margin:0 auto 15px auto ;
			box-shadow:0 0 10px #999;
			-webkit-box-shadow:0 0 10px #999;
			-moz-box-shadow:0 0 10px #999;
		}

			.studies .block01 .waku .midashi{
				width:93% ;
				margin:20px auto 5px auto ;
				font-size:130% ;
				font-weight:bold ;
				color:#1A456F ;
			}
	
			.studies .block01 .waku ul{
				width:93% ;
				margin:0 auto 20px auto ;
			}
	
				.studies .block01 .waku ul li{
					list-style:none ;
					margin:0 0 5px 0 ;
				}

					.studies .block01 .waku ul li span{
						color:#D185AC ;
						display:inline-block ;
						margin-right:5px ;
					}
		
		.studies .block01 .yajirushi{
			text-align:center ;
			margin:5px auto 10px auto ;
		}

		.studies .block01 .push{
			width:250px ;
			margin:0 auto ;
			border:2px solid #FFF ;	
			color:#FFF ;
			font-size:120% ;
			font-weight:bold ;
			padding:12px 0 ;	
			text-align:center ;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #E27717), color-stop(0.00, #F0C18B));
			background: -webkit-linear-gradient(top, #F0C18B 0%, #E27717 88%);
			background: -moz-linear-gradient(top, #F0C18B 0%, #E27717 88%);
			background: -o-linear-gradient(top, #F0C18B 0%, #E27717 88%);
			background: -ms-linear-gradient(top, #F0C18B 0%, #E27717 88%);
			background: linear-gradient(to bottom, #F0C18B 0%, #E27717 88%);
	
			box-shadow:0 0 10px #999;
			-webkit-box-shadow:0 0 10px #999;
			-moz-box-shadow:0 0 10px #999;

		}


@media screen and (max-width: 640px) {
	.studies .content{
		width:95% ;
		margin-left:auto ;
		margin-right:auto ;
	}
	
		.studies .block01 .yajirushi img{
			max-width:116px ;
		}

		.studies img{
			width:100% ;
		}
}




/*------------------------------------------*/
/*                                                                              */
/*------------------------------------------*/
.contact{}

        .contact .content {
                width:960px;
                margin:0 auto 40px auto ;
        }




/*------------------------------------------*/
/*  教員インタビュー						*/
/*------------------------------------------*/
.interview{}

	.interview .content{
		width:960px ;
		margin:0 auto 30px auto ;
	}

	.interview .content ul{
		width:100% ;
		overflow:hidden ;
		margin:0 auto ;
	}

		.interview .content ul li{
			width:470px ;
			height:300px ;
			overflow:hidden ;
			position:relative ;
			float:right ;
			margin:0 0 15px 0 ;
			list-style:none ;
			border:3px solid rgba(0,38,113,0.6);

		}

		.interview .content ul li.left{
			float:left ;
		}

		.interview .sec01 ul li{
			float:none ;
			margin:0 auto ;
		}

			.interview .content ul li:hover{
				border:3px solid rgba(0,38,113,1);
border:3px solid rgba(234,122,178,1);
			}

			.interview .content ul li .base{
				width:100% ;
				position:absolute ;
				overflow:hidden ;
				top:0;
				left:0 ;
			}

			.interview .content ul li .base .base_inner{
				width:100% ;
				height:300px ;
				position:relative;
			}

				.interview .content ul li .base .img{
					width:100% ;
					text-align:center ;
				}

				.interview .content ul li .base .img img{
					width:100% ;
				}

				.interview .content ul li .base .info{
					width:360px ;
					height:135px ;
					position:absolute ;
					bottom:0 ;
					left:0 ;
					background:rgba(0,38,113,0.6);
					color:#FFFFFF ;
				}
	
					.interview .content ul li .base .info .inner{
						width:95% ;
						margin:10px auto ;
					}

						.interview .content ul li .base .info .inner .nameE{
							font-size:220% ;
							font-weight:bold ;
							margin:0 auto 0 auto ;
							line-height:1.5;
							font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif ;
						}

						.interview .content ul li .base .info .inner .nameJ{
							margin:0 auto 5px auto ;
						}
		
						.interview .content ul li .base .info .inner .job,
						.interview .content ul li .base .info .inner .bunya{
							font-size:80% ;
							margin:0 auto 5px auto ;
						}

			.interview .content ul li .over{
				width:100% ;
				position:absolute ;
				top:0 ;
				left:0 ;
				opacity: 0;
		}

				.interview .content ul li .over img{
					width:100% ;
				}
				
				.interview .content ul li a:hover img{
					opacity: 1 ;
					filter: alpha(opacity=100) ;
					-moz-opacity:1 ;
				}

		
	.interview .content .wrap{
		width:100% ;
		overflow:hidden ;
		margin:0 auto 30px auto ;
	}
	
		.interview .content .wrap .photo{
			float:right ;
			margin:0 0 20px 20px ;
		}

			.interview .content .wrap .photo img{
				border:1px solid #CCC ;
                                margin-bottom:15px ;
			}
	
			.interview .content .wrap .photo dl{
				overflow:hidden ;
                                display:table ;
				margin:0 auto 1px auto ;
			}
		
				.interview .content .wrap .photo dl dt{
					width:80px ;
					display:table-cell ;
					background:#FCE9E9 ;
					padding:3px 0 ;
					text-align:center ;
				}
			
				.interview .content .wrap .photo dl dd{
					width:380px ;
					display:table-cell ;
					padding:3px 8px ;
					background:#F7F7F7 ;
				}
			
		.interview .content .wrap .info{
			width:100% ;
			overflow:hidden ;
		}

		.interview .content .wrap .info .midashi{
			margin:0 auto 15px auto ;
			font-size:110% ;
			font-weight:bold ;
		}

		.interview .content .wrap .info .body{
			margin:0 auto 15px auto ;
			overflow:hidden ;
		}
		
			.interview #main_section .content .wrap .info .body h1{
				margin-bottom:10px ;
				font-size:150% ;
			}

			.interview .content .wrap .info .body h2{
				margin-bottom:10px ;
			}

			.interview .content .wrap .info .body p{
				margin-bottom:10px ;
			}

			
	.interview .content .back{
		text-align:center ;
	}


@media screen and (max-width: 640px) {
	.interview{}
	
		.interview .content{
			width:95% ;
			margin:0 auto ;
		}
	
		.interview .content ul{
			width:98% ;
			overflow:hidden ;
			margin:0 auto ;
		}
	
			.interview .content ul li{
				width:100% ;
				height:auto ;
				overflow:hidden ;
				position:relative ;
				float:none ;
				margin:0 auto 15px auto ;
			}
	
			.interview .content ul li.left{
				float:none ;
			}
	
				.interview .content ul li .base{
					width:100% ;
					position:relative ;
					height:auto ;
				}
	
				.interview .content ul li .base .base_inner{
					width:100% ;
					height:auto ;
					position:relative;
				}
	
					.interview .content ul li .base .img{
						width:100% ;
						text-align:center ;
					}
	
					.interview .content ul li .base .img img{
						width:100% ;
					}
	
					.interview .content ul li .base .info{
						width:100% ;
						height:auto ;
						position:absolute ;
						bottom:0 ;
						left:0 ;
						background:rgba(0,38,113,0.6);
						color:#FFFFFF ;
					}
		
						.interview .content ul li .base .info .inner{
							width:95% ;
							margin:10px auto ;
						}
	
							.interview .content ul li .base .info .inner .nameE{
								font-size:220% ;
								font-weight:bold ;
								margin:0 auto 0 auto ;
								line-height:1.5;
								font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif ;
							}
	
							.interview .content ul li .base .info .inner .nameJ{
								margin:0 auto 5px auto ;
							}
			
							.interview .content ul li .base .info .inner .job,
							.interview .content ul li .base .info .inner .bunya{
								font-size:80% ;
								margin:0 auto 5px auto ;
							}
	
.interview .content .wrap{}

	.interview .content .wrap .photo{
		float:none ;
		margin:0 auto 10px auto ;
		text-align:center ;
	}

		.interview .content .wrap .photo img{
			width:100% ;
		}

		.interview .content .wrap .photo dl{
display:block;
}

	
			.interview .content .wrap .photo dl dt{
				width:100% ;
display:block;
				float:none ;
				margin-bottom:0 ;
				background:#FCE9E9 ;
				padding:3px 0 ;
				text-align:center ;
			}
		
			.interview .content .wrap .photo dl dd{
				width:100% ;
display:block;
				float:none ;
				padding:3px 8px ;
				margin-bottom:5px ;
				background:#F7F7F7 ;
			}
			
	.interview .content .wrap .info{
		width:100% ;
		float:none ;
		margin:0 auto 10px auto ;
	}
	
		.interview .content .wrap .info .midashi{
			margin:0 auto 15px auto ;
			font-size:110% ;
		}
		
		
	.interview .content .wrap .info .body{
		width:100% ;
		word-break:break-all ;
	}
			.interview .content ul li a:hover .over{
				width:100% ;
				visibility:visible;
				opacity: 1 ;
				filter: alpha(opacity=100) ;
				-moz-opacity:1 ;
				-moz-transition: all 0.5s ease-in-out;
				-webkit-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
			}?

		.interview .content .wrap .info .body{}
		
			.interview .content .wrap .info .body img{
				width:90% ;
				height:auto ;
			}


		

}

				.interview .content ul li a:hover .over{
					visibility:visible;
					opacity:1 ;
					filter: alpha(opacity=100) ;
					-moz-opacity:1 ;
					-moz-transition: all 0.5s ease-in-out;
					-webkit-transition: all 0.5s ease-in-out;
					-o-transition: all 0.5s ease-in-out;
					transition: all 0.5s ease-in-out;
				}