@charset "UTF-8";

/**

 :タイトル "DR8用テーマ";

 :作成日 "2014-04-01";

*/



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

   ★structure.css

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

#header #headerStatus ul.statusList span.number{

	color: #ffe838;

}



#header #globalNav .categoryNavWrap{

	border-top: 3px solid #ff8b14;

}

#header #globalNav .categoryNavWrap3 .inner {

	position: relative;

}

#header #globalNav .categoryNavWrap3 .linkAreaList {

	margin-bottom: 10px;

	margin-left: 20px;

	width: 170px;

}

#header #globalNav .categoryNavWrap3 .linkAreaList li {

	display: inline-block;

	background: none;

}

#header #globalNav .categoryNavWrap3 .linkAreaList li:after {

	content: "|";

	display: inline-block;

	padding-left: 0.3em;

	padding-right: 0.3em;

}

#header #globalNav .categoryNavWrap3 .linkAreaList li:last-child:after {

	display: none;

}

#header #globalNav .categoryNavWrap3 .linkAreaMap {

	position: absolute;

	top: 0;

	left: 220px;

}

#header #globalNav .categoryNavWrap3 .linkAreaMap .headerPlaceMap {

	position: absolute;

	top: 8px;

	left: 10px;

}

#header #globalNav .categoryNavWrap3 .linkAreaMap .headerPlaceMap .map1 { position: absolute; top: 0;     left: 163px; }

#header #globalNav .categoryNavWrap3 .linkAreaMap .headerPlaceMap .map2 { position: absolute; top: 49px;  left: 163px; }

#header #globalNav .categoryNavWrap3 .linkAreaMap .headerPlaceMap .map3 { position: absolute; top: 95px;  left: 163px; }

#header #globalNav .categoryNavWrap3 .linkAreaMap .headerPlaceMap .map4 { position: absolute; top: 73px;  left: 126px; }

#header #globalNav .categoryNavWrap3 .linkAreaMap .headerPlaceMap .map5 { position: absolute; top: 114px; left: 126px; }

#header #globalNav .categoryNavWrap3 .linkAreaMap .headerPlaceMap .map6 { position: absolute; top: 73px;  left: 89px; }

#header #globalNav .categoryNavWrap3 .linkAreaMap .headerPlaceMap .map7 { position: absolute; top: 73px;  left: 47px; }

#header #globalNav .categoryNavWrap3 .linkAreaMap .headerPlaceMap .map8 { position: absolute; top: 118px; left: 47px; }

#header #globalNav .categoryNavWrap3 .linkAreaMap .headerPlaceMap .map9 { position: absolute; top: 73px;  left: 0; }



#header #globalNav .categoryNavWrap5 ul.linkList01.return{

	position: absolute;

	top: 14px;

	left: 170px;

}


#header #globalNav .categoryNavWrap4 ul.linkList01.return{

	position: absolute;

	top: 14px;

	left: 170px;

}


#header #globalNav .categoryNavWrap6 { left: 530px; background-position: 0px -1045px; }





#footer .fotterMiddle .contListWrap{

	float: none;

	display: table-cell;

	vertical-align: top;

}

#footer .fotterMiddle .contListWrap2{

	width: 528px;

}

#footer .fotterMiddle .contListWrap3{

	/*width: 100px;*/

}

#footer .fotterMiddle .contListWrap2 dl.contentList{

	float: left;

	width: 33%;

	line-height: 1.3;

}

#footer .fotterMiddle dl.contentList ul.area{

	margin-left: 0.5em;

}

#footer .fotterMiddle dl.contentList ul.area li{

	display: block;

	margin-bottom: 0.35em;

	padding: 0;

	border-right: none;

	line-height: 1.3;

}



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

   都道府県別特集【DR8独自】

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

#featureSec{

	clear: both;

	/*padding-top: 2em;*/

	background: #fff;

	line-height: 1.75;

	border-top: 1px solid #d6d6d6;

}

#featureSec .innerSec{

	width: 1000px;

	margin: 0 auto;

}

