@charset "utf-8";
/*===========================================================
転職情報用スタイルシート:career.css
============================================================*/

/* ベーススタイルシート読み込み
----------------------------------------------------------- */
@import "/material/css/base.css";


/* =======================================
▼カテゴリ毎に色・画像を変更
======================================= */

/* 枠線
--------------------------------- */
#container{
width:801px;
margin-left:auto;
margin-right:auto;
border:solid 1px #476DA9;
background:url(/material/images/common/top_line.jpg) no-repeat top;
}

/* グローバルナビゲーションライン
--------------------------------- */
.gnavi_line{
width:560px;
height:5px;
background:url(/material/images/career/gnavi_line.jpg) no-repeat;
}

/* レイアウトセット詳細ページ用
--------------------------------- */
#header_02{
width:801px;
height:73px;
}

#contents_02{
width:757px;
margin:0 auto 30px auto;
}

#detail_data_left{
padding:8px 0 0 28px;
float:left;
}

#logo_02{
width:162px;
margin:12px 0 0 16px;
background:url(/material/images/common/logo_02.gif) no-repeat;
float:left;
}

#logo_02 a{
width:162px;
height:51px;
display:block;
}

#detail_data{
width:801px;
margin:2px 0 0 0;
border-top:solid 1px #C7C7C7;
background:url(/material/images/common/detail_data.jpg) #F0FBFF repeat-x;
}

#detail_data .ico{
float:left;
margin:0 10px 0 0;
list-style:none;
}

#detail_data_right{
float:right;
}

#detail_data_right .logo{
width:350px;
margin:8px 20px 0 0;
padding:7px;
background:#FFFFFF;
border:solid 1px #C7C7C7;
}

#detail_data_right .img{
width:115px;
height:95px;
}

#detail_data_right .text{
width:235px;
float:right;
}

#detail_data_right li{
list-style:none;
}

#tab{
width:801px;
margin:0 0 20px 0;
background:url(/material/images/common/tab_bg.gif) repeat-x;
}

#tab ul{
margin:0 0 0 30px;
}

#tab li{
list-style:none;
float:left;
}

/* ヘッダーライン 詳細ページ
--------------------------------- */
.gnavi_line_02{
width:801px;
height:5px;
background:url(/material/images/career/gnavi_line_02.jpg) no-repeat;
}

/* パンクズナビゲーション
--------------------------------- */
#pankuzu{
width:790px;
color:#00478C;
padding:3px 0 0 11px;
margin:0 0 10px 0;
border-bottom:solid 1px #C7C7C7;
border-top:solid 1px #C7C7C7;
background:url(/material/images/career/pan_navi_bg.jpg) repeat-x;
}

#pankuzu a:link{
color:#00478C;
text-decoration:underline;
}

#pankuzu a:visited{
color:#00478C;
text-decoration:underline;
}

#pankuzu a:hover{
color:#00478C;
text-decoration:none;
}

#pankuzu a:active{
color:#00478C;
text-decoration:underline;
}

#pankuzu .navi{
margin:5px 0 0 0;
float:left;
}

#pankuzu .status{
margin:5px 0 0 0;
text-align:right;
float:right;
}

.status .img{
width:61px;
margin:0 10px 0 0;
}

.status .user_name{
font-weight:bold;
color:#0071AD;
margin:0 10px 0 0;
white-space:nowrap;
}

.status .log_out{
width:61px;
float:left;
padding:0 10px 0 0;
}

.log_out input{
margin:0 0 3px 0;
}

/* フッター
--------------------------------- */
#footer{
font-size:11px;
text-align:center;
line-height:110%;
border-top:solid 1px #005C87;
}

#footer .link{
height:27px;
padding:8px 0 5px 0;
}

#footer .copy{
height:34px;
font-style:normal;
color:#FFFFFF;
padding:8px 0 0 0;
background:url(/material/images/career/footer_bg.jpg) repeat-x;
}

#footer a:link{
color:#434343;
text-decoration:none;
}

#footer a:visited{
color:#434343;
text-decoration:none;
}

#footer a:hover{
color:#434343;
text-decoration:underline;
}

#footer a:active{
color:#434343;
text-decoration:none;
}

