@charset "UTF-8";

/*------------------------------------------------------------
ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/

*{ letter-spacing: 0; }

html{ overflow-y: scroll; }

body,div,ol,ul,li,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,p,blockquote{
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,var,h1,h2,h3,h4,h5,h6{
	font-style: normal;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6,small{
	font-size: 100%;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }

caption{ text-align: left; }

q{ quotes: none; }

q:before,q:after{
	content: '';
	content: none;
}

a{ text-decoration: none; }

a:hover,
a:active{ outline: 0; }

img{
	border: 0;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

b,strong{ font-weight: bold; }

div{ word-wrap: break-word; }

sub,sup{
	position: relative;
	line-height: 0;
	vertical-align: baseline;
	font-size: 75%;
}
sup{ top: -0.5em; }
sub{ bottom: -0.25em; }

pre,code{
	font-size: 1em;
	font-family: sans-serif;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{ margin: 0; }

button,input,select,textarea,optgroup,option{
	margin: 0;
	font-family: sans-serif;
	font-size: 100%;
	vertical-align: baseline;
}

* html button,
* html input,
* html select,
* html textarea{ vertical-align: middle; } /* IE6 */

*+html button,
*+html input,
*+html select,
*+html textarea{ vertical-align: middle; } /* IE7 */

button,input{ line-height: normal; }

* html button,
* html input{ overflow: visible; } /* IE6 */

*+html button,
*+html input{ overflow: visible; } /* IE7 */

textarea{
	overflow: auto;
	vertical-align: top;
}

input[type="text"],input[type="email"],
input[type="search"],input[type="url"],
input[type="tel"],textarea,select{ padding: 2px; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{ -webkit-appearance: button; }

button::-moz-focus-inner,
input::-moz-focus-inner{
	margin: 0;
	padding: 0;
	border: 0;
}


/*--------------------------------------------------------
レイアウト
-------------------------------------------------------*/

html{ width: 100%; }

body{
	width: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 62.5%;
	font-style: normal;
	line-height: 1.5;
	color: #333;
}

table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}

* html table{ border-collapse: collapse; } /* IE6 */
*+html table{ border-collapse: collapse; } /* IE7 */

hr{
	clear: both;
	height: 1px;
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
	color: #ccc;
	font-size: 1.0em;
	line-height: 1.0em;
}
* html hr{ margin: 0 0 1.2em; } /* IE6 */
*+html hr{ margin: 0 0 1.2em; } /* IE7 */


/*--------------------------------------------------------
1カラムレイアウト
--------------------------------------------------------*/

.col1 #container,
.col1 #top,
.col1 #header,
.col1 #global-nav,
.col1 #main,
.col1 #main-image,
.col1 #footer{
	width: 100%;
	min-width: 900px;
}

.col1 #top-in,
.col1 #header-in,
.col1 #global-nav-in,
.col1 #main-in,
.col1 #main-image-in,
.col1 #footer-in{
	width: 900px;
	margin: auto;
}

.col1 #main-contents{ width: 100%; }


/*--------------------------------------------------------
2カラムレイアウト
--------------------------------------------------------*/

.col2 #container,
.col2 #top,
.col2 #header,
.col2 #global-nav,
.col2 #main,
.col2 #main-image,
.col2 #footer{
	width: 100%;
	min-width: 900px;
}

.col2 #top-in,
.col2 #header-in,
.col2 #global-nav-in,
.col2 #main-in,
.col2 #main-image-in,
.col2 #footer-in{
	width: 900px;
	margin: auto;
}

.col2 #sidebar{ width: 216px; }
.col2 #main-contents{ width: 670px; }

/*コンテンツ配置*/
.col2 #main-contents{ float: left; }
.col2 #sidebar{ float: right; }


/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #00c; }
a:hover,
a:active{ color: #c60; }


/*--------------------------------------------------------
エリアの設定
--------------------------------------------------------*/

#container{ position: relative; }


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top{ 
	border-bottom: 1px solid #6bb448;
	font-size: 1.2em;
}

#top-in{
	padding: 5px 0;
}

#top-in h1{
	float: left;
	margin-right: 10px;
}

#top-desc{ float: right; }

#top-in h1,
#top-desc{
	margin-bottom: 0;
}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
	background-color: #fff;
	font-size: 1.2em;
}

#header-in{
	position: relative;
	padding: 8px 0;
}

/*●ヘッダーロゴ（メインタイトル）*/
#header #header-title{
	
}

#header .header-logo{
	margin-bottom: 0;
	font-size: 3em;
}


#header-in #header-text{
	position: absolute;
	top: 26px;
	left: 291px;
	width: 385px;
	color: #333;
	text-align: right;
	line-height: 1.0;
}

#last-update{ fonbt-size: 0.858em; }
#num-job-offer{
	font-size: 2.834em;
	color: #f6754a;
}

#bnr-to-experience{
	position: absolute;
	top: 7px;
	right: 0;
}

/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav{
	background-color: #6bb448;
}

/*●グローバルメニュー*/
#menu{
	position: relative;
	padding: 3px 0;
	font-size: 1.2em;
}

#global-nav #menu li{
	position: relative;
	float: left;
	margin: 0;
	margin-right: 3px;
	list-style: none;
	font-weight: bold;
}

#global-nav #menu li.first{ padding-left: 1px; } /*一番左のメニューだけに追加指示*/

