@charset "utf-8";

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


/*　ホーム
----------------------------------------------------------------*/
/*　main　*/
#bblog #main #companybox{width:601px;}
#bblog #main #companybox .ehime,
#bblog #main #companybox .kagawa,
#bblog #main #companybox .kochi,
#bblog #main #companybox .tokushima{
padding-bottom:40px;
line-height:1.4;
width:601px;
}
#bblog #main #companybox h2 {
background:url(../chumoku/parts/blog_h2_bg.gif) repeat-x left top;
border-bottom:1px solid #bec2b3;
font-size:110%;
color:#44423f;
padding:6px;
margin-bottom:6px;
}
#bblog #main #companybox .ehime h2{border-top:4px solid #a72e2e;}
#bblog #main #companybox .ehime dd {background-image:url(../chumoku/parts/ehime_icon.gif);}
#bblog #main #companybox .kagawa h2{border-top:4px solid #1f671c}
#bblog #main #companybox .kagawa dd {background-image:url(../chumoku/parts/kagawa_icon.gif);}
#bblog #main #companybox .kochi h2{border-top:4px solid #c97e09;}
#bblog #main #companybox .kochi dd {background-image:url(../chumoku/parts/kochi_icon.gif);}
#bblog #main #companybox .tokushima h2{border-top:4px solid #163d7f;}
#bblog #main #companybox .tokushima dd {background-image:url(../chumoku/parts/tokushima_icon.gif);}
#bblog #main #companybox img{
float:left;
margin:0 !important;
}
#bblog #main #companybox dl {
display:inline;
float:left;
width:300px;
height:55px;
padding:16px 0 0 0;
}
* html #bblog #main #companybox dl {
margin:0 0 -20px 0 !important;
}
/*#bblog #main #companybox dl.no{margin:0 !important;}*/
#bblog #main #companybox dd{
font-size:105%;
background-position:0 3px;
background-repeat:no-repeat;
margin-left:82px;
padding-left:18px;
}
#bblog #main #companybox dd span{
color:#f00;
font-size:90%;
font-weight:bold;
}


#syokai_b a:hover img
{
opacity:0.8;
filter: alpha(opacity=85);
-ms-filter: "alpha( opacity=85 )";
background: #fff;
}


/*--------------------------------------------------------------*/




/*　注目企業（企業ページ詳細）
----------------------------------------------------------------*/
#barticle h2{
background:url(../chumoku/parts/article_h2_bg.gif) no-repeat;
height:40px;
color:#fff;
font-size:130%;
padding:38px 0 0 18px !important;
margin-bottom:28px;
}
#barticle #detail{margin-bottom:32px;}
#barticle #detail th{padding:0 20px; width:286px;}
#barticle #detail h3{
background:url(../chumoku/parts/article_icon.gif) no-repeat left 1px;
padding-left:16px;
font-size:100%;
margin-top:14px;
}
#barticle #detail p{padding-left:16px;}
#barticle #detail ul{
list-style-type:disc;
margin:0 0 0 32px;}


#barticle .works{ margin-bottom:12px;}
#barticle .works th,
#barticle .works td{
border-top:1px solid #c4c4c4;
padding:12px 34px;
}
#barticle #companybox #left1,
#barticle #companybox #left2,
#barticle #companybox #right1,
#barticle #companybox #right2{
background-color:#eaeee4;
margin-top:8px;
}
#barticle #companybox #left1 td,
#barticle #companybox #left2 td,
#barticle #companybox #right1 td,
#barticle #companybox #right2 td{
vertical-align:top;
padding:12px;
}
#barticle #companybox #left1 img,
#barticle #companybox #left2 img{margin-right:-12px;}
#barticle #companybox #right1 img,
#barticle #companybox #right2 img{margin-left:-12px;}
#barticle #companybox h4{
font-size:100%;
padding-bottom:3px;
margin-bottom:3px;
}
#barticle #companybox #left1 h4{
color:#254a74;
border-bottom:1px solid #778294;
}
#barticle #companybox #left2 h4{
color:#10660e;
border-bottom:1px solid #8bae8a;
}
#barticle #companybox #right1 h4{
color:#254a74;
border-bottom:1px solid #778294;
}
#barticle #companybox #right2 h4{
color:#10660e;
border-bottom:1px solid #8bae8a;
}
#barticle .listback{
padding:2px 0 2px 22px;
background:url(../chumoku/parts/article_backicon.gif) no-repeat 6px 2px #f0f0f0;
margin-top:26px;
}
/*--------------------------------------------------------------*/



