@charset "utf-8";
/*****************************************
	app.css
	基本スタイルを上書きするデザイン用css
	テーマ：デフォルトテーマ(default)
******************************************/

/*******************************
 画面：全体
*******************************/

/* テキストリンク */
a:link, a:active
{
	color: #0063a4  !important;
	text-decoration: none !important;
}

a:visited {
	color: #0063a4 !important;
	text-decoration: none !important;
}

a:hover {
	color: #0063a4 !important;
	text-decoration: underline !important;
}

/* ブラウザで範囲選択した際の反転色 */
::-moz-selection{
	background: #0a246a !important;
	color:#ffffff !important;
}
::selection {
	background: #a67b33 !important;
	color:#ffffff !important;
}

/* フォントサイズ */
div.fontSizeObj
{
	position:absolute;
	right:0px;
	top:3px;
}
#fontSizeSelect
{
	margin:3px 5px;
}
#fontSizeSelect li
{
	float:right;
	width:42px;
	height:20px;
}
#fontSizeSelect li.title
{
	width:70px;
	height:20px;
}

#fontSizeSelect li           {
	background:url(../images/btnFontSize.png) no-repeat;
}
#fontSizeSelect li.title {
	background-position: 0px 0px; width:60px;
}
#fontSizeSelect .fontMiddle {
	background-position: -64px 0px; width:42px;
	cursor:pointer;
}
body.fontM #fontSizeSelect .fontMiddle {
	background-position: -64px -25px;
}
#fontSizeSelect .fontMiddle.hover {
	background-position: -64px -50px;
}
#fontSizeSelect .fontLarge       {
	background-position: -106px 0px; width:42px;
	cursor:pointer;
}
body.fontL #fontSizeSelect .fontLarge {
	background-position: -106px -25px;
}
#fontSizeSelect .fontLarge.hover {
	background-position: -106px -50px;
}

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

/* 固定ヘッダ色 */
#header .content div.regular
{
	background-color:#ffffff;
	color:#000000;
}

/* 固定ヘッダ ロゴ開始位置 */
#header .content div.regular div.logo
{
	padding-top:10px;
	padding-left:10px;
}

/* 固定ヘッダ フリーメッセージ位置 */
#header .content div.regular .note
{
	bottom:5px;
	right:10px;
}

/*******************************
 フッター
*******************************/
#footer .content .regular
{
	/* 固定フッタ */
	height:100px;
}

/* 固定フッタ 色 */
#footer .content .regular
{
	color: #ffffff  !important;
	background-color:#363636  !important;
	text-decoration: none  !important;
}

#footer .content .regular a:link,#footer .content .regular a:active
{
	color: #ffffff  !important;
	text-decoration: none  !important;
}

#footer .content .regular a:visited {
	color: #ffffff  !important;
	text-decoration: none  !important;
}

#footer .content .regular a:hover {
	color: #ffffff  !important;
	text-decoration: none  !important;
}

/********************************************
 画面：採用トップページ
********************************************/

/* フリーワード検索フォームのデザイン */
#mainContent div.freeWordObj
{
	border:solid 1px #cccccc  !important;
	background-color:#FFF5D9  !important;
}
/********************************************
 画面：検索トップページ
********************************************/

/* 検索条件の枠1 */
#mainContent div.searchObj div.searchbox
{
	border: solid 1px #303030 !important;
}

/* 検索条件の枠2 */
#mainContent div.searchObj div.searchbox
{
	background-color: #FCFCFC !important;
}

/* 検索条件の枠3 */
#mainContent div.searchObj div.searchbox p.lead,
#mainContent div.searchObj div.searchbox div.lead
{
	border: solid 1px #D98282 !important;
}
#mainContent div.searchObj div.searchbox div.form
{
	border: solid 1px #D98282 !important;
}

/* サブタイトル色 */
#mainContent div.searchObj div.searchbox div.form strong
{
	color: #AD6B1F  !important;
}
#mainContent div.searchObj div.searchbox div.lead strong
{
	color: #AD6B1F !important;
}

/* エリアから探すプルダウン */
#mainContent div.searchObj div.searchbox div.form select
{
	border: solid 1px #000000 !important;
	padding:3px !important;
}

/* エリアから探す プルダウン選択部 背景 */
#mainContent div.searchObj div.searchbox div.form
{
	background-color: #FFF5D9  !important;
}