#global-nav #menu li{ white-space: nowrap; }

/*メニューのデザイン*/
#global-nav #menu li a{
	display: block;
}

#global-nav #menu #gnav-search{
	position: absolute;
	top: 0;
	right: 0;
}

#gnav-search{
	padding-top: 8px;
}

#gnav-search .search{
	width: 140px;
	height: 12px;
	margin-right: 3px;
	padding: 5px 6px 5px 24px;
	border: 0;
	background: url(../img/common/bg-search-hdr.gif) left top no-repeat;
	font-size: 12px;
}

#gnav-search input{
	vertical-align: top;
}

/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main-in{ padding-top: 1.5em; }

#home #main-in{ padding-top: 8px; }

#main-visual{ margin-bottom: 80px; }

/*●パン屑ナビ*/
#breadcrumbs{
	clear: both;
	margin-bottom: 1.5em;
	font-size: 1.2em;
}

#breadcrumbs li{
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;
	text-align: right;
	list-style: none;
}

#breadcrumbs li a{
	padding-right: 15px;
	background: url(../img/icon/icon-brc.gif) center right no-repeat;
}


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{ font-size: 1.4em; }

#main-contents .contents{
	margin-bottom: 3.5em;
	padding: 0 20px;
}

#main-contents .conts{
	margin-bottom: 1.5em;
	padding: 0 15px;
}

#main-contents .conts02{
	margin-bottom: 3em;
}

/*●H2タグ*/
#main-contents h2{
	margin: 0 0 20px;
	padding: 8px 10px 4px;
	border-left: 10px solid #d69a51;
	background-color: #f9f5ec;
	font-size: 1.286em;
	font-weight: bold;
}

#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #333; }

#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #f60; }

#main-contents h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents h2.h-pref{
	padding: 12px 12px 6px 64px;
	background: url(../img/title/bg-h3-pref.gif) left bottom no-repeat #ffd183;
	border: 0;
	font-size: 1.715em;
	color: #470f0b;
}

#main-contents h2.title-experiences{
	margin-bottom: 16px;
	padding: 12px 0 3px 64px;
	background: url(../img/title/bg-h3-experiences.png) left top no-repeat;
	border-left: 0;
	border-bottom: 3px solid #f6b64a;
	font-size: 1.572em;
	color: #470f0b;
}

#main-contents h2.title-job-detail{
	margin-bottom: 16px;
	border: 0;
	padding: 5px 0 15px 68px;
	background: url(../img/title/bg-h2-job-detail.png) left top no-repeat transparent;
	font-size: 1.715em;
	color: #470f0b;
}


/*●H3タグ*/
#main-contents h3{
	margin: 0 0 1.5em;
	padding: 5px 7px 3px;
	border-bottom: 3px solid #f6b64a;
	font-size: 1.143em;
	font-weight: bold;
}

#main-contents h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents  h3.h3-style02{
	margin: 0 0 10px;
	padding: 5px 0 3px;
	font-size: 1.429em;
}

#main-contents h3.h-pref{
	padding: 12px 12px 6px 64px;
	background: url(../img/title/bg-h3-pref.gif) left bottom no-repeat #d69a51;
	border: 0;
	font-size: 1.715em;
	color: #fff;
}

#main-contents h3.h-related{
	margin-bottom: 20px;
	padding: 12px 12px 6px 64px;
	background: url(../img/title/bg-h3-related.png) left bottom no-repeat #ffd183;
	border: 0;
	font-size: 1.572em;
	color: #470f0b;
}

#main-contents h3.h-pickup{
	margin-bottom: 20px;
	padding: 12px 12px 6px 64px;
	background: url(../img/title/bg-h3-pickup.png) left bottom no-repeat #ffd183;
	border: 0;
	font-size: 1.572em;
	color: #470f0b;
}

#main-contents h3.title-search{
	margin-bottom: 0;
	padding: 8px 10px 6px 44px;
	background: url(../img/title/bg-h3-search.png) left top no-repeat #f6754a;
	border: none;
	font-size: 1.286em;
	color: #fff;
}

#main-contents h3.search-criteria{
	margin-bottom: 0;
	padding: 8px 10px 6px 10px;
	background: url(../img/title/bg-h3-search-criteria.png) left top no-repeat #d69a51;
	border: none;
	font-size: 1.143em;
	font-weight: normal;
	color: #fff;
}

#main-contents h3.title-experiences{
	padding: 12px 0 3px 64px;
	background: url(../img/title/bg-h3-experiences.png) left top no-repeat;
	color: #470f0b;
	font-size: 1.572em;
}

#main-contents h3.title-job-report{
	padding: 12px 0 3px 64px;
	background: url(../img/title/bg-h3-job-report.png) left bottom no-repeat;
	color: #470f0b;
	font-size: 1.572em;
}

#main-contents #recent-arrival-list h3.title-recent-arrival-list{
	margin-bottom: 5px;
	padding: 0 0 0 12px;
	border: 0;
	font-size: 1.0em;
	background: url(../img/icon/icon-arrow.gif) left 4px no-repeat;
}

#main-contents #hot-job-list02 h3.title-hot-job-list{
	margin-bottom: 5px;
	padding: 0 0 0 12px;
	border: 0;
	font-size: 1.0em;
	background: url(../img/icon/icon-arrow02.gif) left 4px no-repeat;
}