/*雇用経済市況
----------------------------------------------------------------*/

/*ブログ記事（企業ページ詳細）*/
#bshikyo #companybox{width:601px;}
#bshikyo #companybox .ehime,
#bshikyo #companybox .kagawa,
#bshikyo #companybox .kochi{margin-bottom:40px;}
#bshikyo #companybox h2,
#bshikyo #contents h2{
background:url(../chumoku/parts/blog_h2_bg.gif) repeat-x left top;
border-bottom:1px solid #bec2b3;
font-size:110%;
color:#44423f;
padding:6px;
margin-bottom:22px;
position:relative;
}
#bshikyo #companybox h2 span,
#bshikyo #contents h2 span{
font-size:80%;
font-weight:normal;
color:#4e5d76;
position:absolute;
right:8px;
top:8px;
}
#bshikyo .ehime h2{border-top:4px solid #a72e2e;}
#bshikyo .kagawa h2{border-top:4px solid #1f671c}
#bshikyo .kochi h2{border-top:4px solid #c97e09;}
#bshikyo .tokushima h2{border-top:4px solid #163d7f;}
#bshikyo #companybox div img{padding:0 16px;}
#bshikyo #companybox div .past{
text-align:right;
margin-top:20px;
}
#bshikyo #hlink{
padding:2px 0;
background-color:#f0f0f0;
margin:4px 0 28px 0;
}
#bshikyo #hlink span{
background:url(../chumoku/parts/article_backicon.gif) no-repeat left -1px;
padding-left:18px;
margin-right:2em;
}

#bshikyo #contents #farea{
padding:2px 0 2px 0;
background-color:#f0f0f0;
margin-top:28px;
}
#bshikyo #farea span{
background:url(../chumoku/parts/article_backicon.gif) no-repeat left -1px;
padding-left:18px;
margin-right:2em;
}

#bshikyo #contents{width:601px;}
#bshikyo #contents h2.ehime{border-top:4px solid #a72e2e;}
#bshikyo #contents h2.kagawa{border-top:4px solid #1f671c}
#bshikyo #contents h2.kochi{border-top:4px solid #c97e09;}
#bshikyo #contents h2.tokushima{border-top:4px solid #163d7f;}
#bshikyo #contents img{padding:0 16px;margin-bottom:32px;}

#bshikyo #repo{width:601px;}
#bshikyo #repo p{
font-size:100%;
font-weight:bold;
padding:8px 8px 8px 32px;
background:url(../shikyo/parts/shikyo_arrow02.gif) 8px center no-repeat;
position:relative;
}
#bshikyo #repo p span{
font-size:80%;
font-weight:normal;
color:#4e5d76;
position:absolute;
right:8px;
top:8px;
}
#bshikyo #repo .color{background:url(../shikyo/parts/shikyo_arrow01.gif) 8px center no-repeat #e6e7de;}
/*--------------------------------------------------------------*/




/*今、注目の資格、職種
----------------------------------------------------------------*/

/*メインページ*/
#bshokushu h1{
padding:0 !important;
margin-bottom:20px;
}
#bshokushu #contents{width:601px;}
#bshokushu #contents h2{
background:url(../shokushu/parts/shokushu_h3_bg.gif) repeat-x left top #fff;
border-top:4px solid #37434e;
border-bottom:1px solid #bec2b3;
font-size:110%;
color:#4e5d76;
padding:6px;
margin-bottom:20px;
position:relative;
}
#bshokushu #contents h2 span{
font-size:80%;
font-weight:normal;
color:#4e5d76;
position:absolute;
right:8px;
top:8px;
}
#bshokushu #contents p{
color:#42443f;
padding:0 8px 0 12px;
}
#bshokushu #contents .right{
color:#4e5d76;
padding:0 0 0 0;
margin:18px 8px 36px 0;
}
#bshokushu #contents .pagelist{
text-align:center;
padding:0 0 1px 0;
margin-top:-10px;
}
#bshokushu #contents .pagelist span{
background-color:#eaece3;
border:1px solid #c5c6b7;
padding:2px 5px;
margin:0 4px;
}

