/**
 * about.css
 */

/* index
--------------------------------------------------*/
body#about #message {
	max-width: 600px;
	margin: 0 auto;
	font-size: 108.3%;
	line-height: 1.92;
}
body#about #profArea {
	max-width: 575px;
	margin: 85px auto 0;
	font-size: 91.7%;
}
body#about #profile {
	max-width: 460px;
	margin-left: auto;
}
body#about #profile h2 {
	margin-bottom: 25px;
}
body#about #profile img#profImage {
	float: right;
	width: 96px;
	height: 110px;
	margin-top: -14px;
}
body#about #profile #profText {
	margin-right: 118px;
}
body#about #staffArea {
	max-width: 460px;
	min-height: 80px;
	margin: 30px 0 0 auto;
	background: url(../imgs/about/bg-staff.jpg) no-repeat right top;
}
body#about #staffArea.active {
	background: none;
}
body#about #staffArea .tab {
	width: 100%;
	margin-bottom: 30px;
}
body#about #staffArea .tab:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
body#about #staffArea .tab li {
	float: left;
	margin-right: 20px;
}
body#about #staffArea .tab li.on a {
	color: #333333;
}
body#about #staffArea .tabContent {
	display: none;
}
body#about #staffArea .tabContent ul {
}
body#about #staffArea .tabContent ul:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}
body#about #staffArea .tabContent#staff ul {
	zoom: 1;
	position: relative;
	padding-right: 96px;
}
body#about #staffArea #staff ul li {
	float: left;
	width: 50%;
	padding-bottom: 5px;
}
body#about #staffArea #staff ul li span {
	font-size: 81.8%;
}
body#about #staffArea #staff ul li img {
	display: none;
	position: absolute;
	top: 0;
	right: 16px;
	width: 80px;
	height: 80px;
}
body#about #staffArea #staff ul li:hover img {
	display: block;
}
body#about #staffArea #formerStaff ul li {
	float: left;
	width: 108px;
	padding-bottom: 5px;
}
.moreLink {
	display: none;
}



/* SP
--------------------------------------------------*/
@media only screen and (max-width:640px) {
	body#about #message {
		max-width: 100%;
	}
	body#about #message br {
		display: none;
	}
	body#about #profArea {
		max-width: 100%;
		margin-top: 20px;
		padding-left: 40px;
	}
	body#about #profile {
		max-width: 100%;
	}
	body#about #profile h2 {
		float: left;
		margin-bottom: 0;
		padding-top: 95px;
	}
	body#about #profile img#profImage {
		margin: 0 auto 0 0;
	}
	body#about #profile #profText {
		clear: both;
		margin-right: 0;
		padding-top: 10px;
	}
	body#about #staffArea {
		max-width: 100%;
		min-height: 0;
		background: none;
	}
	body#about #staffArea .tab {
		margin-bottom: 20px;
	}
	body#about #staffArea .tabContent {
		display: none;
	}
	body#about #staffArea .tabContent#staff ul {
		padding-right: 0;
	}
	body#about #staffArea #staff ul li {
		position: relative;
		float: none;
		width: auto;
		height: 55px;
		margin-bottom: 9px;
		padding: 0 0 0 70px;
	}
	body#about #staffArea #staff ul li span {
		display: block;
	}
	body#about #staffArea #staff ul li img {
		display: block;
		right: auto;
		left: 0;
		width: 55px;
		height: 55px;
	}
	body#about #staffArea #formerStaff ul li {
		float: left;
		width: 50%;
		padding-bottom: 5px;
	}
	.moreLink {
		display: inline;
	}
	.more {
		display: none;
	}
}