
@charset "utf-8";

/*トップページのみ-------------------------------*/
#content {
margin:0 29px 0 0;
width:581px;
}
* html #content {
margin:0 20px 0 0;
width:545px;
}

#side img {
vertical-align:baseline;
}

#bhome h1 {
height:70px;
left:28px;
position:absolute;
top:10px;
width:219px;
}

h2.home_h2_1, 
h2.home_h2_2,
h2.home_h2_3,
h2.home_h2_4,
h2.home_h2_5{
width:250px !important;
padding:2px 0 5px 32px;
color:#494639 !important;
font-weight:normal !important;
font-size:100%;
}
h2.home_h2_1 {
background:url(../parts/home_h2_ehime2.gif) no-repeat 8px 0px;
}
h2.home_h2_1 strong {
color:#e4817d;
}
h2.home_h2_2{
background:url(../parts/home_h2_ehime1.gif) no-repeat 8px 0px;
}
h2.home_h2_2 strong {
color:#f79429;
}
h2.home_h2_3 {
background:url(../parts/home_h2_kagawa.gif) no-repeat 8px 0px;
}
h2.home_h2_3 strong  {
color:#6cca6b;
}
h2.home_h2_4  {
background:url(../parts/home_h2_kochi.gif) no-repeat 8px 0px;
}
h2.home_h2_4 strong  {
color:#edc31a;
}
h2.home_h2_5  {
background:url(../parts/home_h2_tokushima.gif) no-repeat 8px 0px;
}
h2.home_h2_5 strong  {
color:#7fb4e7;
}

.topjob .ehime1info dt,
.topjob .ehime2info dt,
.topjob .kagawainfo dt,
.topjob .kochiinfo dt,
.topjob .tokushimainfo dt {
width:5.5em;
float:left;
padding:2px 0 0 16px;
background-position:left 5px;
}

.topjob .ehime1info dd,
.topjob .ehime2info dd,
.topjob .kagawainfo dd,
.topjob .kochiinfo dd,
.topjob .tokushimainfo dd {
width:440px;
float:left;
margin-bottom:0;
}
.topjob .ehime1info dd a,
.topjob .ehime2info dd a,
.topjob .kagawainfo dd a,
.topjob .kochiinfo dd a,
.topjob .tokushimainfo dd a {
width:auto;
}

table.topjob {
width:860px;
margin-top:29px;
margin-left:-2px;
_margin-left:8px;
background:url(../parts/bg_topjob.jpg) no-repeat left top;
}
.topjob td{
padding:5px 0;
background:url(../parts/bg_topjob.jpg) no-repeat left bottom;
}

.topjob td img {
margin:4px 0 0 0;
}

.topjob td dd td {
padding:0;
background:none;
}

#bhome div.shokushu {
width:840px;
background:transparent url(../parts/bg_footer_shokushu.gif) repeat scroll 0 0;
font-size:x-small;
margin-top:12px;
margin-left:18px;
padding:15px 10px;
}
#bhome div.shokushu h2 {
float:left;
margin:0 45px 0 0;
_margin-right:20px;
width:80px;
}
#bhome div.shokushu p {
line-height:2;
}
#bhome div.f_area h2 {
width:auto;
}

/*トップページ-------------------------------*/
/*Flash*/
.topflash {
overflow:visible;
width:880px;
position:relative; left:-10px;
}
* html .topflash { /*IE6*/
position:relative; left:0px;
}
.topbnr {
width:880px;
position:relative; left:-5px;
}
* html .topbnr {
position:relative; left:0px;
}

.topbnr img {
vertical-align:top;
margin-left:5px;
}

/*エリア別トップページ-------------------------------*/
/*共通*/
.bnrs img {
margin-bottom:5px;
}
#content .bnrs {
margin-bottom:12px;
}
#side .bnrs {
margin-top:16px;
}

/*タブ切り替えメニュー*/
#content ul.changetab {
width:569px;
height:40px;
display:block;
margin:0;
padding:0 0 0 10px;
position:relative;
border-left:1px solid #c3c5b2;
border-right:1px solid #c3c5b2;
border-bottom:1px solid #c3c5b2;
background:url(../areaparts/bg_tabmenu1.gif) repeat-x left bottom;
}

