@charset "UTF-8";
/* CSS Document */

div#container {
	background: url(../images/bg_staff.jpg) center top no-repeat;
	}
div#main h2 {
	margin-bottom: 15px;
	}
div#main h3 {
	margin-bottom: 15px;
	}
div#main p.lead {
	margin-bottom: 25px;
	text-align: justify;
	text-justify: distribute;
	}
div#contents div#sub div.subLinkbox {
	width: 173px;
	border: 1px solid #DCDCBE;
	background-color: #FAFAF0;
	margin-top: 30px;
	padding-bottom: 20px;
	}
div#contents div#sub div.subLinkbox p {
	padding-bottom: 0;
	border-bottom: none;
	}
div#contents div#sub div.subLinkbox ul {
	padding: 0 12px;
	}
div#contents div#sub div.subLinkbox li {
	width: 149px;
	font-size: 0;
	padding: 0;
	border-bottom: none;
	margin-top: 15px;
	}
div#contents div#sub div.subLinkbox li p {
	margin-bottom: 5px;
	}


 /* staff
========================================*/
div#staff div.section {
	margin-bottom: 30px;
	}
div#staff div.sectionLast {
	margin-bottom: 0;
	}
div#staff div.section h4 {
	margin-bottom: 15px;
	}
div#staff div.sectionLast h4 {
	margin-bottom: 10px;
	}
div#staff div.text {
	width: 280px;
	float: left;
	}
div#staff div.photo {
	width: 260px;
	float: right;
	}


 /* interview
========================================*/
div#interview h2 {
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	}
div#interview div#profile_01 {
	background: url(../images/interview01_profile.jpg) left top no-repeat;
	}
div#interview div#profile_02 {
	background: url(../images/interview02_profile.jpg) left top no-repeat;
	}
div#interview div#profile_03 {
	background: url(../images/interview03_profile.jpg) left top no-repeat;
	}
div#interview div#profile_04 {
	background: url(../images/interview04_profile.jpg) left top no-repeat;
	}
div#interview div#profile_05 {
	background: url(../images/interview05_profile.jpg) left top no-repeat;
	}
div#interview div.profile {
	width: 523px;
	height: 127px;
	margin: -5px 0 30px;
	padding: 203px 0 0 17px;
	position: relative;
	z-index: 0;
	}
div#interview div.profile p {
	width: 123px;
	height: 32px;
	float: left;
	}
div#interview div.profile p.btn01 {
	margin-right: 3px;
	}
div#interview div.section {
	margin-bottom: 30px;
	}
div#interview div.section h3 {
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 15px;
	}
div#interview div.section p {
	text-align: justify;
	text-justify: distribute;
	}
div#interview div.section p img.photo1 {
	float: right;
	padding-left: 10px;
	}
div#interview div.section p img.photo2 {
	float: left;
	padding-right: 10px;
	}
div#interview div.section p img.photo3 {
	margin-bottom: 25px;
	}
div#interview div.photoList {
	margin-bottom: 30px;
	}
div#interview div.photoList div.title {
	height: 25px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
	}
div#interview div.photoList div.title h3 {
	float: left;
	padding-bottom: 10px;
	}
div#interview div.photoList div.title p {
	float: right;
	padding-top: 10px;
	}
div#interview div.photoList div.messageBox {
	width: 138px;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	}
div#interview div.photoList div#messageBox_01 p {
	margin-left: 0;
	}
div#interview div.photoList div#messageBox_02 p {
	margin-left: 18px;
	}
div#interview div.photoList div#messageBox_03 p {
	margin-left: 10px;
	}
div#interview div.photoList div#messageBox_04 p {
	margin-left: 9px;
	}
div#interview div.photoList div#messageBox_05 p {
	margin-left: 22px;
	}
div#interview div.photoList div#messageBox_01 a.popup span,
div#interview div.photoList div#messageBox_02 a.popup span,
div#interview div.photoList div#messageBox_03 a.popup span,
div#interview div.photoList div#messageBox_04 a.popup span,
div#interview div.photoList div#messageBox_05 a.popup span {
	display: none;
	}
div#interview div.photoList div#messageBox_01 a.popup:hover,
div#interview div.photoList div#messageBox_02 a.popup:hover,
div#interview div.photoList div#messageBox_03 a.popup:hover,
div#interview div.photoList div#messageBox_04 a.popup:hover,
div#interview div.photoList div#messageBox_05 a.popup:hover {
	display: inline;
	cursor: default;
	}
div#interview div.photoList div#messageBox_01 a.popup:hover span,
div#interview div.photoList div#messageBox_02 a.popup:hover span,
div#interview div.photoList div#messageBox_03 a.popup:hover span,
div#interview div.photoList div#messageBox_04 a.popup:hover span,
div#interview div.photoList div#messageBox_05 a.popup:hover span {
	display: block;
	text-decoration: none;
	position: absolute;
	z-index: 100;
	top: 3px;
	left: 110px;
	}