#main-contents #job-desc-list h3.title-job-desc-list{
	margin-bottom: 5px;
	padding: 0 0 0 12px;
	border: 0;
	font-size: 1.0em;
	background: url(../img/icon/icon-arrow02.gif) left 4px no-repeat;
}

#main-contents .guide-box h3.title-guide-box{
	margin-bottom: 5px;
	padding: 0 0 0 12px;
	border: 0;
	font-size: 1.0em;
	background: url(../img/icon/icon-arrow.gif) left 4px no-repeat;
}

#main-contents #pref-menu-customer h3{
	float: left;
	width: 327px;
	clear: none;
}

#main-contents h3.title-region{
	padding: 9px 0 9px 65px;
	background: url(../img/title/bg-h3-region.png) left 4px no-repeat;
	border: 0;
	color: #470f0b;
	font-size: 1.715em;
}

#main-contents .detailed-exp-title h3{
	margin-bottom: 0;
	padding: 0;
	border: 0;
}


/*●H4タグ*/
#main-contents h4{
	margin: 0 0 10px;
	padding: 3px 9px 2px 15px;
	background: url(../img/title/bg-h4.gif) left center repeat-y #f0efd3;
	border: 2px solid #f0efd3;
	font-weight: bold;
	font-size: 1.286em;
	color: #470f0b;
}

#main-contents h4 a:link,
#main-contents h4 a:visited{ color: #470f0b; }

#main-contents h4 a:hover,
#main-contents h4 a:active{ color: #f60; }

#main-contents h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents h4.customers-voice{
	padding: 5px 10px 4px 47px;
	background: url(../img/title/bg-h4-voice.png) left top no-repeat #ffd183;
}


/*●H5タグ*/
#main-contents h5{
	margin: 0 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 2px solid #414141;
	font-weight: bold;
}

#main-contents h5.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents h5 a:link,
#main-contents h5 a:visited{ color: #333; }

#main-contents h5 a:hover,
#main-contents h5 a:active{ color: #f60; }


/*●段落タグ*/
#main-contents p{ margin-bottom: 1.5em; }


/*●リストタグ*/
#main-contents ul,
#main-contents ol{
	margin: 0 0.8em 1.5em 1.7em;
	padding: 0;
}

#main-contents li{
	margin-bottom: 0.5em;
	line-height: 1.5em;
}


/*●引用タグ*/
#main-contents q{
	margin: 0 2px;
	padding: 0 8px;
	background: #efefef;
}

#main-contents blockquote{
	overflow: auto;
	margin: 0 1em 1.5em;
	padding: 1em;
	border: 3px solid #ddd;
	background: #efefef;
	color: #444;
}


/*●テーブルタグ*/
#main-contents table{
	margin-bottom: 1.5em;
	padding: 0;
	border-top: 1px solid #959595;
	border-left: 1px solid #959595;
}

/*「table」の1行目に「colspan」を利用する場合は「auto」を指定する*/
/*#main-contents table{ table-layout: auto; }*/

#main-contents th,
#main-contents td{
	padding: 0.5em;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

#main-contents th{
	background-color: #f0f0f0;
	text-align: left;
	font-weight: normal;
}


/*●テーブルタグ スタイル01*/
#main-contents .table-style01 th{
	background-color: #f4f4f4;
	border-right: 0;
}

/*●テーブルタグ スタイル02*/
#main-contents .table-style02 th{
	background-color: #fffad9;
	border-right: 0;
}

/*
#main-contents .table-style02 th,
#main-contents .table-style02 td{ font-size: 1.429em; }
*/

/*●テーブルタグ スタイル03*/
#main-contents .table-style03{ border-top: 0; }

#main-contents .table-style03 th{
	width: 100px;
	border-right: 0;
}

#main-contents .table-style03 td{
	padding: 22px 0 22px 22px;
}

#main-contents .table-style03 .freeword{ padding: 15px 0 15px 22px; }

/*●テーブルタグ スタイル04*/
#main-contents .table-style04{ border-top: 0; }

#main-contents .table-style04 th{
	width: 130px;
	border-right: 0;
}


/*●定義タグ スタイル01*/
#main-contents dl.dl-style01{
	margin: 0 0 3.5em;
	padding: 0;
}

#main-contents dl.dl-style01 dt{
	float: left;
	width: 9em;
	margin: 0;
	padding: 0 0 0 1em;
}

#main-contents dl.dl-style01 dd{
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 10em;
	border-bottom: 1px dotted #414141;
}


/*●定義タグ スタイル02*/
#main-contents  dl.dl-style02{
	margin-bottom: 1.2em;
	padding: 0;
	border: 1px solid #777;
	border-top: 0;
	background-color: #ddd;
}

#main-contents dl.dl-style02 dt{
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-weight: bold;
}

#main-contents dl.dl-style02 dd{
	margin: 0;
	padding: 0.8em 1.0em;
	background-color: #fff;
}

#main-contents .link-next{
	text-align: right;
	font-size: 1.143em;
}

#main-contents .link-next a{
	margin-bottom: 25px;
	padding: 0 0 0 12px;
	border: 0;
	font-size: 1.0em;
	background: url(../img/icon/icon-arrow.gif) left 6px no-repeat;
}


/*●ランキング*/
#main-contents .ranking{
	margin: 0 0 25px;
	padding: 0;
}

