@charset "UTF-8";
/* CSS Document */
h2{
	text-align:center;
	font-size:17px;
	color:#030303;
	margin-bottom:30px;
}

#box_01{
	overflow:hidden;
	margin-bottom:10px;
}

#leftBox{
	float:left;
	margin-right:20px;
}

#photo_01{
	background:url(/biography/images/photo_01.jpg) no-repeat 0 0;
	width:350px;
	padding-top:450px;
	height:0;
	overflow:hidden;
	margin-bottom:20px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
#photo_01{
	background:url(/biography/images/photo_01_2x.jpg) no-repeat 0 0;
	width:350px;
	padding-top:450px;
	height:0;
	overflow:hidden;
	margin-bottom:20px;
	background-size:350px;
}
}

h3{
	font-size:13px;
	color:#030303;
	margin-bottom:7px;
}

#leftBox .downlord_box{
	margin-bottom:24px;
}

#leftBox a{
	font-size:10.2px;
	color:#3e3e3e;
	text-decoration:underline;
}

#leftBox a:hover{
	text-decoration:none;
}

#leftBox li{
	margin-bottom:3px;
}

#leftBox .box li{
	font-size:10.2px;
	color:#3e3e3e;
	margin-bottom:5px;
}



#rightBox{
	width:430px;
	float:left;
	word-break:break-all;
}

h3,
h4,
#rightBox h5,
p,
#rightBox li{
	font-size:10.2px;
	color:#3e3e3e;
}

#rightBox h3,
#box_02 h3{
	font-weight:normal;
	margin-bottom:10px;
}

#rightBox h5{
	margin:5px 0;
	font-weight:normal;
}

#rightBox .work_box li{
	margin-bottom:12px;
}

#rightBox .work_box li a{
	text-decoration:underline;
	display:block;
	padding-top:2px;
}

#rightBox .work_box li a:hover{
	text-decoration:none;
}

.titBox h4,
.titBox p{
	display:inline;
}

h4{
	font-weight:normal;
	margin-bottom:5px;
}

p{
	line-height:1.4;
	letter-spacing:0.3px;
	margin-bottom:22px;
}

#rightBox ul{
	margin-bottom:22px;
}
#rightBox li{
	margin-bottom:5px;
}

#box_02{
	clear:both;
	word-break:break-all;
}

#logoBox{
	overflow:hidden;
	margin-top:10px;
	float:right;
}

#logoBox li{
	float:left;
}

#pioneerLogo{
	margin:10px 20px 0 0 ;
}