#featureSec .section{

	margin-bottom: 1.5em;

	padding-bottom: 1.15em;

}

#featureSec .section:first-child{

	padding-top: 2em;

	/*border-top: 1px dotted #c9c9c9;*/

	border-bottom: 1px dotted #c9c9c9;

}

#featureSec h3{

	margin-bottom: 0.5em;

	font-size: 116.67%;

	color: #f18d00;

}

#featureSec .list-clWrap{

	font-size: 100%;

	margin-left: 0;

	margin-right: 0;

}

#featureSec .list-clWrap dt{

	font-weight: bold;

}

#featureSec ul.linkList01 li{

	padding-left: 0;

	background: none;

}

#featureSec .list-clWrap .inner{

	width: auto;

}

#featureSec .list-clWrap.list-clWrap-8cl .box{

	width: 86px;	

}

#featureSec .list-clWrap.list-clWrap-3cl .box{

	width: 258px;	

}

#featureSec .list-clWrap.list-clWrap-3cl .box:last-child{

	width: auto;

}

#featureSec .list-clWrap.list-clWrap-3cl .box:last-child ul.linkList01{

	display: inline-block;

	vertical-align: top;

}

#featureSec .list-clWrap.list-clWrap-3cl .box:last-child ul.linkList01{

	margin-right: 1.5em;

}





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

   ★module.css

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

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

   見出し

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

.hdTxt02-01:after{

	background: #ff9d14;

}

.hdTxt02-02{

	border-top: 4px solid #ff9d14;

}

.hdTxt03-02{

	background: #f1efe6;

}

.hdTxt03-02 span{

	border-left: 4px solid #ff9d14;

}

.hdTxt02-03:before{

	background: #ff9d14;

}



/* サイドカラム */

.hdTxtSide02-1{

	border-top: 4px solid #ff9d14;

}

.hdTxtSide02-2{

	border-top: 2px solid #ff9d14;

}