div#interview div.photoList div.lightBox {
	width: 402px;
	float: right;
	}
div#interview div.photoList div.lightBox ul {
	width: 414px;
	margin-left: -12px;
	}
div#interview div.photoList div.lightBox li {
	width: 126px;
	float: left;
	margin: 0 0 25px 12px;
	}
*html div#interview div.photoList div.lightBox li {
	display: inline;
	}
div#interview div.photoList div.lightBox li.listLast {
	margin: 0 0 0 12px;
	}
div#interview div.photoList div.lightBox p.photo a {
	display: block;
	width: 124px;
	height: 93px;
	padding: 1px;
	}
div#interview div.photoList div.lightBox p.photo a:link,
div#interview div.photoList div.lightBox p.photo a:visited {
	background-color: #DCDCDC;
	}
div#interview div.photoList div.lightBox p.photo a:hover,
div#interview div.photoList div.lightBox p.photo a:active {
	background-color: #FF9900;
	}
div#interview div.photoList div.lightBox p.caption {
	font-size: 85%;
	line-height: 1.3;
	margin-top: 5px;
	}
div#main div#interview div.interviewList h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 0;
	}
div#main div#interview div.interviewList ul li {
	width: 180px;
	float: left;
	background: url(../images/interview_arrow.gif) left center no-repeat;
	margin-top: 15px;
	}
div#main div#interview div.interviewList ul li a {
	display: block;
	padding-left: 10px;
	}
	
	
 /* voice
========================================*/
div#voice h2 {
	padding-bottom: 10px;
	background: url(../images/line.gif) left bottom no-repeat;
	}
div#main div#voice p.lead {
	margin-bottom: 15px;
	}
div#voice ul.btn {
	padding-top: 15px;
	border-top: 1px solid #CCCCCC;
	margin-bottom: 20px;
	}
div#voice ul.btn li {
	width: 123px;
	float: left;
	margin-right: 16px;
	}
div#voice ul.btn li.last {
	margin-right: 0;
	}
div#voice h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	}
div#voice p.back {
	text-align: right;
	font-size: 85%;
	margin-bottom: 15px;
	}
div#voice p.back a {
	background: url(../images/voice_arrow.gif) left center no-repeat;
	padding-left: 10px;
	}
div#voice div.section1 {
	margin-bottom: 30px;
	}
div#voice div.section1 div.box {
	margin-bottom: 15px;
	}
div#voice div.section1 h4 {
	margin-bottom: 15px;
	}
div#voice div.section1 div.leftBox {
	width: 250px;
	float: left;
	}
div#voice div.section1 div.rightBox {
	width: 250px;
	float: right;
	}
div#voice div.section1 div.ansBg {
	width: 227px;
	height: 172px;
	background: url(../images/voice_answer-3.gif) left top no-repeat;
	padding: 48px 0 0 313px;
	}
div#voice div.section1 div.ansBg p {
	width: 105px;
	float: left;
	}
div#voice div.section2 {
	margin-bottom: 15px;
	}
div#voice div.section2 div.box {
	margin-bottom: 15px;
	}
div#voice div.section2 h4 {
	margin-bottom: 20px;
	}
div#voice div.section2 h4.question {
	margin-bottom: 15px;
	}
div#voice div.section2 div.leftBox_top {
	width: 260px;
	float: left;
	}
div#voice div.section2 div.rightBox_top {
	width: 260px;
	float: right;
	}
div#voice div.section2 div.leftBox {
	width: 260px;
	float: left;
	border-top: 1px dashed #CCCCCC;
	padding-top: 20px;
	}
div#voice div.section2 div.rightBox {
	width: 260px;
	float: right;
	border-top: 1px dashed #CCCCCC;
	padding-top: 20px;
	}
div#voice div.section2 ul li {
	background: url(../images/voice_dot.gif) left 6px no-repeat;
	padding-left: 8px;
	}
div#voice div.section2 p.other {
	margin-top: 15px;
	}
div#voice div.section2 .other {
	font-size: 85%;
	}
div#voice div.section3 {
	margin-bottom: 15px;
	}
div#voice div.section3 div.box {
	margin-bottom: 15px;
	}
div#voice div.section3 div.boxQ14 {
	margin-bottom: 30px;
	}
div#voice div.section3 h4 {
	margin-bottom: 15px;
	}
div#voice div.section4 {
	margin-bottom: 0;
	}
div#voice div.section4 div.box {
	margin-bottom: 30px;
	}
div#voice div.section4 div.boxLast {
	margin-bottom: 0;
	}
div#voice div.section4 h4 {
	margin-bottom: 15px;
	}
div#voice div.section4 ul li {
	background: url(../images/voice_dot.gif) left 8px no-repeat;
	padding-left: 8px;
	}
div#voice div.section4 p {
	width: 410px;
	margin: 0 auto;
	}
div#voice div.section4 div.boxLast p {
	margin-top: 15px;
	}