#content ul.changetab li {
float:left;
display:block;
margin:0 5px 0 0;
padding:0;
position:relative; top:7px;
text-align:center;
border-bottom:1px solid #c3c5b2;
}
* html #content ul.changetab li { /*IE6*/
position:relative; top:5px;
}
*+html #content ul.changetab li { /*IE7*/
position:relative; top:5px;
}
#content ul.changetab li#tabItem04 {
margin-right:0;
}

#content ul.changetab li a {
width:7em;
padding-top:0.6em;
padding-bottom:0.5em;
border:1px solid #d9d9d9;
border-bottom:none;
display:block;
background-color:#f2f2f2;
}
#content ul.changetab li#tabItem04 a {
width:8em;
}

#content ul.changetab li.thistab {
margin-bottom:-0.4em;
border-bottom:1px solid #FFFFFF;
background-color:#FFFFFF;
}

#content ul.changetab li.thistab a {
font-weight:bold;
padding-bottom:0.5em;
text-decoration:none;
background-color:#FFFFFF;
}

.hakeninfo,
.calendar {
clear:both;
width:581px;
padding:0 0 60px 0;
background:url(../areaparts/bg_information.gif) no-repeat left bottom;
}

.hakeninfo .this,
.hakeninfo .other{
padding: 0px 0px 0px 0px;
}
.hakeninfo .this p,
.hakeninfo .other p{
text-align: center;
}

.this {
display: block;
margin-bottom:-5px;
}
.other{
display: none;
}

.hakeninfo dl {
width:520px;
margin:0 0 0 30px;
padding:15px 0 0 0;
}
.hakeninfo dl dt {
float:left;
width:100px;
}
.hakeninfo dl dd {
width:420px;
margin-left:110px;
}
* html .hakeninfo dl dd {
margin-top:-1.5em;
}
*+html .hakeninfo dl dd {
margin-top:-1.5em;
}
/*各県アイコン表示*/
.ehime1info dl dt {
background:url(../areaparts/icon_ehime1.gif) no-repeat left 2px;
padding:0 0 0 20px;
}
.ehime2info dl dt {
background:url(../areaparts/icon_ehime2.gif) no-repeat left 2px;
padding:0 0 0 20px;
}
.kagawainfo dl dt {
background:url(../areaparts/icon_kagawa.gif) no-repeat left 2px;
padding:0 0 0 20px;
}
.kochiinfo dl dt {
background:url(../areaparts/icon_kochi.gif) no-repeat left 2px;
padding:0 0 0 20px;
}
.tokushimainfo dl dt {
background:url(../areaparts/icon_tokushima.gif) no-repeat left 2px;
padding:0 0 0 20px;
}
/*RSS*/
.rss {
width:49px;
height:16px;
float:right;
margin:-26px 0 0 0;
position:relative; right:15px;
}
* html .rss { /*IE6*/
position:relative; right:-23px;
}
.rss img {
vertical-align:top !important;
}

/*カレンダー*/
.calendar {
clear:both;
width:555px;
padding:0 15px 70px 20px;
}
.calendar-container {
font-size:60%;
}
#calendarTitle {
display:none;
}


/*新着お仕事情報*/
.jobinfo {
position:relative;
clear:both;
width:561px;
padding:0 10px 30px 10px;
background:url(../areaparts/bg_information2.gif) no-repeat left bottom;
}
* html .jobinfo { /*IE6*/
padding:0 10px 0px 10px;
}
*+html .jobinfo { /*IE7*/
padding:0 10px 0px 10px;
}

.jobinfo dt {
width:100px;
}
.jobinfo dd img {
vartical-align:baseline;
}



/*もっと見る*/
.jobinfomore {
position:absolute;
top:-28px;
right:14px;
}
/*紹介予定派遣とは*/
.shokai {
width:9em;
padding:0 0 0 18px;
float:right;
position:relative; top:0px;
background:url(../areaparts/icon_hatena.gif) no-repeat left 2px;
font-size:86%;
}