#main-contents .ranking li{
	margin-bottom: 10px;
	padding: 0;
	padding-left: 33px;
	background: none;
	list-style: none;
	font-weight: normal;
}

#main-contents .ranking li p{ margin-bottom: 10px; }
#main-contents .ranking li.end{ border-bottom: none; }

#main-contents .ranking .no01{ background: url(../img/icon/icon-rank-01.gif) left top no-repeat; }
#main-contents .ranking .no02{ background: url(../img/icon/icon-rank-02.gif) left top no-repeat; }
#main-contents .ranking .no03{ background: url(../img/icon/icon-rank-03.gif) left top no-repeat; }
#main-contents .ranking .no04{ background: url(../img/icon/icon-rank-04.gif) left top no-repeat; }
#main-contents .ranking .no05{ background: url(../img/icon/icon-rank-05.gif) left top no-repeat; }


/*●リストスタイル01*/
#main-contents .list-style01{
	margin: 0 0 25px;
	padding: 0;
}

#main-contents .list-style01 li{
	margin-bottom: 10px;
	padding: 0;
	padding-left: 33px;
	background: url(../img/icon/icon-arrow.gif) 15px 5px no-repeat;
	list-style: none;
	font-weight: normal;
}

/*●トップページ*/

/*全国地図*/
#top-nav{
	position: relative;
	width: 100%;
	height: 270px;
	padding-top: 15px;
}

#map{
	position: absolute;
	top: 0;
	left: -22px;
	width: 427px;
	height: 272px;
	background: url(../img/map/bg-map.png) no-repeat;
}

#map-menu01{
	margin: 0;
	padding: 0;
}

#map-menu01 li{
	position: absolute;
	list-style: none;
}


#map01{
	top: 24px;
	left: 265px;
	width: 99px;
}
#map02{
	top: 86px;
	left: 193px;
	width: 100px;
}

#map03{
	top: 175px;
	left: 345px;
	width: 56px;
}

#map04{
	top: 193px;
	left: 255px;
	width: 56px;
}
#map05{
	top: 193px;
	left: 140px;
	width: 89px;
}

#map06{
	top: 105px;
	left: 95px;
	width: 89px;
}

#map07{
	top: 165px;
	left: 20px;
	width: 88px;
}

#map-menu02{
	margin: 0;
	margin-left: 425px;
	font-size: 1.3em;
}

#map-menu02 dt{
	float: left;
	width: 85px;
}

#map-menu02 dd{
	margin: 0;
	margin-left: 0;
	padding-left: 115px;
}

#map-menu02 ul{
	margin: 0 0 12px;
	padding: 0;
}

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

#map-menu02 li .sep{ padding: 0 3px; }


/*新着求人リスト*/
#main-contents #recent-arrival-list{
	margin: 0 0 40px;
	padding: 0;
}

#main-contents #recent-arrival-list .recent-arrival-list-item{
	margin-bottom: 12px;
	border-bottom: 1px solid #cecece;
	list-style: none;
}

#main-contents #recent-arrival-list .last{
	border-bottom: 0;
}

#main-contents .recent-arrival-list-box{
	float: right;
	width: 560px;
}

#main-contents #recent-arrival-list .thumb-recent-arrival-list{
	float: left;
	width: 100px;
	padding-right: 10px;
}

#main-contents #recent-arrival-list .data-recent-arrival-list{
	margin: 0;
	padding: 0;
}

#main-contents #recent-arrival-list .data-recent-arrival-list li{ list-style: none; }

#main-contents #recent-arrival-list .data-recent-arrival-list,
#main-contents #recent-arrival-list .data-recent-arrival-list li,
#main-contents #recent-arrival-list .desc-recent-arrival-list{ margin-bottom: 0; }


/*注目の職種リスト*/
#main-contents #hot-job-list01{
	margin: 0 0 25px;
	padding: 0 0 0 17px;
}

#main-contents #hot-job-list01 li{
	float: left;
	width: 203px;
	padding: 0 0 0 12px;
	background: url(../img/icon/icon-arrow.gif) left 4px no-repeat;
	list-style: none;
}

#main-contents #hot-job-list02{
	margin: 0 0 40px;
	padding: 0;
}

#main-contents #hot-job-list02 li{
	margin-bottom: 5px;
	padding: 8px;
	background-color: #f4f4f4;
	list-style: none;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}

#main-contents #hot-job-list02 .thumb-hot-job-list{
	float: left;
	width: 70px;
	margin-bottom: 0;
	padding-right: 9px;
}

#main-contents #hot-job-list02 .hot-job-list-box{
	float: right;
	width: 575px;
}

#main-contents #hot-job-list02 .hot-job-list-box p{ margin-bottom: 0; }


/*注目の地域リスト*/
#main-contents #hot-area-list{
	margin: 0 0 10px;
	padding: 0 0 0 17px;
}

#main-contents #hot-area-list li{
	float: left;
	width: 150px;
	padding: 0 0 0 12px;
	background: url(../img/icon/icon-arrow.gif) left 4px no-repeat;
	list-style: none;
}


/*自分に合った仕事*/
#main-contents .exp-list{
	margin: 0 0 70px;
}

#main-contents .exp-list li{
	margin-bottom: 14px;
	padding: 14px;
	background-color: #fffad3;
	list-style: none;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}

