@charset "UTF-8";

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

 コラム用css

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

/*===========================================================
 共通
============================================================*/
body#column p,
body#all_column p {
    padding:13px 0 0 2px;
    line-height:1.4;
}

/* 追加：画像 */
body#column p span.black,
body#column span.black{
    font-weight:bold;
}

body#column .strong,
body#all_column .strong {
    font-size:123.1%;
    font-weight:bold;
}

body#column h5,
body#all_column h5 {
    margin-top:10px;
    margin-bottom:-8px;
    font-size:123.1%;
    font-weight:bold;
}

/*===========================================================
 ■一覧ページ
============================================================*/
body#column #main_wide,
body#all_column #main_wide { padding-bottom:100px; }

body#column .column_list .pagetop {
    margin-bottom:20px;
}

body#column .column_list ul {
}

body#column .column_list li {
    position:relative;
    width:100%;
    background:url(http://img.hb-nippon.com/images/base/bg_interview_list.gif) repeat-x left bottom;
    padding:15px 0 15px 0;
}

/* タイトル */
body#column .column_list li span.title{
    background:url(http://img.hb-nippon.com/images/base/icon_date_l.gif) no-repeat 0 0;
    padding:2px 120px 2px 11px;
    color:#535353;
    font-size:116%;
}

/* ボタン */
body#column .column_list li span.btn{ position:absolute; right:0; top:13px; width:107px; }



/*===========================================================
 コラム別一覧 （common.css上書き）
============================================================*/
body#column dl.interview_list,
body#all_column dl.interview_list {
    width:440px;
    height:83px;
    _height:93px;
    background:url(../images/base/bg_interview_list.gif) #f3f3f3 repeat-x left bottom;
    padding-bottom:0;
    float:left;
}

body#column dl.right ,
body#all_column dl.right { float:right; }

body#column dl.interview_list dd,
body#all_column dl.interview_list dd { width:320px; }


/*===========================================================
 ■詳細ページ
============================================================*/
/*===========================================================
 インタビュー、コラム、レポート等用 （common.css上書き）
============================================================*/
/* 左画像、右テキスト */
body#column .img_left { width:300px; }
body#column .img_left p { width:285px; }
body#column .text_right{ width:347px;  }

/* 右画像、左テキスト */
body#column .img_right { width:300px; }
body#column .img_right p { width:285px; }
body#column .text_left{ width:347px; }

/*===========================================================
 テキスト
============================================================*/
body#column span.cap { font-size:75%; }
body#column span.green { font-weight:bold; }

/*===========================================================
 タイトル
============================================================*/
body#column .contents_title_blue { margin-bottom:0; }
body#column .contents_title_black { margin:10px 0 0; }

/*===========================================================
 成績表
============================================================*/
body#column table.record {
    width:100%;
    border:1px solid #ccc;
    *margin-top:20px;
}

body#column table.record caption {
    border:1px solid #ccc;
    background-color:#046ac9;
    margin-top:20px;
    padding:5px;
    color:#fff;
    margin-left:-1px;
}

body#column table.record th,
body#column table.record td {
    padding:5px;
    border-left:1px solid #ccc;
}

body#column table.record th {
    width:110px;
    background-color:#eee;
    border-top:1px solid #ccc;
}

body#column table.record td {
    /*	background:url(../images/base/dot_gray_2.gif) repeat-x 0 0;*/
    border-top:1px dotted #ccc;
}

/*===========================================================
 お申し込み
============================================================*/
body#column #form,
body#writer #form {
    background:url(../images/base/column/metal/mq_bg.gif);
    padding:4px;
    margin-top:20px;
}

body#column #form #form_inner,
body#writer #form #form_inner {
    background-color:#eff7dd;
    padding:6px;
}

/* form_green ■ */
.form_green{ color:#75a315; }


/*===========================================================
 └お申し込み内容
============================================================*/
body#column #form dl,
body#writer #form dl {
    width:620px;
    float:left;
}


/* 見出し */
body#column #form dl dt,
body#writer #form dl dt {
    padding:3px 0 10px 4px;
    font-weight:bold;
    font-size:123.1%;
}

/* 内容 */
body#column #form dl dd,
body#column #form dl dd.form_area,
body#writer #form dl dd,
body#writer #form dl dd.form_area {
    padding-left:4px;
}

body#column #form dl dd li.line,
body#writer #form dl dd li.line {
    background:url(../images/base/profile_line.gif) repeat-x 0 0;
    padding:10px 0 8px 0;}


/* 申し込みボタン */
body#column #form dl dd.btn_area,
body#writer #form dl dd.btn_area {
    background:url(../images/base/profile_line.gif) repeat-x 0 0;
    padding:10px 0 8px 0;
}

body#column #form dl dd li.btn,
body#column #form dl dd li.btn_left,
body#writer #form dl dd li.btn,
body#writer #form dl dd li.btn_left {
    width:280px;
    float:left;
    padding-right:5px;
}	