/* =======================================
▼キーイメージ
======================================= */
#keyimg_new{
width:780px;
height:148px;
margin:0 auto 20px auto;
background:url(/material/images/career/keyimg_new.jpg) no-repeat;
}

#keyimg_new h2{
width:350px;
padding:50px 0 0 50px;
font-size:12px;
font-weight:normal;
}

#keyimg_positive{
width:780px;
height:148px;
margin:0 auto 20px auto;
background:url(/material/images/career/keyimg_positive.jpg) no-repeat;
}

#keyimg_positive h2{
width:350px;
padding:50px 0 0 50px;
font-size:12px;
font-weight:normal;
}

#keyimg_program{
width:780px;
height:148px;
margin:0 auto 20px auto;
background:url(/material/images/career/keyimg_program.jpg) no-repeat;
}

#keyimg_program h2{
width:350px;
padding:88px 0 0 50px;
font-size:12px;
font-weight:normal;
}

#keyimg_program_02{
width:780px;
height:148px;
margin:0 auto 20px auto;
background:url(/material/images/career/keyimg_program_cari.jpg) no-repeat;
}

#keyimg_program_02 h2{
width:350px;
padding:88px 0 0 50px;
font-size:12px;
font-weight:normal;
}

/* =======================================
▼左カラム
======================================= */
#left_column{
width:592px;
padding:0 0 0 13px;
float:left;
}

/* 上部ニュース3件
--------------------------------- */
.text_box{
width:590px;
height:20px;
border:solid 1px #CBCBCB;
background:#FFF;
margin:0 0 3px 0;
}

.text_box li{
float:left;
list-style:none;
font-size:0;
height:20px;
margin:0;
}

.text_box p{
font-size:12px;
margin:2px 0 0 0;
}

/* 大見出し
--------------------------------- */
.title{
width:100%;
height:31px;
margin:10px 0 0 0;
background:url(/material/images/common/title_bg.jpg) repeat-x;
}

.title li{
list-style:none;
}

.img{
float:left;
}

.title .btn{
margin:10px 10px 0 0;
float:right;
}

/* 職種で探す
--------------------------------- */
#job_list{
margin:10px 0 0 0;
}

#job_list a:link{
font-size:12px;
color:#FB8200;
}

#job_list a:visited{
font-size:12px;
color:#FB8200;
}

#job_list a:hover{
font-size:12px;
color:#FB8200;
}

#job_list a:active{
font-size:12px;
color:#FB8200;
}

#job_list h3{
font-weight:normal;
font-size:10px;
color:#626262;
}

#job_list li{
width:280px;
height:38px;
float:left;
list-style:none;
padding:8px 0 0 15px;
margin:0 1px 3px 0;
}

#job_list .box_1{
background:url(/material/images/career/job_list_01.gif) no-repeat;
}

#job_list .box_2{
background:url(/material/images/career/job_list_02.gif) no-repeat;
}

#job_list .box_3{
background:url(/material/images/career/job_list_03.gif) no-repeat;
}

#job_list .box_4{
background:url(/material/images/career/job_list_04.gif) no-repeat;
}

#job_list .box_5{
background:url(/material/images/career/job_list_05.gif) no-repeat;
}

#job_list .box_6{
background:url(/material/images/career/job_list_06.gif) no-repeat;
}

#job_list .box_7{
background:url(/material/images/career/job_list_07.gif) no-repeat;
}

#job_list .box_8{
background:url(/material/images/career/job_list_08.gif) no-repeat;
}

#job_list .box_9{
background:url(/material/images/career/job_list_09.gif) no-repeat;
}

#job_list .box_10{
background:url(/material/images/career/job_list_10.gif) no-repeat;
}

#job_list .box_11{
background:url(/material/images/career/job_list_11.gif) no-repeat;
}

#job_list .box_12{
background:url(/material/images/career/job_list_12.gif) no-repeat;
}

/* 中央
--------------------------------- */
#left_column_middle{
width:592px;
}

/* エリアで探す
--------------------------------- */
#area_search{
width:340px;
float:left;
}

#area_search ul{
line-height:0;
}

#left_column_middle_right{
width:245px;
float:right;
}

/* 業種で探す
--------------------------------- */
#industry_search{
width:245px;
}

#industry_search .list{
height:100%;
background:#F9F9F9;
padding:8px;
}

