@charset "utf-8";

html {
  margin:0;
	background-image: url(../images/pop/popup.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

body {
	margin: 0;
	padding: 0;
	font-size:18px;
	color:#646464;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}

/* shared */
a:link           { color: #1f87c6; text-decoration: underline;}
a:link:hover     { color: #1f87c6; text-decoration: underline;}
a:link:active    { color: #1f87c6; text-decoration: underline;}
a:visited        { color: #1f87c6; text-decoration: underline;}
a:visited:hover  { color: #1f87c6; text-decoration: underline;}
a:visited:active { color: #1f87c6; text-decoration: underline;}


#popup{
	margin: 0;
	padding: 0;
	width:800px;
	height:730px;
}
#close {
	margin: 20px 20px 0 0;
	padding: 0;
	height:36px;
	width:36px;
	float: right;
	z-index:99;
}
#TextBox{
	padding-top: 85px;
	padding-left: 85px;
	width:630px;
	height:400px;
	position:relative;
	/*text-align:center;*/
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.text {
	display:inline-block;
	text-align:left;
	/display:inline;
	/zoom:1;
	margin: 0 auto;
	line-height:2em;
}
.PrfImg {
	margin:30px 20px 0px 85px;
	float: left;
}
#prf {
	float:right;
	width:420px;
	margin:30px 85px 0 0;
}
.name {
	font-size:33px;
	font-weight:bold;
	color:#000;
}
.position {
	font-size:15px;
	color:#000;
}
.profile {
	font-size:11px;
	color:#000;
	margin-top:10px;
}
ruby {
ruby-align: distribute-space;
ruby-overhang: auto;
ruby-position: above;
}