@charset "UTF-8";

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

 インタビュー用css

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

/*===========================================================
 共通
============================================================*/
body#interview p {
    padding:12px 0 0 2px;
}

body#interview p span.blue,
body#interview p span.green,
body#interview p span.red,
body#interview p span.black {
    font-weight:bold;
}

body#interview h4.title2 {
    clear:both;
    margin:10px 0 -8px 2px;
    padding-top:20px;
    font-size:123.1%;
    font-weight:bold;
}

body#interview h4.first {
    padding-top:0;
}


/*===========================================================
 ■詳細ページ
============================================================*/
/*===========================================================
 リード
============================================================*/
body#interview #interview_info .photo {
    width:200px;
    float:right;
    text-align:right;
}

body#interview #interview_info .photo img {
    border:1px solid #ccc;
}

body#interview p.underline{
    background:url(../images/base/bg_interview_list.gif) repeat-x left bottom;
}



/*===========================================================
 プロフィール
============================================================*/
body#interview #profile {
    background:url(../images/base/interview/profile_bg.gif);
    padding:4px;
    margin-top:20px;
}

body#interview #profile #profile_inner {
    background-color:#edf0ea;
    padding:6px;
}


body#interview #profile .title {
    padding-bottom:10px;
}

/*===========================================================
 └プロフィール内容
============================================================*/
body#interview #profile dl {
    width:314px;
    float:left;
}

/* 画像なし */
body#interview #profile dl.no-photo {
    width:620px;
    float:left;
}

/* 名前 */
body#interview #profile dl dt {
    padding:3px 0 10px 4px;
    font-weight:bold;
    font-size:123.1%;
}

/* 内容 */
body#interview #profile dl dd {
    padding-left:4px;
}

body#interview #profile dl dd li {
    background:url(../images/base/interview/profile_line.gif) repeat-x 0 0;
    padding:10px 0 8px 0;
    line-height:1.4;
}

/*===========================================================
 └プロフィール内容（2名ver）
============================================================*/
body#interview #profile .left {
    width:310px;
    float:left;
}
body#interview #profile .right {
    width:310px;
    float:right;
}

body#interview #profile .left dl,
body#interview #profile .right dl {
    width:215px;
}

/*===========================================================
 └画像
============================================================*/
body#interview #profile .p_photo {
    width:308px;
    background:url(../images/base/interview/profile_photo.gif) no-repeat 0 0;
    float:right;
}

body#interview #profile .p_photo img {
    margin:5px 0 10px 5px;
}

body#interview #profile .p_photo p {
    padding-top:0;
}

body#interview #profile .p_photo2 {
    margin-right:20px;
    padding:8px;
    background:#fff;
    border:solid 1px #ccc;
    float:right;
}

/*===========================================================
 └画像（2名ver）
============================================================*/
body#interview #profile .left .p_photo,
body#interview #profile .right .p_photo {
    width:86px;
    background:url(../images/base/interview/profile_photo2.gif) no-repeat 0 0;
    float:right;
}


/*===========================================================
 インタビュアー
============================================================*/
body#interview #writer {
    padding:4px 0 5px 0;
}

body#interview #writer p {
    text-align:right;
    line-height:1.2;
}

body#interview #writer span {
    background:url(../images/base/interview/writer_bg.gif);
    padding:8px;
    color:#fff;
    font-size:75%;
    letter-spacing:1px;
}

/*------------------------------------------------------------
 インタビュー、コラム、レポート等用 （common.css上書き）
-------------------------------------------------------------*/
body#interview .img_center .gray { background-color:#ededed; border:none; }


/*===========================================================
 チーム情報など
============================================================*/
body#interview #team {
    background:url(../images/base/gallery_bg.gif);
    padding:4px;
    margin-top:20px;
}
/*	background:url(../../report/images/base/gallery_bg.gif);*/

body#interview #team #team_inner {
    background-color:#fff;
    padding:8px;
}

/* タイトル部分 */
body#interview #team .title_box {
    padding-bottom:8px;
}

body#interview #team .title_box .logo {
    width:85px;
    float:left;
}

body#interview #team .title_box .title {
    width:540px;
    float:left;
}

body#interview #team .title_box .title h4 {
    padding-top:12px;
    font-size:138.5%;
    font-weight:bold;
}

body#interview #team .title_box .title p {
    padding-top:5px;
    font-size:123.1%;
}


/* テキスト部分 */
body#interview #team .text {
    width:310px;
    float:right;
}
body#interview #team .text p {
    line-height:1.3;
}

/* 画像 */
body#interview #team .t_photo {
    width:308px;
    background:url(../images/base/profile_photo.gif) no-repeat 0 0;
    float:left;
}
/*	background:url(../../interview/images/base/profile_photo.gif) no-repeat 0 0;*/

body#interview #team .t_photo img {
    margin:5px 0 10px 5px;
}

body#interview #team .t_photo p {
    padding-top:0;
}