#industry_search .industry{
width:120px;
float:left;
list-style:none;
padding:2px 0 2px 0;
}

#industry_search .industry_s{
width:100px;
float:left;
list-style:none;
padding:2px 0 2px 0;
}

/* フリーワード検索
--------------------------------- */
#free_search{
width:245px;
}

#free_search p{
font-size:10px;
}

#free_search .box{
height:100%;
background:#F9F9F9;
padding:8px;
}

#free_search li{
list-style:none;
}

#free_search .btn{
margin:5px 0 0 173px;
}

/* 簡単検索
--------------------------------- */
#simple_search{
width:245px;
}

#simple_search p{
font-size:10px;
}

#simple_search .box{
height:100%;
background:#F9F9F9;
padding:8px;
}

#simple_search .box li{
list-style:none;
padding:0 0 3px 0;
}

#simple_search select{
width:220px;
}

#simple_search .btn{
margin:0 0 0 173px;
}

/* 下カラム
--------------------------------- */
#left_column_under{
width:592px;
}

/* こだわり検索
--------------------------------- */
#kodawari_search td{
border:solid 0px;
}

#kodawari_search .list{
margin:5px 0 0 0;
background:#A0A0A0;
}

#kodawari_search .list td{
background:#F9F9F9;
}

#kodawari_search th{
background:#E2E2E2;
}

.list_title{
color:#30465B;
font-weight:bold;
}

#kodawari_search .btn{
padding:0 10px 0 0;
}

/* 最新千葉キャリニュース
--------------------------------- */
#career_news .stitle{
width:100%;
height:31px;
margin:10px 0 0 0;
background:url(/material/images/common/stitle_bg.gif) repeat-x;
}

#career_news .text{
font-size:14px;
font-weight:bold;
margin:5px 0 0 10px;
float:left;
}

#career_news .list ul{
margin:0 0 0 15px;
}

#career_news li{
margin:0 0 3px 0;
list-style:none;
}

#career_news .stitle{
float:left;
}

#career_news .stitle .btn{
margin:3px 10px 0 0;
float:right;
}

/* 最新千葉キャリニュース
--------------------------------- */
#event .stitle{
width:100%;
height:31px;
margin:10px 0 0 0;
background:url(/material/images/common/stitle_bg.gif) repeat-x;
}

#event .text{
font-size:14px;
font-weight:bold;
margin:5px 0 0 10px;
float:left;
}

#event .list ul{
margin:0 0 0 15px;
}

#event li{
margin:0 0 3px 0;
list-style:none;
}

#event .stitle{
float:left;
}

#event .stitle .btn{
margin:3px 10px 0 0;
float:right;
}

/* 読み物コンテンツ
--------------------------------- */
#reading{
width:99%;
border:solid 1px #A2A2A2;
margin:20px 0 20px 0;
}

.reading_box{
width:255px;
padding:15px 0 15px 15px;
float:left;
} 

.reading_box_stitle{
width:270px;
font-size:10px;
font-weight:bold;
}

.reading_box_text{
width:270px;
font-size:10px;
}

.reading_box_btn{
width:270px;
}

.reading_box_btn img{
margin:5px 0 0 210px;
}

/* =======================================
▼右カラム
======================================= */
#right_column{
width:189px;
float:right;
}

/* 最終更新日時
--------------------------------- */
#lastmodified{
width:170px;
text-align:left;
color:#00478C;
font-weight:bold;
margin:0 0 5px 0;
}

/* ログイン
--------------------------------- */
#login{
width:182px;
height:132px;
margin:0 0 5px 0;
padding:25px 0 0 0;
background:url(/material/images/common/login_bg.jpg) no-repeat;
}

.login{
width:152px;
height:80px;
background:#FFFFFF;
margin:0 auto 0 auto;
padding:10px;
border-top:solid 1px #0B6A95;
}

#login .btn{
margin:5px 0 5px 120px;
}

#login .bold{
color:#00478C;
font-weight:bold;
}

/* お役立ち情報
--------------- */
#right_column .box{
width:158px;
margin:0 0 10px 0;
padding:10px;
border:solid 1px #A2A2A2;
}

#right_box_01 .title{
width:178px;
height:20px;
background:url(/material/images/career/right_title_01.gif) no-repeat;
}