#main-contents .exp-list li p{
	margin-bottom: 0;
	font-size: 1.143em;
}

#main-contents .exp-list .thumb-exp-list{
	float: left;
	padding-right: 15px;
}

#main-contents .exp-list .link-exp-list{
	margin-bottom: 20px;
	padding-top: 10px;
}

/*自分に合った仕事（トップページ用）*/
#home #main-contents .exp-list{
	margin-bottom: 15px;
}

#home #main-contents .exp-list li{
	margin-bottom: 6px;
	padding: 8px;
}

#home #main-contents .exp-list li p{ font-size: 1.0em; }

#home #main-contents .exp-list .link-exp-list{
	margin-bottom: 12px;
	padding-top: 0;
}

#main-contents .customers-voice-list li{ list-style: none; }

/*自分に合った仕事（お客様の声用）*/
#main-contents .customers-voice-list{
	margin: 0 0 35px;
}

#main-contents .customers-voice-list .exp-list{
	margin-bottom: 25px;
}

#main-contents .customers-voice-list .exp-list li{
	margin-bottom: 6px;
	padding: 8px;
}

#main-contents .customers-voice-list .exp-list li p{ font-size: 1.0em; }

#main-contents .customers-voice-list .exp-list .link-exp-list{
	margin-bottom: 12px;
	padding-top: 0;
}

#main-contents .customers-voice-list li{ list-style: none; }

/*自分に合った仕事（お客様の声詳細用）*/
#main-contents .customers-voice-box{
	margin: 0 0 35px;
}

#main-contents .customers-voice-box .exp-list{
	margin-bottom: 15px;
}

#main-contents .customers-voice-box .exp-list li{
	margin-bottom: 6px;
	padding: 8px;
	list-style: none;
}

#main-contents .customers-voice-box .exp-list li p{ font-size: 1.0em; }

#main-contents .customers-voice-box .exp-list .link-exp-list{
	margin-bottom: 12px;
	padding-top: 0;
}

/*アルバイトの仕事内容*/
#main-contents #job-desc-list{
	margin: 0 0 40px;
	padding: 0;
}

#main-contents #job-desc-list li{
	margin-bottom: 5px;
	padding: 8px;
	background-color: #f4f4f4;
	list-style: none;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}

#main-contents #job-desc-list .thumb-job-desc-list{
	float: left;
	width: 70px;
	margin-bottom: 0;
	padding-right: 9px;
}

#main-contents #job-desc-list .job-desc-list-box{
	float: right;
	width: 575px;
}

#main-contents #job-desc-list .job-desc-list-box p{ margin-bottom: 0; }


/*お仕事ガイド*/
#guide-box-wrap{
	margin-bottom: 40px;
}

#main-contents .guide-box{
	position: relative;
	float: left;
	width: 214px;
	margin-right: 14px;
	padding-top: 107px;
}

#main-contents .last{
	margin-right: 0;
}

#main-contents .guide-box .thumb-guide-box{
	position: absolute;
	top: 0;
	left: 0;
}

#main-contents .guide-box p{
	font-size: 0.858em;
}

/*すべての地域から求人を検索*/
#pref-list{
	margin-bottom: 80px;
}

#pref-list dt{
	float: left;
	width: 105px;
}

#pref-list dd{
	padding-left: 105px;
}

#pref-list ul{
	margin: 0 0 12px;
	padding: 0;
}

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

#pref-list li .sep{ padding: 0 5px; }


/*●求人一覧ページ*/
#main-contents .g_ads{
	position: relative;
	height: 320px;
	background: url(../img/area/ads.gif) no-repeat 3% 0;
	border: 1px solid #ccc;
}

#main-contents .list-utility-nav{
	padding: 0 .5em;
}

#main-contents .num-job-offer-list-box{
	float: left;
	margin-bottom: 0;
	line-height: 30px;
}

#main-contents .num-job-offer-list{
	margin-right: .25em;
	font-size: 1.715em;
	color: #f6754a;
}

#main-contents .cur-num-job-offer-list{ margin-left: 1.5em; }

#main-contents .btn-sorting-list{
	float: right;
	margin-bottom: 0;
	line-height: 30px;
}

#main-contents .btn-sorting-list select{
	margin-right: 1em;
	margin-left: .5em;
	padding: 4px;
}

#main-contents .btn-sorting-list .sep{
	padding: 0 .5em;
}

/*求人一覧*/
#main-contents .job-list{
	margin: 0;
	padding: 0;
}

#main-contents .job-list li{
	list-style: none;
}

#main-contents .job-list-thumb{
	float: left;
	width: 155px;
}

#main-contents .data-job-list{
	width: 705px;
	float: left;
}

#main-contents .job-list-box{
	margin-bottom: 10px;
}

#main-contents .data-job-list dl{
	margin: 0;
	padding: 0;
}

#main-contents .data-job-list dt{
	float: left;
	width: 66px;
	margin: 0;
	padding: 0 0 0 4px;
	font-size: 1.143em;
}

#main-contents .data-job-list dd{
	margin: 0 0 10px 0;
	padding: 0 10px 10px 70px;
	border-bottom: 1px solid #d5d5d5;
	font-size: 1.429em;
}

#main-contents .data-job-list .desc-job-list{
	margin-bottom: 10px;
	padding: 0 10px 10px 4px;
	border-bottom: 1px solid #d5d5d5;
}