.hdTxtSide03-1{

	background: rgb(255,138,20); /* Old browsers */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,138,20,1)), color-stop(100%,rgba(255,157,20,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(255,138,20,1) 0%,rgba(255,157,20,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(255,138,20,1) 0%,rgba(255,157,20,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(255,138,20,1) 0%,rgba(255,157,20,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(255,138,20,1) 0%,rgba(255,157,20,1) 100%); /* W3C */

}

.hdTxtSide02-2 span.icn.full{

	background: #ef8514;

}

.hdTxtSide02-2 span.icn.part{

	background: #2d8e5b;

}



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

   サイドカラム：ボタンリスト

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

ul.btnSideList01 li a{

	border: 1px solid #ccc;

	background: #fafafa;

}



.sideColumn01#featureSide{

	margin-bottom: 2em !important;

}



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

   サイドカラム：利用者の声【DR8独自】

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

ul.voiceSideList{

	position: relative;

	margin-top: -0.8em;

	margin-bottom: 0.5em;

}

ul.voiceSideList li.voice{

	display: table;

	width: 100%;

	padding: 0.4em 0;

}

ul.voiceSideList li.voice:last-child{

	border-bottom: none;

}

ul.voiceSideList li.voice p.pct,

ul.voiceSideList li.voice .txt{

	display: table-cell;

	vertical-align: top;

}

*:first-child+html ul.voiceSideList li.voice p.pct{

    display: inline;

    zoom: 1;

}/* IE7 */

*:first-child+html ul.voiceSideList li.voice .txt{

    display: inline;

    zoom: 1;

}/* IE7 */

ul.voiceSideList li.voice p.pct{

	width: 65px;

}

ul.voiceSideList li.voice p.pct img{

	border: 2px solid #fff;

}

ul.voiceSideList li.voice .txt{

	width: 180px;

}

ul.voiceSideList li.voice p.category{

	margin-bottom: 0.15em;

	font-weight: bold;

}

ul.voiceSideList li.voice p.ttl{

	margin-bottom: 0;

}







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

   サイドカラム：テーマ別求人特集【DR8独自】

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

ul.featureSideList{

	position: relative;

	margin-top: -2.25em;

	margin-bottom: 0.5em;

	margin: -2.25em -15px 1.5em;

}

ul.featureSideList li.feature{

	display: table;

	width: 100%;

}

ul.featureSideList li.feature:nth-child(odd) p.pct,

ul.featureSideList li.feature:nth-child(odd) .txt{

	background-color: #e9e9e9;	

}

ul.featureSideList li.feature:last-child{

	border-bottom: none;

}

ul.featureSideList li.feature p.pct,

ul.featureSideList li.feature .txt{

	display: table-cell;

	vertical-align: top;

}

*:first-child+html ul.featureSideList li.feature p.pct{

    display: inline;

    zoom: 1;

}/* IE7 */

*:first-child+html ul.featureSideList li.feature .txt{

    display: inline;

    zoom: 1;

}/* IE7 */

ul.featureSideList li.feature p.pct{

	width: 65px;

	padding: 7px 0 7px 15px;

}

ul.featureSideList li.feature p.pct img{

	border: 2px solid #fff;

}

ul.featureSideList li.feature .txt{

	width: 180px;

	padding: 7px 0 7px 0;

	font-weight: bold;

	vertical-align: middle;

	font-size: 116.67%;

}

ul.featureSideList li.feature p.category{

	margin-bottom: 0.15em;

	font-weight: bold;

}

ul.featureSideList li.feature p.ttl{

	margin-bottom: 0;

}





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

   特徴アイコン

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

ul.pointList li.category{

	background: #2d8e5b;

	border-color: #2d8e5b;

}

ul.pointList li.category.part{

	background: #ef8514;

	border-color: #ef8514;

}





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

   ★jquery.bxslider.css

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







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

   ★jquery.modal.css

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

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

   モーダルウィンドウ内デザイン・アイテム（※フォーム選択肢）

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

.detailItemWrap div.detailItemSec {

	background: #dfdccd !important;

}

.detailItemInner h5 label{

	background: #f3f2ed;

}

.detailItemInner h5 span{

	background: #f3f2ed;

}




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

   ★search.css

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

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

   【検索インデックス】

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

#searchIndex{

	border: 3px solid #e2d177;

}

#searchIndex ul.btnConfirmList{

	 background: #dfdccd;

}

#searchIndex p.resultNumber{

	color: #333;

}

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

   【詳細検索】さらに詳細条件を追加する

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

#searchDetail{

	background: #dfdccd;	

}

#searchDetail .clBox{

	background: #fefefd;	

}

#searchDetail .clBox1{

	background-color: transparent;

}

#searchDetail .clBox#dayTime .clBox:last-child{

	border-left: 6px solid #dfdccd;	

}



#searchDetail .itemListWrap{

	border-top: 1px solid #e0dccc;	

}

#searchDetail .itemListWrap .itemCat label{

	background: #e8e6db;

}



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

   【詳細検索】さらに詳細条件を追加する

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

#searchDetail #otherCondition{

	border: 1px solid #f5f5f0;

	background: #e5e2d6;

}

#searchDetail #otherCondition h2{

	color: #333;

}

#searchDetail #otherCondition .itemListWrap .itemCat{

	border-right: 1px solid #e0dccc;

}

#searchDetail p.resultNumber{

	color: #333;

}



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

   【詳細検索】希望勤務地/通勤時間

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

#searchDetail .cover,

#searchDetail .cover2{

	background: rgba(72, 64, 25, 0.41);

}

#searchDetail .areaBox{

	background: #fefefd;

}

#searchDetail .commute .vehicle li {

	background: #fbaf62;

}

#searchDetail .commute .vehicle li:last-child {

	background: none;

}

#searchDetail .commute .vehicle input[type="radio"]:checked + label img {

	background: #FEE1B8;;

}



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

   【詳細検索】勤務日を選ぶ ※DR8独自

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

#calendarBox{

	margin-bottom: 5px;

	padding-bottom: 2em !important;

}

#calendarBox .calenderWrap{

	position: relative;

	padding-top: 1em;

	border-top: 1px solid #d0dccc;

	letter-spacing: 0.34em;

	text-align: center;

}