#right_box_01 ul{
margin:0 0 0 20px;
}

#right_box_01 li{
font-size:10px;
list-style-position:inherit;
list-style:url(/material/images/common/arrow_ico_01.gif);
}

/* 就職・転職 体験談
-------------------- */
#right_box_02 .title{
width:179px;
height:20px;
background:url(/material/images/career/right_title_02.gif) no-repeat;
}

#right_box_02_img{
width:162px;
}

/* 千葉キャリの転職支援サービス
------------------------------- */
#right_box_03 .title{
width:178px;
height:20px;
background:url(/material/images/career/right_title_03.gif) no-repeat;
}

#right_box_03 li{
font-size:11px;
list-style:none;
}

/* 千葉キャリ モバイル版
------------------------ */
#right_box_04 .title{
width:179px;
height:20px;
background:url(/material/images/career/right_title_04.gif) no-repeat;
}

#right_box_04 .img{
width:83px;
margin:0 10px 0 0;
float:left;
}

/* 千葉キャリのセキュリティ
--------------------------- */
#right_column .box_02{
width:158px;
margin:0 0 10px 0;
padding:0 10px 0 10px;
border:solid 1px #A2A2A2;
}

#right_box_05 .title{
width:179px;
height:20px;
background:url(/material/images/career/right_title_05.gif) no-repeat;
}

#right_box_05 .img{
width:53px;
margin:0 10px 0 0;
float:left;
}

/* バナー
----------- */
#right_banner_box p{
font-size:11px;
line-height:100%;
margin:0 0 10px 0;
}

#right_banner_box img{
margin:0 0 10px 0;
}


/* =======================================
▼ログインページ
======================================= */

.login_box{
width:554px;
height:auto;
padding:15px;
margin:0 auto 20px auto;
border:solid 1px #878787;
}

.login_title{
font-size:14px;
font-weight:bold;
color:#007AF0;
}

.login_box .btn{
width:100%;
margin:20px 0 0 0;
text-align:center;
}

.login_text{
width:770px;
margin:10px auto 20px auto;
}


/* =======================================
▼お取り扱いエリアページ
======================================= */
.area_box{
width:777px;
margin:0 auto 20px auto;
border:solid 1px #878787;
}

.area_stitle_area{
width:312px;
height:39px;
padding:7px 0 0 465px;
background:url(/material/images/career/area_title_area.jpg) no-repeat;
}

#area_list dl{
width:757px;
padding:8px 0 8px 20px;
margin:0 auto 20px auto;
background:#F1F1F1;
}

#area_list dt{
font-size:16px;
font-weight:bold;
line-height:120%;
float:left;
}

#area_list dd{
width:560px;
float:right;
line-height:200%;
}


/* =======================================
▼お取り扱い職種ページ
======================================= */
.area_box{
width:777px;
margin:0 auto 20px auto;
border:solid 1px #878787;
}

.area_stitle_job{
width:312px;
height:39px;
padding:7px 0 0 465px;
background:url(/material/images/career/area_title_job.jpg) no-repeat;
}

#area_list dl{
width:757px;
padding:8px 0 8px 20px;
margin:0 auto 20px auto;
background:#F1F1F1;
}

#area_list dt{
font-size:16px;
font-weight:bold;
line-height:120%;
float:left;
}

#area_list dd{
width:560px;
float:right;
line-height:200%;
}

#area_list dd a:link{
color:#4F4F4F;
text-decoration:underline;
}

#area_list dd a:visited{
color:#4F4F4F;
text-decoration:underline;
}

#area_list dd a:hover{
color:#4F4F4F;
text-decoration:none;
}

#area_list dd a:active{
color:#4F4F4F;
text-decoration:none;
}

/* =======================================
▼お取り扱い業種ページ
======================================= */
.area_box{
width:777px;
margin:0 auto 20px auto;
border:solid 1px #878787;
}

.area_stitle_business{
width:312px;
height:39px;
padding:7px 0 0 465px;
background:url(/material/images/career/area_title_business.jpg) no-repeat;
}

#area_list dl{
width:757px;
padding:8px 0 8px 20px;
margin:0 auto 20px auto;
background:#F1F1F1;
}

