@charset "UTF-8";

/*
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
27px = 207.7%
28px = 215.4%
29px = 223.1%
30px = 230.8%
*/

/* #################### プロフィール #################### */
#profile {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: left;
}

#profile h3 {
	overflow: hidden;
	margin: 0 0 30px 0;
	padding: 0.6em 0;
	color: #999999;
	font-family: "Trebuchet MS";
	font-size: 167%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.6em;
	line-height: 1.0;
	background: url(../images/basic/back_transparent_black_5.png);
}
html:root #profile h3 {
	background: rgba(0, 0, 0, 0.05);
}

#profile > dl {
	overflow: hidden;
	margin: 20px 40px;
	padding: 0;
}

#profile > dl > dt {
	margin: 0;
	padding: 0 10px;
	color: #666600;
	font-size: 174%;
	line-height: 1.4;
	border-bottom: 1px dotted #999999;
}

#profile > dl > dd.name-other {
	margin: 0 0 20px 0;
	padding: 0 12px;
}

#profile > dl > dd.data {
	margin: 0;
	padding: 0;
}

#profile > dl > dd.data p.photo {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}

#profile > dl > dd.data p.photo img {
	border: 10px solid #ffffff;
	
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#profile > dl > dd.data ul.personal,
#profile > dl > dd.data ul.member {
	list-style-type: disc;
	list-style-position: inside;
	margin: 20px 100px;
	padding: 0;
	text-align: center;
}

#profile > dl > dd.data ul.personal li,
#profile > dl > dd.data ul.member li {
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	color: #666600;
}

#profile > dl > dd.data div.biography {
	margin: 0 120px;
	padding: 8px 15px;
	font-size: 95%;
}

#profile > dl > dd.data div.biography p {
	margin: 0.5em 0;
	padding: 0;
}

#profile > dl > dd.data table {
	margin: 0 100px 0 120px;
	padding: 0;
	border-collapse: collapse;
}

#profile > dl > dd.data table caption {
	margin: 0 0 10px 0;
	padding: 0;
	color: #666666;
	text-align: left;
}

#profile > dl > dd.data table td {
	margin: 0;
	padding: 0 20px 15px 20px;
}

#profile > dl > dd.data table td.date {
	padding-left: 0;
	color: #666600;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	border-right: 1px dotted #cccccc;
}

#profile > dl > dd.data table td.history {
	text-align: left;
}

#profile > dl > dd.data table td.history p {
	margin: 0;
	padding: 0;
}