@charset "UTF-8";
/* 求人・求職 向けCSS
---------------------------------------------------------------------- */

/* base
----------------------------------------- */
#jobSearch h2 {
margin-bottom: 0.5em;
padding-top: 0.5em;
padding-bottom: 0.5em;
display: block;
background: #003893;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color: #ffffff;
font-weight: bold;
text-align: center;
}

#jobSearch .caption {
margin-bottom: 2em;
padding-top: 0.5em;
padding-bottom: 0.5em;
display: block;
background: #9cd4ff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
font-weight: bold;
text-align: center;
}

#jobSearch .area_wrap {
margin: 0 auto;
position: relative;
}
#jobSearch .area_map {
display: inline-block;
}
#jobSearch .area_map area {
outline: none;
}
#jobSearch .area_map li  span {
display: none;
}
#jobSearch .area_list li {
list-style-type: none;
}
#jobSearch .area_list li a {
margin-bottom: 0.5em;
padding-top: 0.2em;
padding-bottom: 0.2em;
display: block;
line-height: 2;
text-align: center;
background: #ffffff;
border: 1px solid #005ead;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#jobSearch .area_list li a:hover {
background: #fbebe2;
text-decoration: none;
}
#jobSearch .area_list span {
display: none;
}
#jobSearch .area_list .all a:hover span {
display: block;
position: absolute;
top: 0;
left: 0;
}
#jobSearch .area_list .tokushima a:hover span {
display: block;
position: absolute;
top: 0;
left: 0;
}
#jobSearch .area_list .north a:hover span {
display: block;
position: absolute;
top: 0;
left: 0;
}
#jobSearch .area_list .west a:hover span {
display: block;
position: absolute;
top: 0;
left: 0;
}
#jobSearch .area_list .south a:hover span {
display: block;
position: absolute;
top: 0;
left: 0;
}
img[usemap] {
max-width: 100%;
height: auto;
}
#breadCrumbs {
margin-bottom: 1em;
}


/* page / search area
----------------------------------------- */
.searchArea {
}
.searchArea .wrap {
border-bottom: 1px solid #a1a7bc;
}
.searchArea .widget-area {
margin-bottom: 2em;
}
.searchArea > h2 {
margin-top: 1em;
margin-bottom: 1em;
border-bottom: 3px double #bcac2d;
}
.searchArea .widget-area .widget h2 {
margin-bottom: 1em;
padding-left: 1em;
background: rgba(255,226,0,0.3);
border-left: 10px solid #ffe200;
font-size: 20px;
}
.searchArea .widget-area .widget a {
color: #000000;
}
.searchArea .widget-area .widget .depth-1 > li {
margin-bottom: 0.5em;
}
.searchArea .widget-area .widget .depth-1 > li > a {
padding-left: 1em;
display: block;
position: relative;
line-height: 2;
font-weight: bold;
}
.searchArea .widget-area .widget .depth-1 > li a:hover {
background: rgba(255,226,0,0.3);
text-decoration: none;
}
.searchArea .widget-area .widget .depth-1 > li > a::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0.7em;
height: 2em;
background: #bcac2d;
}
.searchArea .widget-area .widget .depth-2 {
margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 1em;
}
.searchArea .widget-area .widget .depth-2 li {
margin-right: 2em;
margin-bottom: 1em;
display: inline-block;
}
.searchArea .widget-area .widget .depth-2 li a {
padding: 0.5em;
}
.searchArea #jobSearch .wrap {
padding-top: 0.5em;
background: rgba(156,212,255,1);
border-bottom: 0;
}
.searchArea #jobSearch .area_list {
padding: 1em;
width: 100%;
}