/*ページネーション*/
#main-contents .pager-list{
	position: relative;
	overflow: hidden;
	width: 100%;
}

#main-contents .pager-list ul{
	position: relative;
	left: 50%;
	float: left;
	margin-left: 10px;
}

#main-contents .pager-list li{
	position: relative;
	left: -50%;
	float: left;
	margin-right: 10px;
	list-style: none;
}

#main-contents .pager-list li:last-child{ margin-right: 0; }

#main-contents .pager-list li.cur{
	padding: 3px 10px;
	border: 1px solid #d69a51;
	background-color: #d69a51;
	color: #fff;
	font-weight: bold;
}

#main-contents .pager-list li a{
	display: block;
	padding: 3px 10px;
	border: 1px solid #d69a51;
	text-decoration: none;
}

#main-contents .pager-list li a:link,
#main-contents .pager-list li a:visited{
	background-color: transparent;
	color: #470f0b;
}

#main-contents .pager-list li a:hover,
#main-contents .pager-list li a:active{
	background-color: #d69a51;
	color: #fff;
}

#main-contents .pager-prev a:link,
#main-contents .pager-prev a:visited{
	padding-left: 34px;
	padding-right: 18px;
	background: url(../img/icon/icon-arrow-pager-l_off.gif) left center no-repeat;
}

#main-contents .pager-next a:link,
#main-contents .pager-next a:visited{
	padding-left: 18px;
	padding-right: 34px;
	background: url(../img/icon/icon-arrow-pager-r_off.gif) right center no-repeat;
}

#main-contents .pager-prev a:hover,
#main-contents .pager-prev a:active{
	padding-left: 34px;
	padding-right: 18px;
	background: url(../img/icon/icon-arrow-pager-l_on.gif) left center no-repeat;
}

#main-contents .pager-next a:hover,
#main-contents .pager-next a:active{
	padding-left: 18px;
	padding-right: 34px;
	background: url(../img/icon/icon-arrow-pager-r_on.gif) right center no-repeat;
}

/*●求人詳細ページ*/
.feature-box-single p{
	text-align: center;
}

#main-contents .btn-area-single ul{
	margin: 0 0 15px;
	padding: 0;
	text-align: center;
}

#main-contents .btn-area-single li{
	display: inline;
	list-style: none;
}

/*QRコード*/
.qr-style{
	float: left;
	margin: 0;
}


/*●都道府県ページ*/
/*求人件数*/
.num-job-offer-pref-box{
	width: 785px;
	margin: auto;
	margin-bottom: 20px;
	padding: 12px 0 4px;
	line-height: 50px;
	background: url(../img/common/bg-num-job-offer-pref-box.jpg) center top no-repeat;
	text-align: center;
	font-size: 1.572em;
}

.date-job-offer-pref{
	margin-right: 1em;
	font-size: 0.728em;
}

.num-job-offer-pref{
	font-size: 1.364em;
}

.num-job-offer-pref:link,
.num-job-offer-pref:visited{ color: #f6754a; }
.num-job-offer-pref:hover,
.num-job-offer-pref:active{ color: #c60; }


/*人気求人*/
.popular-job-list{
	position: relative;
	margin-bottom: 35px;
	border: 1px solid #aaa;
}

.popular-job-list .icon-popular-job-list{
	position: absolute;
	top: -16px;
	left: -11px;
}

#main-contents .popular-job-list .title-popular-job-list{
	height: 31px;
	margin-bottom: 15px;
	padding-left: 170px;
	line-height: 31px;
	background-color: #fffad3;
	color: #541500;
	font-size: 1.286em;
	font-weight: bold;
}


/*求人検索*/
#main-contents .city-list,
#main-contents .city-list ul,
#main-contents .job-type-list,
#main-contents .job-feature-list{
	margin: 0;
	padding: 0;
}

#main-contents .city-list li,
#main-contents .job-type-list li,
#main-contents .job-feature-list li{
	margin-bottom: 10px;
	overflow: hidden;
	list-style: none;
	white-space: nowrap;
}

#main-contents .city-list li li{
	float: left;
	width: 180px;
}

#main-contents .job-type-list li,
#main-contents .job-feature-list li{
	float: left;
	width: 240px;
}

#main-contents .freeword-box{ width: 350px; }


/*お仕事レポート*/
#main-contents .job-report-list{
	margin: 0 0 80px;
	padding: 0;
}

#main-contents .job-report-list dt{
	margin: 0 0 15px;
	padding: 0;
	font-size: 1.286em;
	font-weight: bold;
}

#main-contents .job-report-list dt span{ font-size: 0.778em; }

#main-contents .job-report-list dd{
	margin: 0 0 23px;
	padding: 0;
	border-bottom: 1px solid #aaa;
}

#main-contents .job-report-list dd.last{
	margin: 0;
	padding: 0;
	border-bottom: 0;
}


/*隣接する都道府県リスト*/
#main-contents .neibour-pref-list{
	margin: 0 0 80px;
	padding: 0;
}

#main-contents .neibour-pref-list dt{
	float: left;
	display: block;
	width: 180px;
}

#main-contents .neibour-pref-list dd{
	margin: 0;
	padding: 0 0 0 180px;
}

#main-contents .neibour-pref-list ul{
	margin: 0 0 15px;
	padding: 0;
}

