@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;
}
/* 学生インタビュー追加分 松尾11/21 */
#interview_title_student{
  width:980px;
  height:30px;
  line-height:30px;
  float:left;
  display:inline;
  background:url(../../images/interview/student_title1.jpg) no-repeat;
  padding:100px 0px 0px 0px;
  text-align:right;
}
#interview_title_student a{
  line-height:30px;
}
#interview_title_student_all{
  width:750px;
  float:left;
  display:inline;
  padding:100px 0px 0px 230px;
  background:url(../../images/interview/student_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/interview/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/interview/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/interview/dot_line.jpg) repeat-x bottom;
}
.question{
  float:left;
  display:inline;
  margin:5px 0px;
  width:660px;
  padding:0px 0px 0px 30px;
  //height:30px;
  line-height:30px;
  background:url(/images/interview/q.jpg) no-repeat;
}
.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;
}
.answer_2{
  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_2 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;
}
/* リンクエリア(リンク先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 img{
  margin:0px 5px;
}
#btnarea_2 p{
  font-weight:bold;
  font-size:14px;
}
/* ==========================================================================================================
interview menu
========================================================================================================== */
#menu{
  float:left;
  display:inl;
  margin:0px 0px 0px 10px;
  padding:0px 10px;
  width:240px;
}
.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/interview/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;
}
.all_copyarea{
  float:left;
  display:inline;
  margin:0;
  padding:5px 0px;
  width:650px;
  background:url(/images/interview/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/interview/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/interview/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;
}