@charset "utf-8";

/* import
----------------------------------------------- */
@import "font.css";
@import "common.css";

/* headline
----------------------------------------------- */
h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

/* title
----------------------------------------------- */
#title h1 {
	margin: 20px auto 0;
	width: 900px;
	height: 120px;
	background: url(../interview/images/h1.gif) no-repeat;
}

/* contents
----------------------------------------------- */
#contents {
	margin: 0 auto;
	padding: 0 0 25px;
	width: 860px;
	text-align: left;
}

/* column
----------------------------------------------- */
.column {
	display: inline;
	float: left;
	margin: 10px 15px 0;
	width: 400px;
	height: 12em;
	border-top: 3px solid #b4b4b4;
	overflow: hidden;
}
.column .title {
	margin: 10px 0 0;
	width: 400px;
	line-height: 1.5em;
}
.staff {
	width: 400px;
}
.staff_left {
	float: left;
	width: 175px;
}
.staff_right {
	float: right;
	width: 225px;
}
.staff h2 {
	margin: 20px 0 0;
	font-size: medium;
	font-weight: normal;
}
* html body .staff h2 {
	font-size: small;
}
.staff h2 a {
	padding: 0 0 0 20px;
	background: url(../interview/images/icon.gif) no-repeat 0 center;
}
.staff h2 a:hover {
	background: url(../interview/images/icon.gif) no-repeat -500px center;
}
.staff span {
	float: right;
	font-size: x-small;
}
* html body .staff span {
	font-size: xx-small;
}
.staff .position {
	padding: 15px 0 0;
	border-top: 1px dotted #c8c8c8;
}
.staff a img {
	border: 1px solid #c8c8c8;
}

/* interview
----------------------------------------------- */
#interview {
	margin: 0 0 0 15px;
	width: 832px;
}
#interview .interview_left {
	float: left;
	width: 325px;
}
#interview .interview_right {
	float: right;
	padding: 0 0 35px;
	width: 507px;
	font-size: small;
	line-height: 1.5;
}
* html body #interview .interview_right {
	font-size: x-small;
}


#interview h2 {
	margin: 20px 0 0;
	width: 275px;
	font-size: medium;
	font-weight: normal;
}
* html body #interview h2 {
	font-size: small;
}
#interview h2 a {
	padding: 0 0 0 20px;
	background: url(../interview/images/icon.gif) no-repeat 0 center;
}
#interview h2 a:hover {
	background: url(../interview/images/icon.gif) no-repeat -500px center;
}
#interview span {
	float: right;
	font-size: x-small;
}
* html body #interview span {
	font-size: xx-small;
}
#interview .position {
	width: 275px;
	padding: 15px 0 0;
	border-top: 1px dotted #c8c8c8;
}
#interview img {
	border: 1px solid #c8c8c8;
}

#interview h3 {
	padding: 0 0 25px;
	font-size: medium;
}
* html body #interview h3 {
	font-size: small;
}
#interview b {
	color: #e60014;
	font-size: small;
	font-weight: bold;
}
* html body #interview b {
	font-size: x-small;
}
#indexback {
	margin: auto;
	padding: 0 0 30px 0;
	width: 830px;
	text-align: left;
	border-top: 1px solid #b4b4b4;
}
#indexback a {
	padding: 0 0 0 15px;
	background: url(../home/topics_bg.gif) no-repeat 0 center;
}
#indexback a:hover {
	background: url(../home/topics_bg.gif) no-repeat -890px; center;
}



/* clear
----------------------------------------------- */
#contents:after,
#interview:after,
.staff:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}