#main-contents .neibour-pref-list li{
	float: left;
	width: 6em;
	list-style: none;
}

/*都道府県の求人探し*/
#main-contents .pref-job-list{
	margin: 0 0 80px;
	padding: 0;
}

#main-contents .pref-job-list dt{
	float: left;
	display: block;
	width: 180px;
}

#main-contents .pref-job-list dd{
	margin: 0;
	padding: 0 0 0 180px;
}

#main-contents .pref-job-list ul{
	margin: 0 0 15px;
	padding: 0;
}

#main-contents .pref-job-list li{
	float: left;
	list-style: none;
	white-space: nowrap;
}

#main-contents .pref-job-list li .sep{ padding: 0 .5em; }

/*●お問い合わせフォーム*/
.required,.attn{
	color: #ff3300;
}

.required{
	margin-left: .5em;
	font-size: 0.858em;
}

td input{ margin-right: .5em; }
td label input{
	margin-right: .3em;
	vertical-align: baseline;
}
td label{ margin-right: 1em; }

.box-type01{ width: 230px; }
.box-type02{ width: 310px; }
.box-type03{ width: 590px; }
.box-type04{ width: 590px; }

#main-contents .selected-job{
	margin-bottom: 10px;
	color: #f6754a;
	font-size: 1.143em;
	font-weight: bold;
}

.emp{ font-size: 1.143em; }

.btn-area{
	margin-bottom: 100px;
	padding: 0 40px;
}
.btn-area .btn-back{ float: left; }
.btn-area .btn-submit{ float: right; }

.link-to{
	padding-left: 12px;
	background: url(../img/icon/icon-arrow.gif) left 4px no-repeat;
}

#main-contents .bg-paar{
	padding: 70px 20px;
	background: url(../img/common/bg-paar.gif) 640px 10px no-repeat
}

#main-contents .mail-text{
	font-size: 1.143em;
	font-weight: bold;
}

/*お客様の声*/
.intro-customer{
	min-height: 230px;
	height: auto !important;
	height: 230px;
	margin-bottom: 15px;
	padding: 15px 265px 0 0;
	background: url(../img/customer/bg-intro-customer.jpg) right bottom no-repeat
}

#main-contents #pref-menu-customer{
	height: 175px;
	margin-bottom: 40px;
}

#main-contents #pref-menu-customer dl{
	float: left;
	overflow: hidden;
	width: 505px;
	height: 161px;
	margin: 0;
	padding: 6px 0 6px 27px;
	border: 1px solid #979797;
	border-left: 0;
	font-size: 0.858em;
}



#main-contents #pref-menu-customer dt{
	display: block;
	float: left;
	width: 95px;
}

#main-contents #pref-menu-customer dd{
	margin: 0;
	padding: 0;
}

* html #main-contents #pref-menu-customer dd{ margin-bottom: 5px; }
*+html #main-contents #pref-menu-customer dd{ margin-bottom: 5px; }

#main-contents #pref-menu-customer ul{
	margin: 0;
	padding: 0;
}

#main-contents #pref-menu-customer ul li{
	float: left;
	list-style: none;
}

#main-contents #pref-menu-customer ul li .sep{ margin: 0 .25em; }


/*お客様の声（詳細）*/
#main-contents .detailed-exp-box{
	margin-bottom: 60px;
}

#main-contents .detailed-exp-title{
	margin-bottom: 12px;
	padding: 10px 10px 10px 48px;
	background: url(../img/title/bg-h4-voice.png) 7px 5px no-repeat #ffd183;
}

#main-contents .detailed-exp-title p{
	margin-bottom: 0;
	color: #470f0b;
}

#main-contents .detailed-exp-conts{
	margin-bottom: 40px;
}

#main-contents .link-to-pref{
	text-align: center;
	font-size: 1.572em;
}

#main-contents .link-to-pref a{
	padding-left: 15px;
	background: url(../img/icon/icon-arrow03.gif) left 8px no-repeat;
}

/*職種一覧*/
#main-contents .type-list,
#main-contents .type-list ul{
	margin: 0;
	padding: 0;
}

#main-contents .type-list li{
	margin: ;
	list-style: none;
}

#main-contents .type-list-title{
	margin-bottom: 10px;
	padding-left: 32px;
	line-height: 25px;
	font-size: 1.286em;
}

#main-contents .type-list-box{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cecece;
}

#type-simple-work{ background: url(../img/works/works_icon_factry.gif) left top no-repeat; }
#type-active{ background: url(../img/works/works_icon_active.gif) left top no-repeat; }
#type-office-work{ background: url(../img/works/works_icon_office.gif) left top no-repeat; }
#type-food{ background: url(../img/works/works_icon_foods.gif) left top no-repeat; }
#type-service{ background: url(../img/works/works_icon_service.gif) left top no-repeat; }
#type-sales{ background: url(../img/works/works_icon_dealer.gif) left top no-repeat; }
#type-business{ background: url(../img/works/works_icon_business.gif) left top no-repeat; }
#type-care-staff{ background: url(../img/works/works_icon_medical.gif) left top no-repeat; }
#type-digital{ background: url(../img/works/works_icon_it.gif) left top no-repeat; }
#type-distribution{ background: url(../img/works/works_icon_distribution.gif) left top no-repeat; }
#type-education{ background: url(../img/works/works_icon_education.gif) left top no-repeat; }
#type-event-campaign{ background: url(../img/works/works_icon_event.gif) left top no-repeat; }
#type-civil{ background: url(../img/works/works_icon_building.gif) left top no-repeat; }
#type-other{ background: url(../img/works/works_icon_other.gif) left top no-repeat; }