/* list
----------------------------------------- */
.postList {
margin-bottom: 4em;
border-bottom: 1px solid #a1a7bc;
}
table.jobList {
margin-bottom: 2em;
width: 100%;
}
table.jobList h3 {
margin-top: 1em!important;
border-bottom: 0;
text-align: left;
}
.jobList ul.jobCate li {
padding-top: 0.3em;
padding-bottom: 0.3em;
text-align: center;
}
.jobList ul.jobCate li:first-of-type {
background: rgba(212,69,57,1);
color: #ffffff;
font-weight: bold;
letter-spacing: 2pt;
}
table.jobList thead th {
background: #ffe200;
}
table.jobList tbody th {
padding: 1em;
font-weight: bold;
text-align: left;
background: rgba(255,226,0,0.3);
}
table.jobList td {
padding: 1em;
}
.jobMore {
margin-bottom: 4em;
width: 100%;
}
.jobMore a {
margin-right: auto;
margin-left: auto;
padding: 0.5em;
display: block;
width: 80%;
color: #000000;
background: rgba(255,226,0,0.3);
border: 1px solid #bcac2d;
text-align: center;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
.jobMore a:hover {
text-decoration: none;
background: rgba(255,226,0,1);
}

/* sideCol
----------------------------------------- */
#sideCol #jobSearch .area_map {
margin-bottom: 0.5em;
width: 100%;
}
#sideCol #jobSearch ul.area_list {
width: 100%;
}
#sideCol #jobSearch .area_list li a {
margin: 0;
padding: 0;
line-height: 1.5;
border: 0;
text-align: left;
}
#jobSearch .area_list li a:hover {
text-decoration: underline;
background: none;
}


/* end */
/* ===========================================

PC向け表示設定
 
============================================== */
@media only screen and (min-width: 960px){	


/* -------------------------------------------
base
============================================== */
#jobSearch .area_list {
display: inline-block;
width: 58%;
vertical-align: top;
}
#jobSearch .area_wrap {
text-align: left;
width: 350px;
}
#jobSearch .area_map {
width: 350px;
}
#jobSearch .area_map area {
width: 70%;
}
#jobSearch .area_list li span img {
width: 350px;
}


/* -------------------------------------------
page / search area
============================================== */
.searchArea > h2 {
margin-right: auto;
margin-left: auto;
width:960px;
}
.searchArea > .wrap {
margin-right: auto;
margin-left: auto;
width:960px;
}
.searchArea .widget-area {
display: table;
width: 100%;
}
.searchArea .widget-area .widget {
width: 50%;
display: table-cell;
}
.searchArea .widget-area .widget:first-of-type {
padding-right: 0.5em;
}
.searchArea .widget-area .widget:last-of-type {
padding-left: 0.5em;
border-left: 1px solid #a1a7bc;
}


/* -------------------------------------------
list
============================================== */
.dateWrap > table.jobList tbody th {
width: 30%;
}
.dateWrap > table.jobList,
.dateWrap > table.jobList tbody th,
.dateWrap > table.jobList td {
border: 1px solid #bcac2d;
}
.dateWrap > .jobList thead th {
padding-top: 0.3em;
padding-bottom: 0.5em;
padding-left: 1em;
}
.dateWrap > .jobList thead h3 {
padding-left: 1em;
display: table-cell;
}
.dateWrap > .jobList ul.jobCate {
display: table-cell;
}
.dateWrap > .jobList ul.jobCate li {
width: 8em;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}




}/* end */
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

PC以外向け表示設定

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
@media only screen and (max-width: 959px){

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
base
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
.jobPage #contentsCap > .wrap {
width: 96%;
}
#jobSearch .area_map {
margin-bottom: 1em;
}
#jobSearch .area {
text-align: center;
}
#jobSearch .area_list {
display:block;
}
#jobSearch .area_wrap {
display: inline-block;
min-width: 350px;
}
.postList {
border-bottom: 0;
}



/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
page / search area
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
.searchArea {
margin-right: auto;
margin-left: auto;
width: 96%;
}
table.jobList {
border: 0;
}
table.jobList thead th {
border: 1px solid #bcac2d;
}
table.jobList tbody tr {
border-bottom: 1px solid #bcac2d;
}
table.jobList tbody th {
display: block;
border-bottom: 1px solid #bcac2d;
}
table.jobList tbody td {
display: block;
}




}/* end */