@charset "utf-8";


/*-----------------------------------------------------
階段を一歩上るとき
-------------------------------------------------------*/
div#interview_step {
	line-height: 1.8;
	}

/* メインタイトル */
div#interview_step h2 {
	width: 670px;
	margin-bottom: 25px;
	}

/* リード文 */
div#interview_step p#lead {
	font-size:117%;
	margin-bottom: 25px;
	}
	
/*-----------------------------------------------------
メインコラム
-------------------------------------------------------*/

div#interview_step ul#main_step {
	width: 670px;
	}

div#interview_step ul#main_step li {
	position: relative;
	margin-bottom: 25px;
	}

/* タイトル */
div#interview_step ul#main_step div.step_text h3 {
	background: url(/guide/interview/imgs/icon_title.gif) no-repeat top left;
	padding: 6px 0px 6px 37px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: bold;
	font-size:117%;
	zoom:1;
	}

/* テキスト部分 */
div#interview_step ul#main_step div.step_text p {
	font-size:117%;
	}

/* 画像部分 */
div#interview_step ul#main_step div.step_image {
	width: 170px;
	padding: 15px 30px 0 30px;
	}

div#interview_step ul#main_step div.step_image dl {
	width: 170px;
	margin-bottom: 40px;
	}

div#interview_step ul#main_step div.step_image dl dt {
	text-align: center
	}

div#interview_step ul#main_step div.step_image dl dd.title {
	margin-bottom: 5px;
	line-height: 1.45;
	}

div#interview_step ul#main_step div.step_image dl dd.text {
	line-height: 1.45;
	font-size:87%;
	}

/* 年齢部分 */
div#interview_step ul#main_step dl.age {
	clear: both;	
	width: 48px;
	height: 41px;
	padding: 7px 0 0 0;
	background: url(/guide/interview/imgs/bg_age.gif) no-repeat top left;
	color: #FFFFFF;
	text-align: center;
	}
	
div#interview_step ul#main_step dl.age dt {
	font-weight: bold;
	font-size: 20px;
	margin: 0;
	padding: 0;
	line-height: 1;
	}

div#interview_step ul#main_step dl.age dd {
	margin: 0;
	padding: 0;
	line-height: 1;
	}

/* 画像左（背景設定） */
div#interview_step ul#main_step li.imgL {
	background: url(/guide/interview/imgs/bg_img_r.gif) no-repeat top right;
	}

/* 画像左（画像部分） */
div#interview_step ul#main_step li.imgL div.step_image {
	float: right;
	}

/* 画像左（年齢部分） */
div#interview_step ul#main_step li.imgL dl.age {
	position: absolute;
	top: 0;
	right: 0;
	}

/* 画像右（背景設定） */
div#interview_step ul#main_step li.imgR {
	background: url(/guide/interview/imgs/bg_img_l.gif) no-repeat top left;
	}

/* 画像右（タイトル設定） */
div#interview_step ul#main_step li.imgR div.step_text h3 {
	margin-left: 230px;
	}

/* 画像右（画像部分） */
div#interview_step ul#main_step li.imgR div.step_image {
	float: left;
	}

/* 画像右（年齢部分） */
div#interview_step ul#main_step li.imgR dl.age {
	position: absolute;
	top: 0;
	left: 0;
	/zoom:1;
	}

/* 画像がない場合 */
div#interview_step ul#main_step li {
	clear: both;
	}

/*-----------------------------------------------------
取材後記
-------------------------------------------------------*/

div#interview_step dl#reporter {
	clear: both;
	padding: 15px;
	border: 1px solid #00259b;
	margin-bottom: 25px;
	}

div#interview_step dl#reporter dt {
	font-size: 117%;
	color: #000000;
	font-weight: bold;
	margin-bottom: 10px;
	}
div#interview_step dl#reporter dd {
	line-height: 1.45;
	}

/*-----------------------------------------------------
階段と足跡
-------------------------------------------------------*/
div#interview_step h3#footster_title {
	background: url(/guide/interview/imgs/icon_footstep.gif) no-repeat left 3px;
	padding-left: 25px;
	color: #000000;
	font-weight: bold;
	font-size: 117%;
	}

div#interview_step h3#footster_title span {
	padding-right: 10px;
	}

div#interview_step h3#footster_title img {
	vertical-align: text-bottom;
	}

