@charset "utf-8";

span.caption {
	font-weight:normal;
	font-size:12px;
	color:#6C5544;
	margin-left:24px
}

a.gotop {
	float:right;
	margin:8px 24px;
	font-size:11px;
}	
	
.anchor li {
	float:left;
}

.anchor a {
	display: block;
	width: 160px;
	height: 70px;
}

.anchor span {
	float:left;
	position:relative;
	left:77px;
	top:20px;
	font-size:14px;
}

.anchor a:hover {
	background-position: 0 bottom;
}

.b01 {
	background: url(../img/staff/tn_shigenaga_off-on.png) no-repeat 0 0;
}

.b02 {
	background: url(../img/staff/tn_watanabe_off-on.png) no-repeat 0 0;
}

.b03 {
	background: url(../img/staff/tn_kato_off-on.png) no-repeat 0 0;
}
.b04 {
	background: url(../img/staff/tn_goda_off-on.png) no-repeat 0 0;
}




.picframe ul {
	padding-left:7%;
	font-size:90%;
}

.profile h4 { font-size:17px; margin-bottom:7px;}

.profile p { font-size:15px;}


/*** SmartPhone, Tablet and PC Screen CSS ***/

/* スマホ向け　~ 480px */
@media only screen and (max-width:480px) {

	.picframe{
		width:92%;
		height:auto;
		margin:8px auto;
		/*margin:8px 2.5% 8px 1%; */
		padding:0 1.2% 12px 1.1%;
		background:#fff;
		border-bottom:1px dotted #ddd;
	}
	
	.profile{
		clear:left;
		width:92%;
		margin:2px auto 16px auto;
		/*margin:8px 2.5% 8px 1%; */
		padding:0 1.2% 0 1.1%;		
	}

}


/* スマホ横向き　481 ~ 680px */
@media only screen and (min-width:481px) {

	.picframe{
		float:left;
		min-width:280px;
		/*width:auto;/*280px;*/
		margin: 8px 0 0 2%;
		border-right:1px dotted #ddd;
		border-bottom:none;
		background:#fff;
	}

	.profile{
		float:left;
		max-width:45.5%;
		width:auto;
		padding:8px 0% 32px 2%;
	}

}


/* タブレット向け　681 ~ 768px */
@media only screen and (min-width:681px) {

	.picframe{
		float:left;
		min-width:280px;
		/*width:auto;/*280px;*/
		margin: 8px 0 0 2%;
		border-right:1px dotted #ddd;
		border-bottom:none;
		background:#fff;
	}

	.profile{
		float:left;
		max-width:53.5%;
		width:auto;
		padding:8px 0.5% 32px 2%;
	}

	.profile h4 {
		padding-top:33px;
	}

}


/* PC向け　769px ~ */
@media only screen and (min-width:769px) {

	.picframe{
		float:left;
		min-width:150px;
		width:35%;
		margin: 8px 0 0 2%;
		border-right:1px dotted #ddd;
		border-bottom:none;
		background:#fff;
	}

	.profile{
		float:left;
		min-width:300px;
		max-width:455px;
		padding:8px 1.5% 32px 2%;
	}

	.profile h4 {
		padding-top:33px;
	}

}