/*個別ページ*/
#bshokushu #return{
padding:2px 0;
background-color:#f0f0f0;
margin:-16px 0 0 0;
}
#bshokushu #return span{
background:url(../chumoku/parts/article_backicon.gif) no-repeat left -1px;
padding-left:18px;
margin-right:2em;
}
#bshokushu .frontrear{margin:20px 0 4px 0;}
#bshokushu .frontrear .left{text-align:left}
#bshokushu .frontrear .right{ text-align:right;}
/*-------------------------*/



/*四国の経済指標
----------------------------------------------------------------*/

#bshihyo #list h2 {
	background:url(../shihyo/parts/h2_bg.gif) repeat-x left top;
	border-top:5px solid #37434E;
	border-bottom:1px solid #BEC2B3;
	color:#42443F;
	font-size:115%;
	margin:38px 0 14px 0;
	padding:8px 0 6px 6px;
}

#bshihyo #list table,
#bshihyo #list th,
#bshihyo #list td {
	border: solid #9C9CBA;
}

#bshihyo #list table {
	width:580px;
	border-collapse:collapse;
	border-spacing: 0;
	border-width:1px;
	margin:0 10px;
}

#bshihyo #list th,
#bshihyo #list td {
	font:100% normal;
	border-width:1px;
	padding:5px;
	line-height:120%;
	text-align:right;
	margin: 0;
}

#bshihyo #list th{
	background-color:#e6f3d3;
	text-align: center;
	vertical-align: middle;
}

#bshihyo #list td.c{
	text-align:center;
}
#bshihyo #list p{
text-align:right;
font-size:81%;
margin:0 10px 0 0;
}
/*-------------------------*/



/*コンテンツまとめページ
----------------------------------------------------------------*/

#bguide #body{margin-bottom:0;}

#bguide #main {
float:none;
background-color:#ebecf4;
width:823px;
margin:0;
padding:15px 18px;
}
#bguide #main table td{
background:url(../guide/parts/box_bottom.gif) no-repeat left bottom;
padding-bottom:25px;
}
#bguide #main div{
width:243px;
background:url(../guide/parts/box_bg.gif) repeat-y left top;
position:relative;
padding:0 28px 5px 130px;
margin-bottom:5px;
line-height:1.3;
}
#bguide #main div.mr{
width:250px;
margin-right:7px;
}
#bguide #main div p{
margin-bottom:7px;
}
#bguide #main div p.right{
margin-top:2px;
margin-bottom:0;
font-size:86%;
}
#bguide #main div ul{
margin:0;
padding:0;
font-size:86%;
}
#bguide #main div li{
background:url(../parts/icon_info.gif) no-repeat scroll left 2px transparent;
padding:0 0 0 14px;
margin-top:2px;
line-height:1.2;
}
#bguide #main div li span{
font-size:105%;
line-height:1.5;
}
#bguide #main div li span.red {
font-size:100%;
line-height:1.2;
}
#bguide #main div img {
position:absolute; top:0px; left:14px; 
}
#bguide #main div .rss{
position:absolute;
left:50px;
top:76px;
}

/*経済市況だけ適用*/
#bguide #main .low li{
float:left;
width:2em;
margin-top:0;
margin-right:1em;
}
#bguide #main .low .rss{
top:38px;
}

/*四国4県へリンク*/
#bguide .farea {
width:600px;
margin:40px 0 40px 130px;
}


/*-------------------------*/


/*四国転職netのこだわり
----------------------------------------------------------------*/
#kodawari h2 {
padding-top:20px;
padding-bottom:10px;
}

#kodawari p {
margin-left:6px;
}
#kodawari .shinrai_txt {
margin-left:228px;
}
#kodawari .shinrai_txt p {
margin-left:0;
}

#kodawari .consal_txt {
	margin-right:220px;
}

.tokutyo_top {
background: url(../about/parts/toku_t.jpg) no-repeat;
height:60px;
width:601px;
}
.tokutyo_bottom {
background:url(../about/parts/toku_b.jpg) no-repeat;
height:15px;
width:601px;
}
.tokutyo_middle {
background:url(../about/parts/toku_m.jpg) repeat-y;
padding:5px 33px 0px 27px;
}
.tokutyo_middle p {
padding:5px 0px 0px 37px;
}
.tokutyo {
padding-top:30px;
padding-bottom:0px;
}


