@charset "utf-8";
/* ==============================================
 *	Name:    interview.css
 *	Purpose: individual CSS
 *	Author:  キャリアバイト
 *	Version: 19 July 2009
================================================= */




/* ==========================================================================================================
     interview title
========================================================================================================== */

#interview_title_tmp {
	width:980px;
	height:30px;
	line-height:30px;
	float:left;
	display:inline;
	background:url(../../images/interview/title1.jpg) no-repeat;
	padding:100px 0px 0px 0px;
	text-align:right;
}
#interview_title_tmp a {
	line-height:30px;
}
#interview_title_all {
	width:750px;
	float:left;
	display:inline;
	padding:100px 0px 0px 230px;
	background:url(../../images/interview/title2.jpg) no-repeat;
}
/* ==========================================================================================================
     interview page body
========================================================================================================== */



#interview_page_head {
	float:left;
	width:980px;
	height:10px;
	font-size:0;
	line-height:0;
	margin:10px 0px 0px 0px;
	padding:0;
	background:url(../../images/interview/pagebody_head.jpg) no-repeat;
}
#interview_page_foot {
	float:left;
	width:980px;
	height:10px;
	font-size:0;
	line-height:0;
	margin:0px 0px 20px 0px;
	padding:0;
	background:url(../../images/interview/pagebody_foot.jpg) no-repeat;
}
#interview_page {
	float:left;
	width:980px;
	margin:0;
	padding:0px 0px 20px 0px;
	background:url(../../images/interview/pagebody_back.jpg) repeat-y;
}
/* ==========================================================================================================
     interview main
========================================================================================================== */

#main {
	float:left;
	display:inline;
	width:710px;
}
/* コピーライト、ヘッダー部分 */

#copyarea_wrap {
	float:left;
	display:inline;
	margin:0;
	width:690px;
	padding:0px 10px;
	background:url(../../images/share/dot_line.jpg) repeat-x bottom;
}
#copyarea {
	width:670px;
	float:left;
	display:inline;
	margin:0px 0px 5px 10px;
	padding:0px 0px 0px 10px;
	background:url(../../images/interview/copy_back.jpg) repeat-y left;
}
span.day {
	width:670px;
	float:left;
	display:inline;
	margin:0;
	height:15px;
	line-height:15px;
	font-size:10px;
	color:#999999;
}
span.copy {
	width:670px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	float:left;
	display:inline;
	line-height:25px;
}
/* インフォメーション部分 */

#infoarea {
	float:left;
	display:inline;
	width:690px;
	padding:0px 10px;
	margin:10px 0px 0px 0px;
}
#infoarea_image, #infoarea_image img {
	width:320px;
	height:240px;
	float:left;
	display:inline;
}
#infoarea_text {
	width:340px;
	line-height:19px;
	font-size:12px;
	float:left;
	display:inline;
	padding:10px;
	margin:0px 0px 0px 10px;
	background:#F2F2F2;
}
/* 名前部分 */
#namearea {
	width:330px;
	float:left;
	display:inline;
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 10px;
	background:url(../../images/share/dot_line.jpg) repeat-x bottom;
}
#namearea span.name {
	font-size:18px;
	float:left;
	display:inline;
	height:30px;
	line-height:30px;
	color:#00008A;
	font-weight:bold;
	width:340px;
}
#namearea span.name_data {
	width:340px;
	font-size:14px;
	float:left;
	display:inline;
}
/* 本文 */
#kiji_wrap {
	float:left;
	display:inline;
	margin:10px 0px;
	padding:0px 10px;
	width:690px;
}
#kiji_wrap img {
	width:280px;
	height:210px;
	margin:0px 5px;
}
.midashi {
	float:left;
	display:inline;
	margin:20px 0px 5px 0px;
	font-size:18px;
	padding:0px 0px 0px 10px;
	width:680px;
	height:45px;
	line-height:45px;
	font-weight:bold;
	background:url(../../images/interview/midashi_back.jpg) no-repeat;
}
.normal {
	float:left;
	display:inline;
	margin:5px 0px;
	width:660px;
	padding:0px 0px 0px 30px;
	line-height:1.6em;
	font-size:12px;
}
.thanks {
	float:left;
	display:inline;
	margin:40px 0px 10px 0px;
	width:660px;
	padding:0px 0px 0px 30px;
	text-align:center;
	font-size:16px;
	background:url(../../images/share/dot_line.jpg) repeat-x bottom;
}
.question {
	float:left;
	display:inline;
	margin:5px 0px;
	width:660px;
	padding:2px 0px 2px 30px;
	line-height:1.6;
	background:url(../../images/interview/q.jpg) no-repeat left center;
}
.answer {
	float:left;
	display:inline;
	margin:0;
	width:660px;
	padding:0px 0px 0px 30px;
	line-height:1.6em;
	font-size:12px;
	background:url(../../images/interview/a.jpg) no-repeat;
}
.answer p {
	width:320px;
	height:240px;
}
.preanswer {
	float:left;
	display:inline;
	margin:0;
	width:660px;
	padding:0px 0px 0px 30px;
	line-height:1.6em;
	font-size:12px;
}
.preanswer p {
	width:320px;
	height:240px;
}
/* リンクエリア */
#btnarea {
	width:690px;
	height:40px;
	padding:30px 10px;
	float:left;
	display:inline;
	margin:30px 0px 0px 0px;
	background:url(../../images/interview/btnarea_back.jpg) no-repeat;
	text-align:center;
}
#btnarea img {
	margin:0px 5px;
}
/* ==========================================================================================================
     interview menu
========================================================================================================== */

