@charset "utf-8";

/* CSS Information *************************************
File name: interview.css
Description: layout interview
Created date: 2009/11/12
Last created date: 2009/11/12
Created by: Elephant Communications
***************************************************** */


/* Table Of Contents
----------------------------------------

* #leed
* #answer
* #aside

----------------------------------------*/


/* #leed
-------------------------------------------------------------------------------------------------------*/
#leed {
	margin-bottom: 25px;
	padding-bottom: 20px;
	background: url(../../img/common/bg_border01.gif) left bottom repeat-x;
}

#leed li {
	margin-bottom: 10px;
	line-height: 1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}


/* #vi
----------------------------------------------------------------------------------------*/
#vi {
	height: 262px;
	margin-bottom: 15px;
}

#vi .movie {
	padding: 205px 0 0 424px;
}

#vi .movie a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

/* #vi:background 個別設定
-------------------------------------------------------------------------*/
/* VOL.01
----------------------------------------------------------*/
#interview01 #vi { background: url(../img/bg_vi-vol01.jpg) left top no-repeat;}
#interview02 #vi { background: url(../img/bg_vi-vol02.jpg) left top no-repeat;}



/* #answer
-------------------------------------------------------------------------------------------------------*/
#answer {
	margin-bottom: 70px;
}


/* .section
----------------------------------------------------------------------------------------*/
#answer .section {
	margin-bottom: 25px;
	padding-bottom: 10px;
	background: url(../../img/common/bg_border01.gif) left bottom repeat-x;
}

#answer .last-child {
	background: url(../../img/common/bg_border05.gif) left bottom repeat-x;
}

#answer .section dt {
	margin-bottom: 18px;
	padding-bottom: 10px;
	line-height: 1.5;
	background: url(../../img/common/bg_border05.gif) left bottom repeat-x;
}

#answer .section dt span {
	display: block;
	padding: 10px 0 10px 40px;
	background: url(../../img/common/icn_question02.gif) left 5px no-repeat;
}

#answer .section dd {
	padding: 10px 0 10px 40px;
	background: url(../../img/common/icn_answer01.gif) left 9px no-repeat;
}

#answer .section dd li {
	margin-bottom: 15px;
	line-height: 1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}


/* 画像が入った時の「Q」のborder設定
-------------------------------------------------------------------------*/
#answer .clearfix dt {
	background: url(../../img/common/bg_border11.gif) left bottom no-repeat;
}


/* .imgRight
-------------------------------------------------------------------------*/
#answer .section .imgRight {
	width: 290px;
	float: right;
	margin: 0 0 18px 20px;
}



/* #aside
-------------------------------------------------------------------------------------------------------*/
#aside h3 {
	margin-bottom: 15px;
}


/* .frame
----------------------------------------------------------------------------------------*/
#aside .frame01Content {
	padding: 30px;
}


/* .section
----------------------------------------------------------------------------------------*/
#aside .section dt {
	margin-bottom: 15px;
	line-height: 1.8;
	font-size: 13px;
	font-weight: bold;
	color: #6d460b;
}

#aside .section dd {
	margin-bottom: 20px;
	line-height: 1.5;
}


/* Read more setting
----------------------------------------------------------*/
#aside .section p {
	width: 70px;
	padding: 0 3px 3px 3px;
	background: url(../../img/common/bg_border04.gif) left bottom repeat-x;
}

#aside .section p a {
	color: #7f9310;
}

#aside .section p a:hover {
	text-decoration: none;
}

#aside .section p img {
	margin: 3px 5px 0 0;
}


/* layout-2col
-------------------------------------------------------------------------*/
#aside .section .colLeft {
	width: 145px;
	float: left;
}

#aside .section .colRight {
	width: 450px;
	float: right;
}