@charset "UTF-8";

#interviews {
	margin: 20px 0 0 25px;
	width: 670px;
}
#interviews #interviews_title h2 {
	background: url(../images/store_item_bg.jpg) no-repeat 0 bottom;
	width: 670px;
	padding: 0 0 12px 0;
	margin: 0 0 5px 0;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
}

#interviews_title {
	margin: 0 auto 30px auto;
}


#interviews_list {
	width: 670px;
	height: auto;
	margin-top: 40px;
	margin-left: 25px;
}

#interviews_body {
    font-size: 1.0em;
    margin-top: 20px;
}

#interviews_body h4 {
	background: #fff url(../images/icon_head01_s.png) no-repeat 0 0;
	font-size: 1.0em;
	line-height: 1.0em;
	font-weight: bold;
	padding: 0 0 0 20px;
	color: #ff6634;
}

#interviews_comment {
    font-size: 0.9em;
	line-height: 1.4em;
    /* width: 95%; */
	margin: 0 50px 0 0;
}

#interviews_comment h3 {
	padding: 0 0 0.6em 0;
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: bold;
	color: #dea730;
}



.interviews_para {
	margin: 10px 50px 30px 0;
	font-size: 0.9em;
	line-height: 1.6em;    
}

.interviews_para h2 {
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	padding: 0 0 5px 60px;
}
.interviews_para h3 {
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	padding: 0 0 5px 60px;
	color: #ff6634;
}

.interviews_left_image {
    float: left;
    margin: 0 20px 20px 0;
}

.interviews_right_image {
    float: right;
    margin: 0 0 20px 20px;
}

#interviews_company dl {
    width: 80%;
    border-top:0;
    border-bottom:1px solid;
    border-left:1px solid;
    border-right:1px solid;
    border-color: #b9b9b9;
    background:#ffffff;	
    margin: 30px 0;
}

/*
#interviews_company dt {
    float:left;
    clear:both;
    width:12em;
    padding:0.5em;
    _width:10em;    /* WinIE *//*
    border-top:1px solid;
    border-color: #b9b9b9;
    white-space:nowrap;
	font-size: 12px;
    color: #666666;
	text-align: center;
}

#interviews_company dd {
    margin-left:12.5em;    /* = dt.width + dt.padding *//*
	_margin-left:10.5em;
    padding:1ex;
    border-top:1px solid;
    border-left:1px solid;
    border-color: #b9b9b9;
    background:#FFFFFF;
	font-size: 12px;
	line-height: 1.6em;
    color: #666666;
	zoom:1;
}

*/


#interviews_company dt {
    float:left;

    /* ほんとはピクセル固定しない方がいいんだけど、
       ある程度文字数が決まってる場合は、こういうのもアリ */
    width: 120px;
    padding:0.5em;
    border-top:1px solid;
    border-color: #b9b9b9;
    white-space:nowrap;
	font-size: 12px;
    color: #666666;
	text-align: center;
}
#interviews_company dd {

    /* パディングでやった方が安全だけど、左側にボーダーが付くので
       マージンを使って左の列の幅の分だけマージンつけて無理やり揃える */
	margin: 0 0 0 120px;
    padding:1ex;
    border-top:1px solid;
    border-left:1px solid;
    border-color: #b9b9b9;
	font-size: 12px;
	line-height: 1.6em;
    color: #666666;
}

/*

フロート解除してないので、#interviews_company dl 以下にエレメント続く場合は、
#interviews_company dl 直下のエレメントでフロート解除しないと悲惨なことに...。

*/