@charset "shift_jis";


/* ---------------------------------------------------------------------
	clearfix
--------------------------------------------------------------------- */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ---------------------------------------------------------------------
	INDEX
--------------------------------------------------------------------- */
div.userList {
	width: auto;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #CCC;
}
.userList:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.userList {
	min-height: 1px;
}

* html .userList {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* サムネイル画像 */
.userList img.thumbs {
	margin: 0px;
	padding: 3px;
	float: left;
	border: 1px solid #CCC;
}

/* 右カラム */
div.outline {
	float: left;
	width: 305px;
	padding: 0px 0px 0px 12px;
}

/* ユーザー名 */
div.outline h2 {
	font-size: 14px;
	font-weight: bold;
	color: #930;
	letter-spacing: 0.1em;
	height: auto;
	width: auto;
	margin: 0px;
	line-height: 100%;
	padding: 3px 0px 7px 0px;
}
/* ユーザー紹介テーブル */
table.introduction {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-collapse: collapse;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 303px;
}
table.introduction th {
	font-weight: normal;
	background-color: #F3F2EE;
	text-align: left;
	margin: 0px;
	width: 75px;
	padding: 3px 3px 3px 8px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
table.introduction td {
	text-align: left;
	margin: 0px;
	width: 75px;
	padding: 3px 3px 3px 8px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/* ユーザー紹介コメント */
div.userList p {
	width: auto;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}


/* ---------------------------------------------------------------------
	インタビューページ
--------------------------------------------------------------------- */

#hpUser {
	width: auto;
}

/* サムネイル画像 */
img.hpImage {
	padding: 2px;
	float: left;
	border: 1px solid #CCC;
}

/* 右カラム詳細 */
div.detail {
	float: left;
	width: 257px;
	padding: 0px 0px 0px 12px;
	margin: 0px;
}

/* ユーザー名 */
div.detail h2 {
	font-size: 15px;
	font-weight: bold;
	color: #930;
	letter-spacing: 0.1em;
	height: auto;
	width: auto;
	margin: 0px;
	line-height: 100%;
	padding: 0px 0px 7px 0px;
}

/* ユーザー紹介コメント */
div.detail p {
	font-size: 12px;
	line-height: 150%;
	color: #000000;
	width: auto;
	margin: 0px;
	padding: 0px;
	margin: 0px;
}
dl.interview {
	line-height: 150%;
	color: #000;
	margin: 0px;
	padding: 0px;
	width: auto;
}
dl.interview dt {
	font-weight: bold;
	background: url(img/q_bg.jpg) no-repeat 0px 0px;
	margin: 0px;
	width: 502px;
	padding: 5px 0px 10px 18px;
}
dl.interview dd {
	margin: 0px;
	width: 495px;
	padding: 0px 0px 25px 18px;
}
dl.interview dt.photo {
	font-weight: bold;
	background: url(img/q_bg.jpg) no-repeat 0px 0px;
	margin: 0px;
	width: 502px;
	padding: 5px 0px 10px 18px;
}
dl.interview dd.photo {
	float: left;
	margin: 0px;
	width: 495px;
	padding: 0px 0px 25px 18px;
}
dl.interview dt img {
	padding: 3px;
	margin: 0px 0px 15px 20px;
	border: 1px solid #CCC;
}
dl.interview dd img {
	padding: 3px;
	border: 1px solid #CCC;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
}

/* 企業情報 */
#userInfo {
	line-height: 150%;
	background-color: #FFF7E0;
	margin: 0px;
	width: 520px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#userInfo .userComment {
	background-color: #FFF7E0;
	margin: 0px;
	padding: 0px 10px 0px 15px;
}
#userInfo img {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


/* ---------------------------------------------------------------------
	ボタン
--------------------------------------------------------------------- */

/* インタビューを見る */
a.btnInterview:link, a.btnInterview:visited {
	color: #FFF;
	text-decoration: none;
	background: url(img/btn_interview.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	margin: 0px 0px 0px 171px;
	padding: 0px 0px 0px 0px;
	height: 28px;
	width: 134px;
}
a.btnInterview:hover, a.btnInterview:active {
	background-position: left -28px;
}

/* ホームページURL */
a.hpLink:link, a.hpLink:visited {
	font-size: 10px;
	color: #000;
	text-decoration: none;
	background-color: #F2F0E8;
	letter-spacing: 0.1em;
	display: block;
	height: auto;
	width: auto;
	line-height: 100%;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 1px 5px;
}
a.hpLink:hover, a.hpLink:active {
	color: #930;
}