/* エリアから探す 説明部 背景 */
#mainContent div.searchObj div.searchbox p.lead,
#mainContent div.searchObj div.searchbox div.lead
{
	background-color: #ffffff  !important;
}
/********************************************
 画面：採用トップページ・検索トップページ
 上記画面で共通のサイドコンテンツ関連
********************************************/
/* サイドコンテンツ QRコード部 */
#sideContent div.mobileObj
{
	border:1px #cccccc solid  !important;
	background-color:ffffff  !important;
}
/* サイドコンテンツ */
#sideContent div.sideBox
{
	border:1px #cccccc solid  !important;
	background-color:ffffff  !important;
}

/********************************************
 画面：一覧
********************************************/
/* 検索結果 タイトル */
h1.list
{
	border-left: solid 6px #FF6600  !important;
}
#listContent div.searchpanelObj div.tablebox table td b strong {
	/* 検索条件 選択中 背景色 */
	background:#FFF5D9 !important;
}
#listContent div.searchpanelObj div.tablebox select {
	/* 検索条件 プルダウン */
	border: solid 1px #999999  !important;
	padding:3px !important;
}

#listContent div.searchpanelObj div.tablebox #prefecturePullDown span{
	/* 検索条件 プルダウンとロケスマリンクボタンの間隔 */
	float:left;
	margin-right:15px;
}

/* 検索条件のチェック */
#listContent div.searchpanelObj div.tablebox table td ul li div.checkmark {
	float:left;
	width:20px;
	height:20px;
	background-image: url('../images/check_dead.png');
}
#listContent div.searchpanelObj div.tablebox table td ul li {
	border:0px solid #000000;
}
#listContent div.searchpanelObj div.tablebox table td ul li.selected div.checkmark {
	background-image: url('../images/check.png');
}
#listContent div.searchpanelObj div.tablebox table td ul li.selected {
	background-color:#ffedcc;
}
#listContent div.searchpanelObj div.tablebox table td select { vertical-align: middle; padding:3px; border:1px #aaaaaa solid; }
#listContent div.searchpanelObj div.tablebox table td select:hover { background-color:#ffffe0; }
#listContent div.searchpanelObj div.tablebox table td select:focus { background-color:#ffffe0; }
#listContent div.searchpanelObj div.tablebox table td #freeword { vertical-align: middle; padding:3px; border:1px #aaaaaa solid; margin-right:10px;}
#listContent div.searchpanelObj div.tablebox table td #freeword:focus { background-color:#ffffe0; }
#listContent div.searchpanelObj div.tablebox table td #freeword:hover { background-color:#ffffe0; }

#listContent #areaSelectButton  { margin:0px; padding:0; }
#listContent #areaSelectButton li {
	margin:0;
	font-size:14px;
	background-color:#fffacd;
	border-bottom:1px #66320e solid;
	border-right:1px #66320e solid;
	border-top:1px #66320e solid;
	width:91px;
	height:35px;
	text-align:center;
    display:table-cell;
    *display:inline;
    *zoom:1;
	vertical-align:middle;
	white-space: nowrap;
}
#listContent #areaSelectButton li.title {
	background-image: url('../images/labelAreaSelect.png');
	background-repeat: no-repeat;
	background-position: center center;
	width:123px;
	height: 35px;
	color:#ffffff;
	background-color:#66320e;
}
#listContent #areaSelectButton li.title:hover { color:#ffffff;background-color:#66320e; }

#listContent #areaSelectButton li.last { border-right:1px #66320e solid;}
#listContent #areaSelectButton li.selected { background-color:#ff8c00; color:#ffffff; #fffacd; border-bottom:1px #ff8c00 solid; }
#listContent #areaSelectButton li.selected.last { border-right:1px #66320e solid; }
#listContent #areaSelectButton li a{
	display:block;
	width:100%;
	height:100%;
	line-height:35px;
}
#listContent #areaSelectButton li a:link { color: #66320e! important; text-decoration: none ! important; }
#listContent #areaSelectButton li a:visited { color: #66320e! important; text-decoration: none ! important; }
#listContent #areaSelectButton li a:hover { background-color:#ace5a0! important; color: #66320e! important; text-decoration: none ! important; }
#listContent #areaSelectButton li a:active { color: #66320e! important; text-decoration: none ! important; }
#listContent #areaSelectButton li.selected a:link { color: #ffffff! important; text-decoration: none ! important; }
#listContent #areaSelectButton li.selected a:visited { color: #ffffff! important; text-decoration: none ! important; }
#listContent #areaSelectButton li.selected a:hover { background-color:#ff8c00! important;  color: #ffffff! important; text-decoration: none ! important; }
#listContent #areaSelectButton li.selected a:active { color: #ffffff! important; text-decoration: none ! important; }

