@charset "utf-8";
/*--京greeting.css--*/
/*--------SP--------*/
/*センター長からの挨拶*/
.centercho_name{
	text-align:right;
	margin-bottom:1em;
}

.written_date{
	text-align:right;
	margin-bottom:1em;
}

.centercho_sign{
	text-align:right;
	padding-left:50%;
}

	.centercho_sign img.img-responsive{
		display:inline-block;
	}

/*構成員*/
.member table{
	margin-bottom:1.5em;
}

.member table:last-child{
	margin-bottom:0;
}

.member h6{
	text-decoration:underline;
}

.member.shokuin_list table td{
	border:0;
	border-bottom:1px solid #ccc;
}

.member.shokuin_list table tr td:nth-child(1),
.member.shokuin_list table tr td:nth-child(2){
	white-space:nowrap;
}

/*先生方の紹介*/
.staff_introduction{
	margin-bottom:2em;
}

	.staff_introduction dl dt{
		cursor:pointer;
		/*background:rgba(85,58,155,0.15);*/
		margin-bottom:5px;
		transition:all .5s ease;
		padding:4px 6px;
		border-bottom:1px solid #ccc;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(250,250,250,1) 66%, rgba(250,250,250,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(65%, rgba(255,255,255,1)), color-stop(66%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(250,250,250,1) 66%, rgba(250,250,250,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(250,250,250,1) 66%, rgba(250,250,250,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(250,250,250,1) 66%, rgba(250,250,250,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(250,250,250,1) 66%, rgba(250,250,250,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 );
	}
	
	.staff_introduction dl dt:hover{
		background:rgba(85,58,155,0.1);
	}
	
	.staff_introduction dl dt:before{
		font-family: FontAwesome;
		content:"\f0fe";
		margin-right:5px;
		color:rgba(85,58,155,0.6);
	}
	
	.staff_introduction dl dt.active:before{
		font-family: FontAwesome;
		content:"\f146";
	}
	
	.staff_introduction dl dd{
		display:none;
		opacity:0;
		transition:all .5s ease;
		padding:0 5px;
	}
	
	.staff_introduction dl dd.active{
		display:block;
		opacity:1;
	}
	
		.staff_introduction dl dd ul li{
			margin-bottom:0.4em;
		}
		
		.staff_introduction dl dd ul li:before{
			font-family: FontAwesome;
			content:"\f0da";
			color:#aaa;
			margin-right:5px;
		}
		
		.staff_introduction dl dd ol li{
			margin-bottom:0.4em;
		}

/*歴代センター長*/
.past_list table td[colspan="2"]{
	text-align:center;
	padding:5px;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	background:#fafafa;
}


/*--------PC--------*/
@media print, screen and (min-width: 768px){
	/*センター長からの挨拶*/
	.centercho_name{
		margin-top:1em;
		margin-bottom:1.5em;
		line-height:1.6em;
	}

	.centercho_sign{
		padding-left:0;
	}
	
	/*構成員*/
	.member table th,
	.member table tr.position th{
		width:90px;
		padding:0;
	}
	
	.member table tr.position > td{
		width:170px;
	}
	
	.member table tr.position > td:nth-child(2){
		width:240px;
	}
	
	.member.shokuin_list table tr td:nth-child(1){
		width:50px;
		text-align:center;
	}
	
	.member.shokuin_list table tr td:nth-child(2){
		width:80px;
	}
	
	/*先生方の紹介*/
	.staff_introduction dl dd{
		padding:5px 10px;
	}
}

/*ipad用*/
@media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px) {

}