#calendarBox .calender{

	display: inline-block;

	width: 246px;

	margin: 0 7px;

	letter-spacing: normal;

}

#calendarBox .calender h3{

	margin-bottom: 0.4em;

	padding: 0;

	color: #385d8f;

	font-size: 116.67%;

	background: #e8e6db;

	line-height: 1.5;

}



#calendarBox .calender table.table_calender01{

	width: 100%;

	border-collapse: collapse;

	border-spacing: 0;

	empty-cells: show;

}

#calendarBox .calender table.table_calender01 p{

	margin: 0;

}

#calendarBox .calender table.table_calender01 th,

#calendarBox .calender table.table_calender01 td{

	border: 1px solid #c9c9c9;

	text-align: center;

	vertical-align: middle;

	font-weight: bold;

}

#calendarBox .calender table.table_calender01 th{

	padding: 0.1em 0;

	background-color: #f4f4f3;

}

#calendarBox .calender table.table_calender01 th.holiday{

	color: #dd0909;

}

#calendarBox .calender table.table_calender01 th.last{

	color: #66a2df;

}

#calendarBox .calender table.table_calender01 td{

	padding: 0;

	font-size: 116.67%;

	color: #385d8f;

}

#calendarBox .calender table.table_calender01 input[type="checkbox"]{

	display: none;

}

#calendarBox .calender table.table_calender01 input[type="checkbox"] + label{

	display: block;

	background: #fff;

	padding: 0.25em 0;

	cursor: pointer;

}

#calendarBox .calender table.table_calender01 div.none{

	padding: 0.25em 0;

	color: #a8a7a7;

	background: #e4e4e4;

}

#calendarBox .calender table.table_calender01 input[type="checkbox"]:checked + label{

	background: #ffde91;

}

#calendarBox ul.stepNav{

	position: absolute;

	top: 50%;

	left: 0px;

	margin-top: -13px;

	width: 100%;

	letter-spacing: normal;

	font-weight: bold;

}

#calendarBox ul.stepNav li a{

	display: block;

}

#calendarBox ul.stepNav li.next{

	position: absolute;

	right: 0px;

}

#calendarBox ul.stepNav li.next a{

	padding-right: 20px;

	line-height: 27px;

	background: url(../img/icn_btn-calendar-next.png) no-repeat right center;

}

#calendarBox ul.stepNav li.back{

	position: absolute;

	left: 0px;

}

#calendarBox ul.stepNav li.back a{

	padding-left: 20px;

	line-height: 27px;

	background: url(../img/icn_btn-calendar-back.png) no-repeat left center;

}



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

   【詳細結果】検索条件・絞り込み検索

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

#searchCondition{

	border: 3px solid #dfdccd;

	background: #dfdccd;

}



/* 「メールで受け取る」 */

p.btnMailmag a{

	border: 1px solid #fbaf62;

}



/* 絞り込み検索 */

#searchCondition #detailSearch{

	color: #333;

}

#searchCondition #detailSearch p.clBoxBtn a{

	background-color: #fefefd;

}

#searchCondition #detailSearch p.clBoxBtn a:hover{

	background-color: #f7f6ed;

}

#searchCondition #detailSearch .freeword{

	background-color: #fefefd;

}

#searchCondition #detailSearch #calendarBox{

	margin-bottom: 1em;

	padding: 10px 15px 0;

	background-color: #fefefd;

}

#searchCondition #detailSearch #calendarBox .hdTxt{

	padding-bottom: 0.65em;

	font-size: 116.67%;	

}

#searchCondition #detailSearch #calendarBox .hdTxt span{

	display: inline-block;

	vertical-align: middle;

	letter-spacing: normal;

}

#searchCondition #detailSearch #calendarBox .hdTxt span.icn{

	width: 55px;

	text-align: center;

}



/* タブ切り替え */

#searchCondition #detailSearch ul.tab li{

	border: 1px solid #dfdccd;

	border-bottom: none;

	color: #385d8f;

}