#listContent .editCities
{
	margin:0;
	padding:0;
}
#listContent #viewWorkplace .editCities,
#listContent #selectCities .editCities,
#listContent #searchCriteria{
	display:none;
}

#listContent #cityToggleBtn{
	cursor:pointer;
}

/* 検索結果 件数 文字色 */
#listContent div.listObj div.pagehead span {
	color: #FF6600  !important;
}
/* 検索結果 件数 下線 */
#listContent div.listObj div.pagehead {
	border-bottom: 1px solid #FF6600 !important;
}

/* 検索結果の枠1 */
#listContent div.listObj div.listbox {
	border: solid 1px #c9b49a !important;
}
/* 検索結果の枠2 */
#listContent div.listObj div.listbox {
	background-color: #eae2d3 !important;
}
/* 検索結果の枠3 */
#listContent div.listObj div.listbox div.box {
	border: solid 1px #9c8772!important;
}
/* 検索結果 背景 */
#listContent div.listObj div.listbox div.box {
	background-color: #ffffff !important;
}

/* 検索結果 強調文字 */
#listContent div.listObj div.listbox div.box p.salery strong {
	color: #D23F00 !important;
}


/********************************************
 画面：詳細
********************************************/

#detailContent dl.workTime dt{
	/* 時間帯 タイトル 色*/
	color:#000000 !important;
}

#detailContent dl.workTime dd
{
	/* 時間帯 値 色*/
	color:#000000 !important;
}

#detailContent p.merit
{
	/* メリット 区切り線 色*/
	color:#AD6B1F !important;
}
#detailContent p.merit span
{
	/* メリット 文字*/
	color:#B24004 !important;
}

#detailContent h2.detailTitle {
	/* タイトル部 背景 */
    background:#EF9821 !important;
	/* タイトル部 色 */
    color:#ffffff !important;
    border-bottom: 2px solid #D23F00;
    font-size: 23px;
}
#detailContent dl.descriptions dt span {
	/* 仕事情報 マーク 色 */
	color:#a67b33 !important;
}

#bottomContent #locasmaBox  {
	/* ロケスマリンクボタン */
	overflow:hidden;
}

#bottomContent #locasmaBox #mapInDetail {
	/* ロケスマリンクボタン */
	float:right;
	margin-right:14px;
	margin-bottom:10px;
}

/********************************************
 画面：応募フォーム
********************************************/

#formContent h1.title
{
	/* タイトル部 背景 */
	background:#EF9821 !important;
	/* タイトル部 色 */
	color:#ffffff !important;
    border-bottom: 2px solid #D23F00;
}
#formContent h2.subTitle
{
	/* サブタイトル部 色 */
	color:#333333 !important;
	/* サブタイトル部 下線 */
	border-bottom:1px solid #999999 !important;
}
#formContent div#mainContent{
	width:550px;
}


#formContent div#mainContent div.formObj h3.caution em{
	/* 必須項目 説明部 色 */
    color:#D23F00 !important;
}

#formContent div#mainContent div.formObj table {
	/* 応募フォーム 枠 色 */
	border-left:1px solid #999999 !important;
	border-top:1px solid #999999 !important;
}
#formContent div#mainContent div.formObj table th{
	/* 応募フォーム 枠 色 */
	border-right:1px solid #999999 !important;
	border-bottom:1px solid #999999 !important;
	/* 応募フォーム タイトル部 背景 */
	background-color:#fefae1 !important;
	/* 応募フォーム タイトル部 文字色 */
	color:#000000 !important;
}
#formContent div#mainContent div.formObj table td{
	/* 応募フォーム 枠 色 */
	border-right:1px solid #999999 !important;
	border-bottom:1px solid #999999 !important;
	/* 応募フォーム フォーム部 背景 */
	background-color:#efecdd !important;
}

#formContent div#mainContent div.formObj table td ul.note li{
	/* 応募フォーム フォーム備考 文字色 */
	color:#666666 !important;
}
#formContent div#mainContent div.formObj table td ul.note li p{
	/* 応募フォーム フォーム備考 文字色 */
	color:#666666 !important;
}