#area_list dt{
font-size:16px;
font-weight:bold;
line-height:120%;
float:left;
}

#area_list dd{
width:560px;
float:right;
line-height:200%;
}


/* =======================================
▼詳細ページ
======================================= */
#contents_02_top{
width:100%;
margin:0 0 20px 0;
}

.catch{
font-size:16px;
font-weight:bold;
color:#CC0000;
float:left;
padding: 5px
}

.detail_btn{
width:380px;
float:right;
}

.detail_btn li{
margin:0 0 0 10px;
list-style:none;
float:left;
}

.link_list{
width:355px;
text-align:right;
}

.line{
margin:0 auto 15px auto;
height:1px;
background:url(/material/images/common/line_01.gif) repeat-x;
}

#introduction{
margin:0 0 30px 0;
}

#introduction .img_caption{
width:306px;
margin:0 10px 10px 0;
float:left;
}

#introduction .caption{
width:306px;
font-size:10px;
color:#007AF0;
text-align:left;
}

#introduction .text{
width:441px;
float:right;
}

#application{
width:100%;
border:solid 1px #CACACA;
margin:0 0 30px 0;
}

#application .title_application{
height:20px;
margin:0 0 10px 0;
padding:3px 0 0 12px;
color:#FFFFFF;
font-weight:bold;
background:url(/material/images/career/title_application.gif);
}

#application dl{
margin:0 0 0 20px;
}

#application dt{
width:120px;
float:left;
font-weight:bold;
margin:0 0 10px 0;
}

#application dd{
width:600px;
text-align:left;
float:right;
margin:0 0 10px 0;
}

#company_data{
width:100%;
background:#F1F1F1;
margin:0 0 30px 0;
padding:10px 0 0 0;
}

#company_data dl{
margin:0 0 0 20px;
}

#company_data dt{
width:120px;
float:left;
font-weight:bold;
margin:0 0 10px 0;
}

#company_data dd{
width:600px;
text-align:left;
float:right;
margin:0 0 10px 0;
}

#company_img{
margin:0 0 30px 0;
}

#company_img .img_caption{
width:185px;
float:left;
margin:0 20px 0 0;
}

#company_img .caption{
width:185px;
font-size:10px;
text-align:left;
}

#other{
width:100%;
margin:0 0 10px 0;
}

#other .list{
width:755px;
height:30px;
border:solid 1px #CACACA;
float:left;
}

#other li{
margin:0 60px 0 0;
list-style:none;
float:left;
}

#other .text{
margin:8px 40px 0 0;
}

#other .link_list{
width:100px;
float:right;
}

#detail_data_under{
width:300px;
float:left;
}

#detail_data_under li{
list-style:none;
}

#detail_btn_under{
float:right;
}

#detail_btn_under li{
margin:0 0 0 10px;
list-style:none;
float:left;
}

.introduction_left{
width:306px;
float:left;
margin:0 10px 0 0;
}

.introduction_left .caption{
margin:0 0 10px 0;
}

.message_title{
font-size:14px;
font-weight:bold;
color:#CC0000;
}

.title_message{
height:20px;
margin:0 0 10px 0;
padding:3px 0 0 12px;
color:#FFFFFF;
font-weight:bold;
background:url(/material/images/career/title_application.gif);
}

.form_result{
width:780px;
margin:5px auto 5px auto;
}

.form_result table{
background:#C2C2C2;
}

.form_result th{
width:0px;
text-align:left;
vertical-align:top;
background:#ECECEC;
}

.form_result td{
text-align:left;
background:#FFFFFF;
}

.rss_btn{
width:780px;
margin:5px auto 30px auto;
}

.rss_btn ul{
float:left;
}

.rss_btn li{
float:left;
list-style:none;
}

.rss_btn .text{
width:200px;
padding:0 0 0 5px;
}


.rss_btn .btn{
float:right;
}

#positive{
width:778px;
margin:5px auto 30px auto;
border:solid 1px #CACACA;
}

#positive .img_caption{
width:174px;
float:left;
margin:0 0 15px 15px;
}

#positive .caption{
width:174px;
font-size:10px;
}

.title_positive{
margin:0 0 10px 0;
}

.number{
width:778px;
font-weight:bold;
margin:0 auto 15px auto;
}