div#interview_step div#wrap_footstep {
	width: 670px;
	background: url(/guide/interview/imgs/bg_footstep_h.gif) repeat-x bottom left;
	padding-bottom: 2px;
	margin-bottom: 25px;
	line-height: 1.45;
	}

div#interview_step div#wrap_footstep div#footstep {
	background: url(/guide/interview/imgs/bg_footstep_h.gif) repeat-x top left;
	padding-top: 2px;
	}

div#interview_step div#wrap_footstep div#footstep ul {
	width: 632px;
	background: url(/guide/interview/imgs/bg_footstep_v.gif) repeat-y top left;
	padding: 15px 19px;
	margin-bottom: 0;
	}

div#interview_step div#wrap_footstep div#footstep ul li {
	float: left;
	}

div#interview_step div#wrap_footstep div#footstep ul li.step01 {
	width: 110px;
	background: url(/guide/interview/imgs/bg_footstep01.gif) no-repeat top left;
	}

div#interview_step div#wrap_footstep div#footstep ul li.step02 {
	width: 110px;
	background: url(/guide/interview/imgs/bg_footstep02.gif) no-repeat top left;
	}

div#interview_step div#wrap_footstep div#footstep ul li.step03 {
	width: 110px;
	background: url(/guide/interview/imgs/bg_footstep03.gif) no-repeat top left;
	}

div#interview_step div#wrap_footstep div#footstep ul li.step04 {
	width: 110px;
	background: url(/guide/interview/imgs/bg_footstep04.gif) no-repeat top left;
	}

div#interview_step div#wrap_footstep div#footstep ul li.step05 {
	width: 126px;
	background: url(/guide/interview/imgs/bg_footstep05.gif) no-repeat top left;
	}

div#interview_step div#wrap_footstep div#footstep ul li dl {
	width: 90px;
	height: auto !important;
	height: 90px;
	min-height: 90px;
	padding: 10px;
	background: #f2f2f2;
	color: #000000;
	}

div#interview_step div#wrap_footstep div#footstep ul li dl dt {
	font-weight: bold;
	}


/*-----------------------------------------------------
転機に背中を押された本 (画像ありの場合)
-------------------------------------------------------*/
div#interview_step dl#turning_point {
	clear: both;
	width: 630px;
	background: #f2f2f2;
	padding: 20px;
	margin-bottom: 25px;
	font-size: 77%;
	}

div#interview_step dl#turning_point dt {
	width: 140px;
	float: left;
	}

div#interview_step dl#turning_point dd {
	width: 490px;
	float: right;
	}

div#interview_step dl#turning_point dd h4 {
	margin-bottom: 5px;
	font-size:;
	}

div#interview_step dl#turning_point dd p.bookname {
	font-size: 150%;
	color: #00259b;
	font-weight: bold;
	margin-bottom: 10px;
	}

/*-----------------------------------------------------
転機に背中を押された本 (画像なしの場合)
-------------------------------------------------------*/
div#interview_step div#turning_point {
	clear: both;
	width: 630px;
	background: #f2f2f2;
	padding: 20px;
	margin-bottom: 25px;
	font-size: 77%;
	}

div#interview_step div#turning_point h4 {
	margin-bottom: 5px;
	}

div#interview_step div#turning_point p.bookname {
	font-size: 150%;
	color: #00259b;
	font-weight: bold;
	margin-bottom: 10px;
	}		

/*-----------------------------------------------------
著名人
-------------------------------------------------------*/
div#interview_step dl#guest_info {
	clear: both;
	border: 1px solid #CCCCCC;
	padding: 20px;
	margin-bottom: 25px;
	line-height: 1.45;
	}

div#interview_step dl#guest_info dt {
	width: 140px;
	float: left;
	}

div#interview_step dl#guest_info dd {
	width: 488px;
	float: right;
	}

div#interview_step dl#guest_info dd h4 {
	font-size: 117%;
	color: #000000;
	font-weight: bold;
	margin-bottom: 10px;
	}

div#interview_step dl#guest_info dd h4 span {
	color: #00a3d9;
	font-size: 70%;
	font-weight:normal;
	padding-left: 15px;
	}



/*----------------------------------------------------------
ClearFix
----------------------------------------------------------*/