#formContent div#mainContent div.actionObj input{
	/* 応募フォーム ボタン */
	background-color:#C40026 !important;
	border:solid 1px #CC1010 !important;
	color:#ffffff !important;
    font-size: 20px;
}

#formContent div#sideContent
{
	width:280px;
}

#formContent div#sideContent table
{
	margin:0;
	padding:0;
}

#formContent div#sideContent table th,
#formContent div#sideContent table td
{
	padding:3px;
}

#formContent div#sideContent table th
{
	width:80px;
	text-align:left;
}

#formContent div#sideContent table td
{
	text-align:left;
}

#formContent div#sideContent div.infoObj
{
	/* 応募フォーム 仕事情報エリア 枠 */
	border:1px solid #999999 !important;
	width:274px;

}
#formContent div#sideContent div.infoObj div.job
{
	/* 応募フォーム 仕事情報エリア 案件情報 */
	border:1px solid #999999 !important;
	background-color:#f0f0f0 !important;
}
#formContent div#sideContent div.infoObj div.apply
{
	/* 応募フォーム 仕事情報エリア 応募方法 */
	border-left:1px solid #999999 !important;
	border-right:1px solid #999999 !important;
	border-bottom:1px solid #999999 !important;
	background-color:#ffffff !important;
}
#formContent div#mainContent .privacy ul li.k_first{
	border-right:1px solid #cccccc !important;
}

#formContent div#mainContent #mapInThanks{
	/* 応募フォーム サンクスページ ロケスマリンクボタン */
	display: block;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top:80px;
}

/********************************************
 その他画像指定のcss
   → 基本的に修正は不要
********************************************/
#headContent div.form{
	background:url(../images/bg_title.png) no-repeat center;
}
#mainContent div.searchObj div.searchbox div.lead p.pack {
	background: url(../images/dot2.gif) repeat-x left bottom;
}
#sideContent div.sideBox ul.link li a {
	background: url(../images/arw.gif) no-repeat left 48%;
}
#listContent div.listObj div.listbox div.box div.heading {
	background: url(../images/dot2.gif) repeat-x left bottom;
}
#detailContent #actionArea
{
	background:url(../images/k_c_bh.png) repeat-x 0 0;
}
#detailContent dl.descriptions dd{
	background:url(../images/k_c_bg_dotline.png) repeat-x left bottom;
}
#detailContent p.descriptions{
	background:url(../images/k_c_bg_dotline.png) repeat-x left bottom;
}

#formContent div.entryFlow ul.entryFlowObj li{
	background:url(../images/k_tu_ic.png) no-repeat -125px 0;
}