.new {
color:#ff8787;
font-weight:bold;
}

#side {
margin-top:-16px;
}

/*お仕事検索*/
.jobsearch {
background:url(../areaparts/bg_side.gif) no-repeat left bottom;
padding:0 0 5px 0;
margin:0 0 20px 0;
font-size:86%;
}
.moresearch {
text-decoration:underline;
cursor:pointer; 
text-align:center;
font-size:105%;
padding:4px 0;
}
#contents2{
display:none;
margin-bottom:5px;
}

.jobsearch .genre {
width:227px;
margin:1px 0 0 3px;
padding:3px 3px 3px 9px;
background-color:#f2f3eb;
}
.jobsearch input {
margin:0 5px 0 0;
}
* html .jobsearch input {
margin:0 2px 0 0;
}
*+html .jobsearch input {
margin:0 2px 0 0;
}
.jobsearch .searchbtn {
margin:3px 0 0 19px;
}


/*拠点案内*/
h3.office {
height:41px;
background:url(../areaparts/h3_office.gif) no-repeat left top;
line-height:0 !important;
}
h3.office a {
display:block;
width:90px;
height:30px;
position:relative; left:155px; top:5px;
}
.officebox {
background:url(../areaparts/bg_side.gif) no-repeat left bottom;
padding-bottom:15px;
margin-bottom:20px;
}
.officebox .officetel {
background:url(../areaparts/bg_officetel.gif) no-repeat left top;
padding:0 0 0 20px;
}
.officebox img {
margin:0 0 5px 12px;
}
.officebox p.fsofiice {
font-size:80%;
}
.officebox p {
margin:0 5px 5px 12px;
line-height:1.4em;
}
.officebox p.fsofiice strong {
font-size:120% !important;
}

/*見だし*/
h1,h2,h3 {
width:581px;
margin:0;
padding:0;
background-image:none;
}
h1 img,
h2 img {
vertical-align:top;
}
h3 {
margin-top:15px;
width:248px;
}
h3.office {
text-indent:-9999em;
}
h4 {
margin:5px 0 0.3em 0;
}
* html h4 { /*IE6*/
font-size:90%;
}
*+html h4 { /*IE7*/
font-size:90%;
}

.jobsearch h4 {
font-size:105%;
margin-left:-7px;
padding:3px 2px;
background-color:#ddded5;
}

.jobsearch .ehime h4 {
height:2.3em;
}
* html .jobsearch .ehime h4 {
height:2.5em;
}
*+html .jobsearch .ehime h4 {
height:2.5em;
}

.jobsearch .checkall {
float:right;
margin:-1.8em 0 0 0;
padding:0 10px 0 0;
}
* html .jobsearch .checkall {
margin:-2.0em 0 0 0;
}
*+html .jobsearch .checkall {
margin:-2.0em 0 0 0;
}
.jobsearch .ehime .checkall {
margin:-3em 0 0 0;
}
* html .jobsearch .ehime .checkall {
margin:-3.3em 0 0 0;
}
*+html .jobsearch .ehime .checkall {
margin:-3.2em 0 0 0;
}


.jobsearch .genre table {
width:100%;
clear:both;
}
.jobsearch .genre table td {
width:50%;
}
.jobsearch .genre span {
line-height:0.9;
}
.jobsearch .genre span.fs {
font-size:100% !important;
}
* html .jobsearch .ehime span { /*IE6*/
display:block;
margin-top:0px;
}
*+html .jobsearch .ehime span { /*IE7*/
display:block;
margin-top:0px;
}

h1.areah1 {
margin:0 0 14px 0;
}
/*愛媛県南予*/
.officebox .strehime1 strong {
color:#f98100;
}

/*愛媛県中予*/
.officebox .strehime2 strong {
color:#e57e7b;
}

/*香川県*/
.officebox .strkagawa strong {
color:#82d081;
}

/*徳島県*/
.officebox .strtokushima strong {
color:#7ea5cb;
}

/*高知県*/
.officebox .strkochi strong {
	color:#EDC31A;
}

/*新着求人*/
.shinchakuwork img {
margin-right:0.5em;
}