div#interview_step ul#main_step li.imgL:after,
div#interview_step ul#main_step li.imgR:after,
div#interview_step div#wrap_footstep div#footstep ul:after,
div#interview_step dl#turning_point:after,
div#interview_step dl#guest_info:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
}

div#interview_step ul#main_step li.imgL,
div#interview_step ul#main_step li.imgR,
div#interview_step div#wrap_footstep div#footstep ul,
div#interview_step dl#turning_point,
div#interview_step dl#guest_info {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*-----------------------------------------------------------------
次回予告のバナー（module.cssに基本設定あり）
-------------------------------------------------------------------*/
div#interview_step div.mailBox {margin-top: 25px;}

div#interview_step div.mailBox dl dt { font-size:117%;}

div#interview_step div.mailBox dl dd p {margin-bottom: 0;}

div#interview_step div.mailBox dl dd p.small { 
	text-align: right;
	margin-bottom: 10px;
	}

/*-----------------------------------------------------------------
ページネーション（module.cssに基本設定あり、column.css参考）
-------------------------------------------------------------------*/
.main #footContentsNav {
	font-size:87%;
	padding-top: 0;
	}

.main #footContentsNav ul li {
	font-weight:normal;
	}

/*-----------------------------------------------------------------
新規追加コンテンツ(200910)　次のページへのリンク
-------------------------------------------------------------------*/
div#interview_step p.nextpage {
	padding-bottom: 20px;
	}

div#interview_step p.nextpage a {
	background: url(/guide/interview/imgs/icon_next.gif) no-repeat left center;
	padding: 1px 0px 1px 23px;
	font-weight: bold;
	}

/*-----------------------------------------------------------------
新規追加コンテンツ(200910)　ページネーション
-------------------------------------------------------------------*/
div#interview_step ul#pagenation {
	width: 670px;
	margin-bottom: 30px;
	text-align: center;
	}

div#interview_step ul#pagenation li {
	display: inline;
	padding-left: 1px;
	}

/*-----------------------------------------------------------------
新規追加コンテンツ(200910)　バックナンバー
-------------------------------------------------------------------*/
div#interview_step div#backnumber_list {
	position: relative;
	width: 650px;
	padding: 10px;
	margin-bottom: 20px;
	background: url(/guide/interview/imgs/bg_backnumber.gif) no-repeat top left #dff3f8;
	}

div#interview_step div#backnumber_list p#backnumber_link {
	position: absolute;
	top: 10px;
	left: 502px;
	}

div#interview_step div#backnumber_list h4 {
	margin-bottom: 15px;
	}

div#interview_step div#backnumber_list ul {
	width: 650px;
	margin-bottom: 0;
	}

div#interview_step div#backnumber_list ul li {
	float: left;
	width: 120px;
	padding-left: 10px;
	}

div#interview_step div#backnumber_list dl dd {
	line-height: 1.45;
	color: #333333;
	}

div#interview_step div#backnumber_list dl dd span {
	font-weight: bold;
	}
	
div#interview_step div#backnumber_list dl dd.occupation {
	font-size: 87%;
	line-height: 1.3;
	}

/* clearfix */
div#interview_step div#backnumber_list ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
}

div#interview_step div#backnumber_list ul {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* フッター色調整 */

div#footer .footTxt p strong{
font-weight:normal;
color:#595959;
}

/* ------------------------------------------------------------
こんなコンテンツも読んでいます 更新日:2010/11/12
 ------------------------------------------------------------ */

div#recommended div.mgn_2em{margin-top:2em;}

div#recommended div.recotextBox{
	height:155px;
	border:1px solid #C3D0D8;
	padding:10px 10px 5px 10px;
	margin:0 0 15px 0;
}

div#recommended div.recotextBox dl{
	width:147px;
	float:left;
	margin:5px 10px 0px 5px;
}

div#recommended div.recotextBox dl dt p.recotl{
	width:80px;
	height:60px;
	float:right;
	text-align: left;
	margin:0px 0px 7px 0px;
	padding-top: 3px;
}

div#recommended div.recotextBox dl dt img.recoimg{
	float:left;
	margin:0px 0px 10px 0px;
}

div#recommended div.recotextBox dl dt a.recolink{
	background:url(/common/imgs/ico_arrow01.gif) no-repeat 0 2px;
	padding:0 0 0 12px;
	display:block;
}

div#recommended div.recotextBox dl dd{
	width:140px;
}