@charset "utf-8";

/* -------------------- */
/* CSS共通           　 */
/* -------------------- */

/* レイアウト - ページ幅設定 */
#container { width:1015px; margin:0 auto;}
#contents { width:800px; padding:0 0 20px; float:left;}
#nav { width:200px; float:right; margin-left:0px; padding:15px 10px 15px 0;}

/* 企業ページ */
.company_page { padding:15px 10px 0; margin:0;}
.company_name { border-bottom:3px solid #135484; margin-bottom:15px;}
.company_name h1 { color:#135484; font-size:16px; padding-top:8px; padding-bottom:5px; width:530px; float:left;}
.company_name .contribution { float:right; width:242px; height:34px; background:url(../img/company/number_bg.gif); line-height:100%; margin-bottom:5px;}
.company_name .contribution .number { font-size:10px; text-align:center; margin-top:15px; letter-spacing:0.1em; padding-top:3px;}
.company_name .contribution .number span { color:#999999;}
.company_name .contribution .number span a { color:#CC0000;}

/* 企業フレーム */
.company_frame .box { background:url(../img/company/company_frame_middle.gif); padding:15px 20px 15px 15px;}

/* 企業詳細タブ */
.company_tab { width:770px; margin-left:5px;}
.company_tab p { float:left;}

/* 完了ページ */
.complete .left { width:245px; line-height:200%;}
.complete .al {  background:url(../img/common/icon_circle.gif) no-repeat center left; padding-left:13px;}

/* ------------------------ */
/* community.css オリジナル */
/* ------------------------ */

/* 口コミリンク */
.community_link { width:745px; background:url(../img/common/dot_line.gif) repeat-x bottom; margin-bottom:15px; padding-bottom:1px;}
.community_link .page_title { font-size:20px; float:left; width:475px; padding-top:15px;}
.community_link .staff { float:left; background:url(../img/dynamic/info_bg_staff.gif) no-repeat; width:134px; height:22px; padding-top:20px;}
.community_link .interview { float:left; background:url(../img/dynamic/info_bg_interview.gif) no-repeat; width:134px; height:22px; padding-top:20px;}
.community_link .link1 { padding-left:35px; padding-right:7px; font-size:14px; font-weight:bold;}
.community_link a { color:#444444;}
.community_link a:hover { color:#FF9900;}
.community_link a:visited { color:#444444;}
.community_link .link2 { font-size:10px;}

/* 最新一覧 */
.index .sfatt_list { padding:9px 10px 5px 40px; background:url(../img/company/cornflower_frame_w745_top_staff.gif) no-repeat top; font-size:14px;}
.index .interview_list { padding:9px 10px 5px 40px; background:url(../img/company/salmon_frame_w745_top_interview.gif) no-repeat top; font-size:14px;}

/* 社員のホンネ、面接レポート　タイトル */
.community h3 .title { float:left; width:515px;}
.community h3 .evaluation { float:right; width:200px; font-weight:normal; font-size:10px; text-align:right;}

/* 社員のホンネ、面接レポート　投稿者情報 */
.community_comment { padding:5px; line-height:180%;}
.user_info { background:url(../img/common/dot_line.gif) repeat-x bottom; padding-bottom:5px;}
.user_info .left { width:565px; font-size:10px;}
.user_info .left strong { font-size:12px; color:#135484; margin-right:3px;}
.user_info a { color:#135484;}
.user_info a:hover { color:#FF9900;}
.user_info .right { text-align:right; color:#999999; width:135px;}
.user_info .detail { font-size:10px; line-height:150%;}
.user_info .detail span { color:#CC3300; padding-right:8px;}
.user_info .answer_left { float:left; background:url(../img/dynamic/icon_qa_a.gif) no-repeat; width:541px; font-size:10px; padding-left:24px;}
.user_info .answer_left strong { font-size:12px; color:#135484; margin-right:3px;}
.user_info .owner_left { float:left; background:url(../img/dynamic/icon_qa_owner.gif) no-repeat; width:541px; font-size:10px; padding-left:24px;}
.user_info .owner_left strong { font-size:12px; color:#135484; margin-right:3px;}
.community_comment .answer_detail { padding:5px 0; margin-bottom:10px; background:url(../img/common/dot_line.gif) bottom repeat-x;}
.community_comment .evaluation { text-align:right;}
.community_comment .evaluation img { vertical-align: text-bottom; margin:0 5px;}
.community_comment .evaluation input { vertical-align:middle; margin-left:10px;}

/* 社員のホンネ、面接レポート　特徴 */
.community_feature p { text-align:center; width:175px; float:left; padding:5px 0; letter-spacing:0.1em;}
.community_feature .hit { background:url(../img/dynamic/pink_hit.gif) center no-repeat;}
.community_feature .nohit { color:#999999;}
.pink_frame_w745 .community_border { border-bottom:1px solid #E1A897;}
.green_frame_w745 .community_border { border-bottom:1px solid #BBDFAE;}
.community_staff p { text-align:center; float:left; width:100px; padding:5px; letter-spacing:0.1em;}
.community_staff .hit { background:url(../img/dynamic/pink_hit.gif) center no-repeat;}
.community_staff .nohit { color:#999999;}

/* 投稿ボタン */
.entry_button_box { background:#F2F5F9; text-align:center; margin:10px 0;}
.entry_button_box img { margin:10px 6px;}

/* 社員のホンネ、面接レポート　入力 */
.community_entry .gry_frame_w745 { margin-bottom:15px;}
.community_entry .beige_frame_w745 { margin-bottom:15px;}
.community_entry h3 .title { float:left; width:505px;}
.community_entry h3 .evaluation { float:right; width:210px; font-weight:normal; font-size:10px; text-align:right;}
.community_entry .colum { font-weight:bold;}
.community_entry .comment_l { font-weight:normal; line-height:130%;}
.community_entry .comment_r { font-size:10px; color:#777; line-height:130%;}
.community_entry .count { width:500px; text-align:right;}
.community_entry .count .text { color:#CC3300; font-weight:bold; margin:0 2px;}
.community_entry .free_text { width:500px;}
.feature td { width:33%;}
.feature_confirm td { width:33%; text-align:center; letter-spacing:0.1em;}
.community_entry .hit { background:url(../img/dynamic/pink_hit.gif) center no-repeat;}
.community_entry .nohit { color:#999999;}
.community_entry label { margin-left:3px; font-size:14px;}
.community_entry .w40 { width:40px;}
.community_entry .w60 { width:60px;}
.community_entry .w100 { width:100px;}
.community_entry .w128 { width:128px;}
.community_entry .w150 { width:150px;}
.community_entry .w200 { width:200px;}
.community_entry .w320 { width:320px;}
.community_entry .w400 { width:400px;}
.community_entry .w500 { width:500px;}

/* ------------------------ */
/* community.css 内共通　　 */
/* ------------------------ */

/* ページング */
.paging { padding:3px;}
.paging span, .paging a { color:#0066CC; padding:1px;}
.paging span { font-weight:bold; color:#444444;}
.paging a:hover { color:#FF9900;}
.paging a:hover { color:#4700CC;}
.paging .except { font-weight:normal;}

/* グレイフレーム（ベタ） */
.gry_frame_w745 { width: 745px;}
.gry_frame_w745 h3 { padding:8px 10px 0px; background:url(../img/company/gry_frame_w745_top.gif) no-repeat top;}
.gry_frame_w745 .section { padding:0 12px; background:url(../img/company/gry_frame_w745_middle.gif) repeat-y;}
.gry_frame_w745 .fotter { background:url(../img/company/gry_frame_w745_bottom.gif) no-repeat; padding:5px;}
.gry_frame_w745 .colum { background:#F2F5F9;}
.gry_frame_w745 table { border-collapse:collapse; border:1px solid #B6CAD9; background:#FFFFFF;}
.gry_frame_w745 table td { border:1px solid #B6CAD9;}
.gry_frame_w745 .none table { border:0;}
.gry_frame_w745 .none td { border:0;}

/* ピンクフレーム */
.pink_frame_w745 { width: 745px;}
.pink_frame_w745 h3 { padding:8px 10px 10px 10px; background:#fff url(../img/company/pink_frame_w745_top.gif) no-repeat top;}
.pink_frame_w745 .section { padding:0 12px; background:#fff url(../img/company/pink_frame_w745_middle.gif) repeat-y;}
.pink_frame_w745 .fotter { background:#fff url(../img/company/pink_frame_w745_bottom.gif) no-repeat; padding:5px;}
.pink_frame_w745 .colum { background:#FAEEEB;}
.pink_frame_w745 table { border-collapse:collapse; border:1px solid #E1A897;}
.pink_frame_w745 table td { border:1px solid #E1A897;}
.pink_frame_w745 .none table { border:0;}
.pink_frame_w745 .none td { border:0;}

/* グリーンフレーム */
.green_frame_w745 { width: 745px;}
.green_frame_w745 h3 { padding:8px 10px 10px 10px; background:#fff url(../img/company/green_frame_w745_top.gif) no-repeat top;}
.green_frame_w745 .section { padding:0 12px; background:#fff url(../img/company/green_frame_w745_middle.gif) repeat-y;}
.green_frame_w745 .fotter { background:#fff url(../img/company/green_frame_w745_bottom.gif) no-repeat; padding:5px;}
.green_frame_w745 .colum { background:#EDF7EA;}
.green_frame_w745 table { border-collapse:collapse; border:1px solid #88C671;}
.green_frame_w745 table td { border:1px solid #88C671;}
.green_frame_w745 .none table { border:0;}
.green_frame_w745 .none td { border:0;}

/* ピンク（ベタ）フレーム */
.salmon_frame_w745 { width:745px;}
.salmon_frame_w745 h3 { padding:8px 10px 5px; background:url(../img/company/salmon_frame_w745_top.gif) no-repeat top;}
.salmon_frame_w745 .section { padding:0 10px; background:url(../img/company/salmon_frame_w745_middle.gif) repeat-y;}
.salmon_frame_w745 .fotter { background:#fff url(../img/company/salmon_frame_w745_bottom.gif) no-repeat; padding:5px;}
.salmon_frame_w745 table { border-collapse:collapse; border:1px solid #E1A897; background:#FFFFFF;}
.salmon_frame_w745 table td { border:1px solid #E1A897;}
.salmon_frame_w745 table th { border:1px solid #E1A897; background:#FAEEEB; font-weight:normal;}

/* グリーン（ベタ）フレーム */
.cornflower_frame_w745 { width:745px;}
.cornflower_frame_w745 h3 { padding:8px 10px 5px; background:url(../img/company/cornflower_frame_w745_top.gif) no-repeat top;}
.cornflower_frame_w745 .section { padding:0 10px; background:url(../img/company/cornflower_frame_w745_middle.gif) repeat-y;}
.cornflower_frame_w745 .fotter { background:#fff url(../img/company/cornflower_frame_w745_bottom.gif) no-repeat; padding:5px;}
.cornflower_frame_w745 table { border-collapse:collapse; border:1px solid #88C671; background:#FFFFFF;}
.cornflower_frame_w745 table td { border:1px solid #88C671;}
.cornflower_frame_w745 table th { border:1px solid #88C671; background:#EDF7EA; font-weight:normal;}

/* ベージュ（ベタ）フレーム */
.beige_frame_w745 { width: 745px;}
.beige_frame_w745 h3 { padding:8px 10px 0px; background:url(../img/company/beige_frame_w745_top.gif) no-repeat top;}
.beige_frame_w745 .section { padding:0 10px; background:url(../img/company/beige_frame_w745_middle.gif) repeat-y;}
.beige_frame_w745 .fotter { background:#fff url(../img/company/beige_frame_w745_bottom.gif) no-repeat; padding:5px;}
.beige_frame_w745 .colum { background:#FDF2D5; border:1px solid #EFB00C;}
.beige_frame_w745 table { border-collapse:collapse; border:1px solid #EFB00C; background:#FFFFFF;}
.beige_frame_w745 table td { border:1px solid #EFB00C;}
.beige_frame_w745 table th { background:#FDF2D5; border:1px solid #EFB00C;}
.beige_frame_w745 .none table { border:0;}
.beige_frame_w745 .none td { border:0;}

/* ログインボックス */
.login_s { width:745px;}
.login_info { width:365px; float:left; margin-bottom:15px;}
.login_info .text { border-left:3px solid #009CE8; border-right:3px solid #009CE8; padding:10px; line-height:160%;}
.login_box { width: 365px; float:right; background: #ffffff url(../img/common/login_box_bottom.gif) no-repeat bottom;}
.login_box h2 { padding:8px 10px 0px 10px; background:#fff url(../img/common/login_box_top.gif) no-repeat top; color:#135484;}
.login_box .section { margin:0 10px 3px;}
.login_box .colum {  font-size:10px; line-height:110%;}
.login_box .error_mes { font-size:10px; color:#CC3300;}
.login_box .mail { width:200px;}
.login_box .pass { width:100px;}

/* HITなし */
.no_hit .al { background:url(../img/common/icon_circle.gif) no-repeat center left; padding-left:13px;}
.no_hit h4 { font-weight:normal; margin-left:20px;}

/* コンテンツリンク */
.other_link { border:3px dotted #009CE8; width:340px; padding:10px; margin-bottom:15px;}
.other_link h3 { font-size:20px; color:#009CE8; padding-bottom:15px;}

/* ランキング */
.company_page h3.w745 { height:19px; background:url(../img/company/h2_bg_w745.gif); width:721px; padding-left:24px; padding-top:3px; font-size:14px;}
.rank_data { margin-bottom:15px;}
.rank_data .rank1 { background:url(../img/dynamic/rank_1.gif) no-repeat; height:19px; width:24px;}
.rank_data .rank2 { background:url(../img/dynamic/rank_2.gif) no-repeat; height:19px; width:24px;}