body#column #form dl dd li.btn_left,
body#writer #form dl dd li.btn_left {
    padding-left:15px;
}



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

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


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

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

/* 追加：画像 */
body#column #profile dl.photo {
    width:314px;
    float:left;
}

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

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

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

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

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

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



/*===========================================================
 └ mq_navi
============================================================*/
.mq_navi { width:650px;}
#outer_body_all .g_navi { width:550px; float:right; }

.mq_navi li { 
    width:210px;
    float:left;
}

.mq_navi li.mq,
.mq_navi li.manual {margin-right:10px;}


.mq_navi li a {
    display:block;
    width:100%;
    height:73px;

}


/*===========================================================
 └人間力背景
============================================================*/
body#column #main #maincontents div.human { background:url(../images/base/bg_column_human.gif) top right no-repeat;}



/*===========================================================
 └UnderArmour用
============================================================*/
body#column #ua p { padding-bottom:15px }

/* 左画像、右テキスト */
body#column #ua .img_left2 { float:left; width:230px; padding:12px 0 5px 0; }
body#column #ua .img_left2 .photo { float:left; padding:9px; background-color:#fff; border:1px solid #ccc; }

body#column #ua .img_center { padding:0; }

/* 第2回 */
body#column #ua .img_right p.comment { width:265px; }
body#column #ua .img_center2 { padding-bottom:20px; }

body#column #ua ul.photo_list {
    margin:10px;
}

body#column #ua ul.photo_list li {
    float:left;
    display:block;
    width:200px;
    margin-right:15px;
}

body#column #ua ul.photo_list li.last {
    margin-right:0;
}

body#column #ua ul.photo_list li .photo {
    padding:5px;
    border:solid 1px #ccc;
}

body#column #ua ul.photo_list li p.comment {
    width:200px;
    padding:2px 0;
    font-size:75%;
    letter-spacing:1px;
}

/*===========================================================
 └ドラフト特集用
============================================================*/
body#column table.table_draft {
    width:100%;
    border:1px solid #ccc;
}

body#column table.table_draft th,
body#column table.table_draft td {
    padding:5px;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

body#column table.table_draft th.sname {
    width:80px;
}

body#column table.table_draft th.school {
    width:100px;
}

body#column table.table_draft th.tall,
body#column table.table_draft th.weight,
body#column table.table_draft th.type {
    width:40px;
}

body#column table.table_draft th{
    background-color:#275390;
    color:#fff;
}

body#column #gallery {
    background:url(../images/base/dot_gray_1.gif) #e8e8e8 repeat-x left top;
    padding:12px 0 20px 10px;
    margin-top:15px;
}

body#column #gallery p.read {
    padding:0 0 0 3px;
    border-left:12px solid #2c4465;
    line-height:1;
}

body#column #gallery ul {
    width:100%;
    padding-top:10px;
}

body#column #gallery li {
    width:127px;
    float:left;
}

body#column #gallery li a {
    display:block;
    width:122px;
    background:url(../images/base/gallery_bg.gif);
    text-align:center;
    margin-bottom:5px;
}
/*	background:url(../../report/images/base/gallery_bg.gif);*/

body#column #gallery li a:hover {
    background:url(../images/base/gallery_bg_over.gif);
}
/*	background:url(../../report/images/base/gallery_bg_over.gif);*/

body#column #gallery li a img {
    margin:4px auto;
}


/*===========================================================
 └tmpl_1用
============================================================*/
/* 左画像、右テキスト */
body#column #tmpl_1 .img_left { float:left; width:230px; padding:12px 0 5px 0; }
body#column #tmpl_1 .img_left .photo { float:left; padding:9px; background-color:#fff; border:1px solid #ccc; }

body#column #tmpl_1 .img_center { padding:0; }

body#column #tmpl_1 ul.photo_list,
body#column #tmpl_1 ul.photo_list2 {
    margin:15px 0;
}

body#column #tmpl_1 ul.photo_list li.left {
    width:315px;
    float:left;
    display:block;
}

body#column #tmpl_1 ul.photo_list li.right {
    width:315px;
    float:right;
    display:block;
}

body#column #tmpl_1 ul.photo_list2 li {
    width:210px;
    float:left;
    display:block;
    margin-right:10px;
}

body#column #tmpl_1 ul.photo_list2 li.last {
    margin-right:0;
}

body#column #tmpl_1 ul.photo_list li .photo img,
body#column #tmpl_1 ul.photo_list2 li .photo img {
    padding:5px;
    border:solid 1px #ccc;
}

body#column #tmpl_1 ul.photo_list li p.comment,
body#column #tmpl_1 ul.photo_list2 li p.comment {
    padding:3px 0;
    font-size:80%;
    letter-spacing:1px;
}


/*===========================================================
 └進学相談Q＆A
============================================================*/
body#column #qa .answer {
    margin:5px 10px 20px 20px;
}

body#column #qa h5 {
    font-size:110%;
}