.number .result{
font-size:14px;
float:left;
}

.number .result .large{
font-size:16px;
}

.number .result .large_b{
font-size:16px;
color:#194CAA;
}

.number .list{
float:right;
}

.result_list{
width:778px;
margin:5px auto 20px auto;
border:solid 1px #CACACA;
}

.title_result_list{
height:20px;
margin:0 0 10px 0;
padding:3px 12px 0 12px;
color:#FFFFFF;
font-weight:bold;
background:url(/material/images/career/title_application.gif);
}

.title_result_list .text{
float:left;
}



.title_result_list .text a:link{
color:#FFFFFF;
text-decoration:underline;
}

.title_result_list .text a:visited{
color:#FFFFFF;
text-decoration:underline;
}

.title_result_list .text a:hover{
color:#FFFFFF;
text-decoration:none;
}

.title_result_list .text a:active{
color:#FFFFFF;
text-decoration:none;
}




.title_result_list .link{
float:right;
}

.title_result_list .link a:link{
color:#FFFFFF;
text-decoration:underline;
}

.title_result_list .link a:visited{
color:#FFFFFF;
text-decoration:underline;
}

.title_result_list .link a:hover{
color:#FFFFFF;
text-decoration:none;
}

.title_result_list .link a:active{
color:#FFFFFF;
text-decoration:none;
}

.result_list .ico{
float:right;
}

.result_list .ico li{
float:left;
margin:0 10px 0 0;
list-style:none;
}

.company_name{
margin:0 0 5px 15px;
}

.result_list .data{
width:750px;
margin:0 auto 0 auto;
}

.result_list .catch{
font-size:14px;
font-weight:bold;
color:#007AF0;
margin:0 0 10px 0;
}

.company_data_list{
width:505px;
background:#F1F1F1;
margin:0 0 10px 0;
padding:10px 0 0 0;
float:left;
}

.company_data_list dl{
margin:0 0 0 10px;
}

.company_data_list dt{
width:67px;
float:left;
font-weight:bold;
margin:0 0 10px 0;
}

.company_data_list dd{
width:408px;
text-align:left;
float:right;
padding:0 0 10px 0;
}

.company_data_img{
width:230px;
float:right;
}

.company_data_img .img_01{
width:230px;
margin:0 0 5px 0;
}

.company_data_img .img_02{
width:112px;
float:left;
}

.company_data_img .img_03{
width:112px;
float:right;
}

.btn_data{
width:254px;
margin:0 auto 10px auto;
}

.btn_message{
list-style:none;
float:left;
}

.btn_detail{
list-style:none;
float:right;
}

/* =======================================
▼送信完了ページ
======================================= */

#complete_form{
width:790px;
height:345px;
margin:0 auto 0 auto;
}

#complete_form .title{
height:20px;
color:#FFFFFF;
font-weight:bold;
padding:3px 0 0 15px;
background:#006BA0;
}

#complete_form .text{
margin:15px 0 0 0;
text-align:center;
}

#complete_form .link{
text-align:center;
}

#complete_form .red_small{
font-size:11px;
color:#CC0000;
font-weight:bold;
}



/* =======================================
▼ ページ利用方法
======================================= */

div.forhowto	{
	padding-bottom:	24px;
}

h2.howtohead	{
	margin:	18px auto 2px;
	width:	779px;
	padding:	0px;
}

div.howtowrap	{
	width:	779px;
	margin:	8px auto 8px;
}

div.howtowrap h3	{
	font-size:	13px;
	color:	#0071ad;
}

div.howtoleft	{
	margin:	4px auto 8px;
	width:	245px;
	float:	left;
	text-align:	center;
	clear:	left;
}

div.howtoright	{
	margin:	4px auto 8px;
	width:	534px;
	float:	left;
	clear:	right;
}

div.howtoright p	{
	margin:	2px 12px 12px 2px;
	line-height:	140%;
}

table.howtoareaexp	{
	margin:	12px auto 8px;
	width:	100%;
	leine-height:	140%;
}

table.howtoareaexp th	{
	background-color:	#f3f3f3;
	padding:	2px 4px;
	vertical-align:	top;
}

table.howtoareaexp td	{
	padding:	2px 8px 8px 4px;
	vertical-align:	top;
}