/******* map *******/
#mapObj div.area {
	background: url(../images/map.gif) no-repeat left top;
}
/* 北海道・東北 */
#mapObj div.area ul li.a1 {
	background: url(../images/nav_tohoku_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a1-dead {
	background: url(../images/map_tohoku_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a1 p a,
#mapObj div.area ul li.a1-dead p,
#mapObj div.area ul li.a1 ul li,
#mapObj div.area ul li.a1 ul li a {
	background: url(../images/nav_tohoku.gif) no-repeat;
}

/* 関東 */
#mapObj div.area ul li.a2 {
	background: url(../images/nav_kanto_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a2-dead {
	background: url(../images/map_kanto_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a2 p a,
#mapObj div.area ul li.a2-dead p,
#mapObj div.area ul li.a2 ul li,
#mapObj div.area ul li.a2 ul li a {
	background: url(../images/nav_kanto.gif) no-repeat;
}

/* 北信越・北陸 */
#mapObj div.area ul li.a3 {
	background: url(../images/nav_hokushinetsu_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a3-dead {
	background: url(../images/map_hokushinetsu_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a3 p a,
#mapObj div.area ul li.a3-dead p,
#mapObj div.area ul li.a3 ul li,
#mapObj div.area ul li.a3 ul li a {
	background: url(../images/nav_hokushinetsu.gif) no-repeat;
}

/* 東海 */
#mapObj div.area ul li.a4 {
	background: url(../images/nav_tokai_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a4-dead {
	background: url(../images/map_tokai_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a4 p a,
#mapObj div.area ul li.a4-dead p,
#mapObj div.area ul li.a4 ul li,
#mapObj div.area ul li.a4 ul li a {
	background: url(../images/nav_tokai.gif) no-repeat;
}

/* 関西 */
#mapObj div.area ul li.a5 {
	background: url(../images/nav_kansai_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a5-dead {
	background: url(../images/map_kansai_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a5 p a,
#mapObj div.area ul li.a5-dead p,
#mapObj div.area ul li.a5 ul li,
#mapObj div.area ul li.a5 ul li a {
	background: url(../images/nav_kansai.gif) no-repeat;
}

/* 中国・四国 */
#mapObj div.area ul li.a6 {
	background: url(../images/nav_chugoku_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a6-dead {
	background: url(../images/map_chugoku_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a6 p a,
#mapObj div.area ul li.a6-dead p,
#mapObj div.area ul li.a6 ul li,
#mapObj div.area ul li.a6 ul li a {
	background: url(../images/nav_chugoku.gif) no-repeat;
}

/* 九州・沖縄 */
#mapObj div.area ul li.a7 {
	background: url(../images/nav_kyushu_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a7-dead {
	background: url(../images/map_kyushu_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a7 p a,
#mapObj div.area ul li.a7-dead p,
#mapObj div.area ul li.a7 ul li,
#mapObj div.area ul li.a7 ul li a {
	background: url(../images/nav_kyushu.gif) no-repeat;
}
#mapObj div.area {
	background: url(../images/map.gif) no-repeat left top;
}
/* kCEk */
#mapObj div.area ul li.a1 {
	background: url(../images/nav_tohoku_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a1-dead {
	background: url(../images/map_tohoku_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a1 p a,
#mapObj div.area ul li.a1-dead p,
#mapObj div.area ul li.a1 ul li,
#mapObj div.area ul li.a1 ul li a {
	background: url(../images/nav_tohoku.gif) no-repeat;
}
/* ・ */
#mapObj div.area ul li.a2 {
	background: url(../images/nav_kanto_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a2-dead {
	background: url(../images/map_kanto_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a2 p a,
#mapObj div.area ul li.a2-dead p,
#mapObj div.area ul li.a2 ul li,
#mapObj div.area ul li.a2 ul li a {
	background: url(../images/nav_kanto.gif) no-repeat;
}

/* kMzEk */
#mapObj div.area ul li.a3 {
background: url(../images/nav_hokushinetsu_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a3-dead {
	background: url(../images/map_hokushinetsu_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a3 p a,
#mapObj div.area ul li.a3-dead p,
#mapObj div.area ul li.a3 ul li,
#mapObj div.area ul li.a3 ul li a {
	background: url(../images/nav_hokushinetsu.gif) no-repeat;
}
/* C */
#mapObj div.area ul li.a4 {
	background: url(../images/nav_tokai_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a4-dead {
	background: url(../images/map_tokai_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a4 p a,
#mapObj div.area ul li.a4-dead p,
#mapObj div.area ul li.a4 ul li,
#mapObj div.area ul li.a4 ul li a {
	background: url(../images/nav_tokai.gif) no-repeat;
}

/* ・ */
#mapObj div.area ul li.a5 {
	background: url(../images/nav_kansai_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a5-dead {
	background: url(../images/map_kansai_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a5 p a,
#mapObj div.area ul li.a5-dead p,
#mapObj div.area ul li.a5 ul li,
#mapObj div.area ul li.a5 ul li a {
	background: url(../images/nav_kansai.gif) no-repeat;
}
/* El */
#mapObj div.area ul li.a6 {
	background: url(../images/nav_chugoku_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a6-dead {
	background: url(../images/map_chugoku_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a6 p a,
#mapObj div.area ul li.a6-dead p,
#mapObj div.area ul li.a6 ul li,
#mapObj div.area ul li.a6 ul li a {
	background: url(../images/nav_chugoku.gif) no-repeat;
}

/* BE */
#mapObj div.area ul li.a7 {
	background: url(../images/nav_kyushu_line.gif) no-repeat left top;
}
#mapObj div.area ul li.a7-dead {
	background: url(../images/map_kyushu_dead.gif) no-repeat left top;
}
#mapObj div.area ul li.a7 p a,
#mapObj div.area ul li.a7-dead p,
#mapObj div.area ul li.a7 ul li,
#mapObj div.area ul li.a7 ul li a {
	background: url(../images/nav_kyushu.gif) no-repeat;
}