/*　コンサルタント紹介
----------------------------------------------------------------*/

#bconsul #title {
width:601px;
height:98px;
margin-bottom:15px;
}
#bconsul #profile {
width:601px;
min-height:244px;
height: auto !important;
height: 244px;
margin-bottom:15px;
}
#bconsul #profile .prftxt {
float:left;
width:373px;
}
#bconsul #profile .txt {
margin:12px 0 12px 5px;
}
#bconsul #profile .motto {
min-height:40px;
height: auto !important;
height: 40px;
padding:30px 0 0 92px;
background:url(../consultant/parts/motto.gif) no-repeat 17px 0;
font-size:90%;
}
#bconsul #profile .motto strong { font-size:120%; }
#bconsul #profile .prfphoto {
float:right;
width:213px;
}
#bconsul .subtitle {
margin-bottom:8px;
}
#bconsul .subtxt {
margin-left:5px;
margin-right:5px;
}

#bconsul .office {
margin:15px 0 20px 0;
}
#bconsul .office h3{
background:url(../about/parts/system1_h3bg.gif) no-repeat scroll left top transparent;
font-size:110%;
padding:8px 0 0 6px;
height:22px;
*padding:6px 0 0 6px; /*IE*/
*height:24px; /*IE*/
margin-top:23px;
margin-bottom:12px;
}
#bconsul .office table {
margin-left:5px;
width:320px;
}
#bconsul .office th {
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
border-right:1px dotted #A1B5A7;
color:#5C5C5C;
font-weight:normal;
padding:3px 10px 0;
text-align:left;
vertical-align:top;
line-height:1.2;
}
#bconsul .office td {
border-bottom:1px solid #CCCCCC;
color:#5C5C5C;
margin:0;
padding:3px 10px;
line-height:1.2;
}
#bconsul .office .btop {
border-top:1px solid #CCCCCC;
}
#bconsul .office .right  {
float:right;
margin-left:10px !important;
}


#bconsul #bmenu {
width:581px;
height:191px;
padding-top:10px;
margin-left:10px;
}
#bconsul #bmenu li {
display:block;
float:left;
}
#bconsul #bmenu li a {
display:block;
background:url(../consultant/parts/consul_menu_off.jpg) no-repeat;
width:183px;
height:89px;
text-indent:-9999em;
overflow:hidden;
}
#bconsul #bmenu li a:hover {
background:url(../consultant/parts/consul_menu_on.jpg) no-repeat;
}
#bconsul #bmenu li a.this {
background:url(../consultant/parts/consul_menu_this.jpg) no-repeat;
}

#bconsul #bmenu li#consul_nishino a {
background-position: 0 -10px;
margin-right:16px;
margin-bottom:5px;
}
#bconsul #bmenu li#consul_saito a {
background-position: -199px -10px;
margin-right:16px;
margin-bottom:5px;
}
#bconsul #bmenu li#consul_wada a {
background-position: -398px -10px;
margin-bottom:5px;
}
#bconsul #bmenu li#consul_kawasaki a {
background-position: 0 -122px;
margin-right:16px;
}
#bconsul #bmenu li#consul_harada a {
background-position: -199px -122px;
margin-right:16px;
}
/*#bconsul #bmenu li#consul_harada a {
background-position: -398px -122px;
}*/

#bconsul #bmenu li#consul_nishino a:hover {
background-position: 0 -10px;
}
#bconsul #bmenu li#consul_saito a:hover {
background-position: -199px -10px;
}
#bconsul #bmenu li#consul_wada a:hover {
background-position: -398px -10px;
}
#bconsul #bmenu li#consul_kawasaki a:hover {
background-position: 0 -122px;
}
#bconsul #bmenu li#consul_harada a:hover {
background-position: -199px -122px;
}
/*#bconsul #bmenu li#consul_harada a:hover {
background-position: -398px -122px;
}*/

#bconsul #side .sodankai{
margin:12px 0;
padding-bottom:4px;
border:1px solid #f17d15;
}


#bconsul .c_waku{
	width:580px;
	background-color:#CCC;
	padding:10px;
	margin-bottom:100px;
}