#searchCondition #detailSearch ul.tab li.active{

	background: #dfdccd;

	color: #333;

}

#searchCondition #detailSearch ul.tab li.active:before{

	border-top: 3px solid #e2d177;

}



/* 検索・開閉ボタン */

#searchCondition ul.btnConfirmList a{

	color: #304f89;

}

#searchCondition ul.btnConfirmList li p.resultNumber{

	color: #333;

}



/* 希望勤務地を選ぶ */

#searchCondition #areaWrap .cover{

	background: rgba(72, 64, 25, 0.41);

}

#searchCondition #areaWrap .clBox-3cl .cover{

	background: rgba(72, 64, 25, 0.41);

}

#searchCondition #areaWrap .clBox-3cl{

	background-color: #fefefd;

}

#searchCondition #areaWrap .commute .vehicle li {

	background: #fbaf62;

}

#searchCondition #areaWrap .commute .vehicle li:last-child {

	background: none;

}

#searchCondition #areaWrap .commute .vehicle input[type="radio"]:checked + label img {

	background: #FEE1B8;;

}



#searchCondition #selectItems1_4,

#searchCondition #selectItems2_4{

	width: 320px;	

}

#searchCondition #selectItems1_5,

#searchCondition #selectItems2_5{

	width: 450px;	

}



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

   【詳細結果】件数・ページャー・ソート

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

/* ページャー */

.resultInfo ul.stepNav01 li a,

.resultInfo ul.stepNav01 li span{

	border: 1px solid #ccc;

}

.resultInfo ul.stepNav01 li a:hover{

	background-color: #FEE1B8;

}



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

   【詳細結果】検索結果一覧

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

.resultBlock{

	background: #f6f4ec;

}

.resultBlock:after{

	background: #ff9d14;

}



/* 見出し・求人コード */

.resultBlock .heading{

	border-bottom: 4px solid #dad9d4;

}

.resultBlock .heading p.code{

	color: #646262;

}



/*関連求人 */

.resultBlock dl.relatedRecruit dt,

.resultBlock dl.relatedRecruit dd{

	background: #fbfaf6;

}



/*ボタン類 */

.resultBlock ul.btnList li.clip a{

	border: 1px solid #ccc;

	background: #fbfaf6;

}



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

   【求人詳細】見出し・ナビゲーション（.resultBlock アレンジ）

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

.resultBlock #recruitPageNav li a{

	border: 1px solid #ccc;

}

.resultBlock #recruitPageNav li a:hover{

	background-color: #fdfadf !important;

}

.resultBlock #recruitPageNav li.clip a{

	background: #fbfaf6;

}



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

   【求人詳細】基本情報

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

#basicInfo{

	border-top: 4px solid #f1efe6;

}



/* 基本情報 */

#basicInfo table.detailTable01 th,

#basicInfo table.detailTable01 td{

	border: 1px solid #dcdcdc;

	font-size: 110%;

	background: #fff;

}

#basicInfo table.detailTable01 th{

	background-color: #f4f4f4;

}





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

   【求人詳細】問い合わせボタンブロック

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

.registRecruit{

	background: #f1efe6;

}

.registRecruit:after{

	border-top: 3px solid #e2d177;

}

.registRecruit ul.btnList li.clip a{

	background: #f8f7f3;

	border: 1px solid #ccc;

}



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

   【求人詳細】この求人のお問い合わせ

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

#contact .contactInner{

	background: #918372;

}

#contact .contactInner:after{

	border-top: 3px solid #e2d177;

}

#contact .heading .aboutLogin{

	color: #fff;

}

#contact table.formTable th,

#contact table.formTable td{

	border: 1px solid #918372;

	background: #fff;

}



/*基本情報 */

.resultBlock table.detailTable01 .dateInfo{

	width: 100%;

	display: table;

}

.resultBlock table.detailTable01 .txt{

	display: table-cell;

	padding-right: 0.6em;

}

.resultBlock table.detailTable01 .otherDate{

	display: table-cell;

	text-align: right;

	white-space: nowrap;

}