#menu {
	float:left;
	display:inl;
	margin:0px 0px 0px 10px;
	padding:0px 10px;
	width:240px;
}
#menu a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
.menu_title {
	width:230px;
	height:35px;
	line-height:35px;
	float:left;
	display:inline;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	background:url(../../images/interview/menu_title.jpg) no-repeat;
}
.backnumber {
	width:220px;
	background:white url(../../images/share/dot_line.jpg) repeat-x bottom;
	float:left;
	display:inline;
	padding:10px;
	margin:0px 0px 5px 0px;
}
.backnumber img {
	width:120px;
	height:90px;
	float:left;
	display:inline;
}
.backnumber span a {
	width:90px;
	line-height:16px;
	font-size:10px;
	margin:0px 0px 0px 5px;
	float:left;
	display:inline;
}
/* ==========================================================================================================
     interview all
========================================================================================================== */


#interview_all_head {
	float:left;
	display:inline;
	margin:20px 0px 0px 0px;
	width:980px;
	height:40px;
	background:url(../../images/interview/all_head.jpg) no-repeat;
}
.interview_wrap {
	float:left;
	display:inline;
	margin:10px 0px 0px 0px;
	width:958px;
	padding:10px;
	border:1px solid #CCCCCC;
}
.interview_wrap img {
	float:left;
	display:inline;
	width:280px;
	height:210px;
	margin:0px 20px 0px 0px;
}
.interview_wrap a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
.all_copyarea {
	float:left;
	display:inline;
	margin:0;
	padding:5px 0px;
	width:650px;
	background:url(../../images/share/dot_line.jpg) repeat-x bottom;
}
.all_copyarea span.all_copy {
	float:left;
	display:inline;
	width:570px;
}
.all_copyarea span.all_copy a {
	line-height:20px;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
}
.all_copyarea span.all_day {
	float:left;
	display:inline;
	width:65px;
	padding:0px 0px 0px 5px;
	text-align:right;
	background:url(../../images/share/dot_line_v.jpg) repeat-y left;
}
.all_name {
	width:650px;
	font-size:16px;
	float:left;
	display:inline;
	height:30px;
	line-height:30px;
	color:#00008A;
	font-weight:bold;
	margin:10px 0px 0px 0px;
}
.all_name_data {
	width:650px;
	font-size:14px;
	float:left;
	display:inline;
	height:20px;
	line-height:20px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:5px 0px;
	background:url(../../images/share/dot_line.jpg) repeat-x bottom;
}
.all_text {
	width:650px;
	font-size:12px;
	float:left;
	display:inline;
	line-height:1.8em;
	margin:10px 0px 0px 0px;
}
.read_btn_wrap {
	width:650px;
	float:left;
	display:inline;
	height:25px;
	margin:10px 0px;
	text-align:right;
}
.read_btn_wrap img {
	width:120px;
	height:25px;
	float:right;
}
.interview_bottom {
	float:left;
	display:inline;
	margin:0;
	height:10px;
	line-height:0;
	font-size:0;
	width:980px;
	background:url(../../images/interview/bottom_line.jpg) no-repeat;
}
.v_space {
	width:100%;
	height:20px;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}
/* リンクエリア */

#btnarea {
	width:690px;
	height:40px;
	padding:30px 10px;
	float:left;
	display:inline;
	margin:30px 0px 0px 0px;
	background:url(/images/interview/btnarea_back.jpg) no-repeat;
	text-align:center;
}
#btnarea a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
#btnarea img {
	margin:0px 5px;
}
/* リンクエリア(リンク先2件) (松尾追加分)*/

#btnarea_2 {
	width:690px;
	height:40px;
	padding:10px 10px 50px 10px;
	float:left;
	display:inline;
	margin:30px 0px 0px 0px;
	background:url(/images/interview/btnarea_back.jpg) no-repeat;
	text-align:center;
}
#btnarea_2 a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
#btnarea_2 img {
	margin:0px 5px;
}
#btnarea_2 p {
	font-weight:bold;
	font-size:14px;
}