#bconsul .c_shirowaku{
	background-color:#ffffff;
	padding:5px 0 5px 6px;
}



/*　転職Ｑ＆Ａ
----------------------------------------------------------------*/
#main h1.qa {
margin:1px 0 0 0;
}

#main #qalist {
width:601px;
}
#main #qalist ul {
margin:15px 0 50px 25px;
padding:0;
}
#main #qalist ul li {
background:url(../qa/parts/q_img.gif) no-repeat left center;
padding:5px 0 5px 34px;
font-size:115%;
margin-bottom:5px;
}

#main .qabox {
width:601px;
background:url(../qa/parts/qa_bg.gif) no-repeat bottom;
margin-top:20px;
margin-bottom:20px;
}
#main .qabox h2 {
background:url(../qa/parts/h2_qbg.gif) no-repeat;
height:38px;
margin:0;
padding:18px 0 0 60px;
color:#4d0406;
font-size:115%;
}
#main .qabox h2 .qgreen {
font-size:20px;
color:#679d20 !important;
}
#main .qabox .ansbox .ans {
padding:15px 0 0 13px;
}
#main .qabox .ansbox p {
padding:10px 15px 15px 17px;
color:#42443f;
}



/*　転職支援サービスお申し込み
----------------------------------------------------------------*/
.mr12 {margin-right:12px;}
.mt15 {margin-top:15px;}

#bcol1 #main #nagare {margin-top:25px;}
#bcol1 #main #nagare p {text-align:right;
margin:4px 8px 0 0;}
#bcol1 #ent h2 {
background:url(../pre/parts/h2_bg.gif) top left repeat-x;
height:35px;
margin:30px 0 10px 0;
font-size:110%;
color:#42443f;
padding:10px 0 0 6px;
}
#main #newsinfobox dt,#main #newsbox dt,

#main #searchbox {
position:relative;
}
#main #searchbox .btnsearch {
position:absolute;
left:415px;
top:0;
z-index:100;
}

/*　お申込みからの流れ
----------------------------------------------------------------*/
.mb40 { margin-bottom:40px; }
.mt1 { margin-top:1em; }

#main .subnv { margin-left:39px; }

#main #step {
margin:20px 0 15px 0;
width:601px;
}
#main #step table td.stepbg {
background:url(../about/parts/nagare_stepbg.gif) right top no-repeat;
padding:15px 20px 10px 13px;
}
#main #step table td h2 {
margin:0;
padding:0;
}
#main #step table td img {
vertical-align:top !important;
margin-bottom:5px;
}


/*　四国転職netとは
----------------------------------------------------------------*/
.orange {color:#f16608; font-weight:bold;}



/*　人材紹介システムのご案内
----------------------------------------------------------------*/
#bsystem1 #main #sys1 h2 {
background:url(../about/parts/system1_h3bg.gif) top left no-repeat;
font-size:110%;
padding:8px 0 0 6px;
height:22px;
*padding:6px 0 0 6px; /*IE*/
*height:24px; /*IE*/
margin-top:23px;
margin-bottom:8px;
}

#sys1 p {
margin:5px 10px 0.8em 5px;
}
#sys1 .tyu {
font-size:smaller;
margin:10px 15px 0 5px;
padding:0;
}
#sys1 .tyu p {
margin:0;
padding:0;
}
#merit {
margin:10px 10px 10px 5px;
}
#merit p.ora {
color:#8CC63F;
font-size:105%;
font-weight:bold;
padding:0;
margin:0 0 0 21px;
text-indent:-21px;
}
#merit img.sya {
float:right;
margin:5px 0 15px 10px;
}
#merit p {
margin-left:20px;
}
#sys1 p.syo {
text-align:right;
margin:0 20px 15px 0;
}


/*新着情報*/

#shinchaku dd {
margin-bottom:1em;
margin-left:0;
}

*html #shinchaku dd a {
text-indent:-0.2em;
}

/*　世界一日本位置
----------------------------------------------------------------*/
.button {
text-align:center;
margin-bottom: 2em;
width: 420px;
/width: 430px;
width: 430px\9;
margin:auto;
} 

.mixi {
width:77px;
float:left;
}

.hateb {
width:80px;
float:left;
}

.tw {
width:125px;
float:left;
}

.face {
width:130px;
width:140px\9;
float:left;
}