@charset "utf-8";


/*========================================

サクセスストーリー

========================================*/

body#success {

}


/*コンテンツエリア
----------------------------------------*/
body#success div#content {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
}

body#success div#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

body#success div#content div#main {
	width: 710px;
	float: left;
	display: inline;
}

body#success div#content div#main h3 {
	margin: 0 0 10px 0;
}


/*カテゴリのリード文
----------------------------------------*/
body#success div#content div#main div.lead {
	background: url(../../method/images/article_bg02_btm.gif) no-repeat left bottom;
	width: 710px;
	margin: 0 auto 20px auto;
}

body#success div#content div#main div.lead h2 {
	margin: 0;
	padding: 0;
}

body#success div#content div#main div.lead p {
	line-height: 1.5;
	padding: 15px;
}


/*インタビュー
----------------------------------------*/
body#success div#content div#main div.interview {
	width: 690px;
	background: url(../../success/images/success_line.gif) no-repeat center bottom;
	padding: 0 0 20px 0;
	margin: 0 0 20px 10px;
}

body#success div#content div#main div.interview:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

body#success div#content div#main div.interview div.profile {
	float: left;
	display: inline;
	width: 160px;
}

body#success div#content div#main div.interview div.profile dl {
	margin: 10px 0 0 0;
}

body#success div#content div#main div.interview div.profile dl dt {
	font-weight: bold;
	color: #993300;
	clear: left;
	float: left;
	margin: 0 0 3px 0;
	width: 50px;
	font-size: 0.85em;
	line-height: 1.5;
}

body#success div#content div#main div.interview div.profile dl dd {
	margin-bottom: 3px;
	margin-left: 50px;
	font-size: 0.85em;
	line-height: 1.5;
}

body#success div#content div#main div.interview div.profile dl dd.job {
	clear: left;
	margin-left: 0;
	width: 160px;
}

body#success div#content div#main div.interview div.introduction {
	width: 510px;
	float: right;
	display: inline;
}

body#success div#content div#main div.interview div.introduction table.qa {
	margin: 0 0 20px 0;
}

body#success div#content div#main div.interview div.introduction table.qa th {
	font-weight: bold;
	text-align: left;
	color: #0099CC;
	border-bottom: 1px dashed #CCC;
	vertical-align: top;
	padding: 5px 10px 5px 0;
	line-height: 1.5:
}

body#success div#content div#main div.interview div.introduction table.qa td {
	border-bottom: 1px dashed #CCC;
	vertical-align: top;
	padding: 5px 0 5px 10px;
	line-height: 1.5;
}

body#success div#content div#main div.interview div.introduction div.schedule {
	background: url(../../success/images/schedule_bg.jpg) no-repeat center bottom;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
}

body#success div#content div#main div.interview div.introduction div.schedule table {
	border-collapse: collapse;
	width: 478px;
	margin: 0 auto;
}

body#success div#content div#main div.interview div.introduction div.schedule table th {
	border: 1px solid #CCC;
	color: #333;
	font-weight: normal;
	font-size: 10px;
	background-color: #EAEAEA;
	padding: 5px 0;
	text-align: center;
	width: 100px;
}

body#success div#content div#main div.interview div.introduction div.schedule table td {
	border: 1px solid #CCC;
	background-color: #FFF;
	font-size: 10px;
	padding: 5px;
}