#main-contents .type-list-box li{
	float: left;
	width: 275px;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 11px;
	background: url(../img/icon/icon-arrow.gif) left 5px no-repeat;
}

/*職種詳細*/
.num-job-offer-type-box{
	width: 785px;
	margin: auto;
	margin-bottom: 20px;
	padding: 12px 0 4px;
	line-height: 50px;
	background: url(../img/common/bg-num-job-offer-pref-box.jpg) center top no-repeat;
	text-align: center;
	font-size: 1.143em;
}

#main-contents .num-job-offer-type-box p{ margin-bottom: 0; }

.date-job-offer-type{
	margin-right: 1em;
	font-size: 0.728em;
}

.num-job-offer-type{
	font-size: 2.143em;
}

.num-job-offer-type:link,
.num-job-offer-type:visited{ color: #f6754a; }
.num-job-offer-type:hover,
.num-job-offer-type:active{ color: #c60; }



/*--------------------------------------------------------
サイドバー
--------------------------------------------------------*/

#sidebar{ font-size: 1.2em; }

#sidebar .side-bnr-list{
	margin: 0;
	padding: 0;
}

#sidebar .side-bnr-list li{
	margin-bottom: 14px;
	list-style: none;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer{
	clear: both;
	padding-top: 30px;
	padding-bottom: 10px;
	background: #6bb449;
	border-top: solid 10px #6bd66a;
	color: #470f0b;
	font-size: 1.2em;
}

#footer a:link,
#footer a:visited{ color: #470f0b; }
#footer a:hover,
#footer a:active{ color: #f10; }

#footer-in li{ list-style: none; }


/*●フッターメニュー*/
#footer .footer-menu{
	overflow: hidden;
	width: 100%;
	padding: 0;
}

#footer .footer-menu ul{
	text-align: center;
}

.footer-menu li{
	display: inline;
	margin-bottom: 5px;
	padding: 0px 0 3px;
	font-weight: bold;
}

.footer-menu li .sep{ margin: 0 1em; }


/*●コピーライト*/
#copyright{
	padding: 15px 0;
	font-size: 1.2em;
	text-align: center;
}

#copyright small{ font-weight: bold }


/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	position: fixed;
	right: 0;
	bottom: 20px;
	z-index: 99;
	width: 182px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 10px;
	padding-left: 42px;
	border: 1px solid #fff;
	border-right: 0;
	text-decoration: none;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
}

.page-top a:link,
.page-top a:visited{
	background: url(../img/common/bg-pagetop.gif) 14px center no-repeat #d59950;
	color: #fff;
}

.page-top a:hover,
.page-top a:active{
	background: url(../img/common/bg-pagetop.gif) 14px center no-repeat #e6c296;
	color: #fff;
}


/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/

#main-contents .sb-box{
	width:100%;
}

#main-contents .sb{
	float: right;
	margin: 0 0 15px;
	padding: 0;
}

#main-contents .sb li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	list-style: none;
}

* html #main-contents .sb li{
	float: left;
	width: 130px;
	list-style: none;
} /* IE6 */

*+html #main-contents .sb li{
	display: inline;
	list-style: none;
} /* IE7 */

#main iframe.twitter-share-button{ width: 100px!important; }


/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
.contents:after,
#main-contents dl.dl-style01:after,
#footer-in:after,
#main-contents .sb-box:after,
.btn-area:after,
.city-list ul:after,
.job-type-list:after,
.job-feature-list:after,
#main-contents .exp-list li:after,
#main-contents .neibour-pref-list ul:after,
#main-contents .pref-job-list ul:after,
#map-menu02:after,
#map-menu02 ul:after,
#recent-arrival-list .recent-arrival-list-item:after,
#main-contents #hot-job-list01:after,
#main-contents #hot-job-list02 li:after,
#main-contents #hot-area-list:after,
#pref-list:after,
#pref-list ul:after,
#main-contents #job-desc-list li:after,
#main-contents .pager-list:after,
#main-contents .job-list-box:after,
#main-contents #pref-menu-customer ul:after,
#main-contents .detailed-exp-conts:after,
#main-contents .type-list-box:after,
#main-contents .conts02:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#top-in,
#header-in,
#global-nav-in #menu,
#main-in,
.contents,
#main-contents dl.dl-style01,
#footer-in,
#main-contents .sb-box,
.btn-area,
.city-list ul,
.job-type-list,
.job-feature-list,
#main-contents .exp-list li,
#main-contents .neibour-pref-list ul,
#main-contents .pref-job-list ul,
#map-menu02,
#map-menu02 ul,
#recent-arrival-list .recent-arrival-list-item,
#main-contents .detailed-exp-conts,
#main-contents #hot-job-list01,
#main-contents #hot-job-list02 li,
#main-contents #hot-area-list,
#pref-list,
#pref-list ul,
#main-contents #job-desc-list li,
#main-contents .pager-list,
#main-contents .job-list-box,
#main-contents #pref-menu-customer ul,
#main-contents .type-list-box,
#main-contents .conts02,
.clearfix{ /zoom : 1; }


/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/