@charset "utf-8";

/*** mynavi CSS Document *************************************

	style.css

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



/* ===== トップページ上部 ===== */
div#mainUpside{
position:relative;
height:245px;
margin-top:15px;
}

/* ===== トップページおすすめのエリア ===== */
div.boxOsuArea{
position:absolute;
top:0px;
right:0px;
}

div.boxOsuArea div.container{
position:relative;
width:355px;
height:26px;
background: url(../img/bgr_top_osusumearea.gif) right top no-repeat;
}

div.boxOsuArea p.tit{
position:absolute;
}

div.boxOsuArea ul{
position:absolute;
top:5px;
left:140px;
}

div.boxOsuArea li{
display:inline;
}

div.boxOsuArea li a{
background: url(../img/obj_common_arrow.gif) 0 50% no-repeat;
padding:0 0 0 8px;
}

/* ===== トップページフロートウィンドウ検索 ===== */
ul.boxTopSearch{
position:absolute;
top:40px;
left:0px;
line-height:0%;
font-size:0%;
}

/* ===== トップページ小特集 ===== */
ul.boxTopSsp{
position:absolute;
top:40px;
right:0px;
line-height:0%;
font-size:0%;
}

ul.boxTopSsp li{
float:left;
margin-left:20px;
}

ul.boxTopSsp li img:hover{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

/* ===== トップページ大特集 ===== */
div.boxTopLsp{
margin-top:15px;
}

div.boxTopLsp img:hover{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

/* ===== トップページ短期バイト ===== */
div.boxTopTanki{
position:absolute;
top:154px;
left:245px;
}

div.boxTopTanki li{
float:left;
margin:5px 0 0 7px;
}

div.boxTopTanki li.first{
margin:5px 0 0 0;
}

div.boxTopTanki a{
display:block;
width:71px;
height:45px;
text-align:center;
padding:15px 0 0 0;
background: url(../img/bgr_top_tanki.gif) no-repeat;
color:#333333;
}

div.boxTopTanki a:hover{
text-decoration:none;
background: url(../img/bgr_top_tanki.gif) 0 -60px no-repeat;
}

/* ===== トップページ高収入バイト ===== */
div.boxTopKoushu{
position:absolute;
top:154px;
right:0px;
}

div.boxTopKoushu li{
float:left;
margin:5px 0 0 7px;
}

div.boxTopKoushu li.first{
margin:5px 0 0 0;
}

div.boxTopKoushu a{
display:block;
width:71px;
height:53px;
text-align:center;
padding:7px 0 0 0;
background: url(../img/bgr_top_koushunyu.gif) no-repeat;
color:#333333;
}

div.boxTopKoushu a:hover{
text-decoration:none;
background: url(../img/bgr_top_koushunyu.gif) 0 -60px no-repeat;
}

/* ===== トップページおすすめバイト ===== */
div.boxTopOsuBeit{
margin-top:15px;
background: url(../img/bgr_top_osubeit.gif) repeat-y;
position:relative;
}

div.boxTopOsuBeit div.container{
padding-bottom:10px;
background: url(../img/bgr_top_osubeit02.gif) left bottom no-repeat;
}

div.boxTopOsuBeit p.txtOutline{
position:absolute;
top:8px;
right:10px;
font-size:11px;
line-height:1;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}

p.txtOutline a{
padding:0 0 0 10px;
background: url(../img/obj_common_arrow.gif) 0 50% no-repeat;
}


div.boxTopOsuBeit ul{
float:left;
width:49%;
}

div.boxTopOsuBeit ul li{
margin:10px 0 0 10px;
}

div.boxTopOsuBeit a{
background: url(../img/obj_common_arrow.gif) 0 0.3em no-repeat;
padding:0 0 0 8px;
}

/* ===== トップページJSビューア ===== */
div.boxTopViewer{
margin-top:15px;
background: url(../img/bgr_com_viewer.gif) repeat-y;
position:relative;
}

div.boxTopViewer div.container{
background: url(../img/bgr_com_viewer02.gif) left bottom no-repeat;
}

div.boxTopViewer div.boxHidden{
width:655px;
height:280px;
overflow:hidden;
margin:0 30px 0 30px;
position:relative;
}

div.boxTopViewer p.txtOutline{
position:absolute;
top:12px;
right:10px;
font-size:11px;
line-height:1;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}

div.boxTopViewer p.txtOutline02{
position:absolute;
top:12px;
right:333px;
font-size:11px;
line-height:1;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}


/*もっと見るボタン*/

div.boxTopViewer p.btnMore a{
position:absolute;
top:6px;
right:10px;
background: url(../img/btn_com_moretxt.gif) 0 0 no-repeat;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
width:317px;
height:19px;
text-align:center;
padding:4px 0 0 0;
color:#333333;
font-weight:bold;
}

div.boxTopViewer p.btnMore a:hover{
text-decoration:none;
}

div.boxTopViewer p.btnMore span{
color:#ee7801;
}

/*ボタン*/
div.boxTopViewer ul.lstBtn li,
div.boxTopViewer ul.lstBtn li a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:38px;
height:38px;
z-index:1;
}

div.boxTopViewer ul.lstBtn li.prev{
background: url(../img/btn_com_viewer.png) 0 -76px no-repeat;
position:absolute;
top:100px;
left:10px;
}

div.boxTopViewer ul.lstBtn li.next{
background: url(../img/btn_com_viewer02.png) 0 -76px no-repeat;
position:absolute;
top:100px;
right:10px;
}

div.boxTopViewer ul.lstBtn li.prev a{
background: url(../img/btn_com_viewer.png) 0 0 no-repeat;
}

div.boxTopViewer ul.lstBtn li.next a{
background: url(../img/btn_com_viewer02.png) 0 0 no-repeat;
}

div.boxTopViewer ul.lstBtn li a:hover{
background-position:0 -38px;
}

/*写真・情報*/
div.boxTopViewer div.lstPht{
position:absolute;
top:0px;
left:0px;
}

div.boxTopViewer div.lstPht div.inner{
float:left;
margin:0 34px 0 18px;
}

div.boxTopViewer div.lstPht div.inner div{
width:193px;
float:left;
margin:10px 0 0 10px;
}

div.boxTopViewer div.lstPht div.inner div.pht{
overflow:hidden;
width:183px;
height:138px;
margin:0 0 0 0;
float:none;
border:5px solid #ffffff;
}

div.boxTopViewer div.lstPht div.inner div.pht table td{
background:#ffffff;
width:183px;
height:138px;
text-align:center;
vertical-align:middle;
}

div.boxTopViewer div.lstPht div.inner div.pht table a{
padding:0 0 0 0;
line-height:0%;
font-size:0%;
}

div.boxTopViewer div.lstPht p.tit{
font-weight:bold;
margin-top:5px;
height:32px;
}

div.boxTopViewer div.lstPht p.com{
font-size:83.3%;
margin:3px 0 0;
padding:3px 0 0;
border-top:1px solid #ffffff;
}

div.boxTopViewer div.lstPht p.pla{
color:#999591;
}

div.boxTopViewer div.lstPht p.pay{
color:#ee7801;
}


/* ===== トップページタブ ===== */

/*タブボタン*/
div.boxTopTab{
margin:6px 0 0 0;
width:715px;
overflow:hidden;
}

/*タブボタン*/
div.boxTopTabBtn{
margin:0 0 -10px 0;
background: url(../img/bgr_top_tab.gif) left bottom no-repeat;
}

div.boxTopTabBtn ul.lstTabBtn{
padding:0 0 9px 0;
}

div.boxTopTabBtn ul.lstTabBtn li,
div.boxTopTabBtn ul.lstTabBtn li a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:225px;
height:42px;
}

div.boxTopTabBtn ul.lstTabBtn li{
float:left;
margin:0 0 0 5px;
}

div.boxTopTabBtn ul.lstTabBtn li.spot{
margin:0 0 0 15px;
background: url(../img/btn_top_spot.gif) 0 -42px no-repeat;
}

div.boxTopTabBtn ul.lstTabBtn li.daigaku{
background: url(../img/btn_top_daigaku.gif) 0 -42px no-repeat;
}

div.boxTopTabBtn ul.lstTabBtn li.ekirosen{
background: url(../img/btn_top_ekirosen.gif) 0 -42px no-repeat;
}

div.boxTopTabBtn ul.lstTabBtn li.spot a{
background: url(../img/btn_top_spot.gif) 0 0 no-repeat;
}

div.boxTopTabBtn ul.lstTabBtn li.daigaku a{
background: url(../img/btn_top_daigaku.gif) 0 0 no-repeat;
}

div.boxTopTabBtn ul.lstTabBtn li.ekirosen a{
background: url(../img/btn_top_ekirosen.gif) 0 0 no-repeat;
}

div.boxTopTabBtn ul.lstTabBtn li a:hover{
background-position:0 -42px;
}

/*人気のバイト*/

.titNinki{
margin:0 0 -10px 0;
padding:0 0 9px 15px;
background: url(../img/bgr_top_tab.gif) left bottom no-repeat;
}

/*タブ切り替えエリア*/

div.boxTopTab{
background: url(../img/bgr_top_tab02.gif) repeat-y;
position:relative;
}

div.boxTopTab div.container{
background: url(../img/bgr_top_tab03.gif) left bottom no-repeat;
padding:0 0 12px 0;
}

div.boxTopTab #spotTab,
div.boxTopTab #daigakuTab,
div.boxTopTab #ekirosenTab{
height:353px;
overflow:hidden;
}

div.boxTopTab p.txtOutline{
position:absolute;
top:20px;
right:0px;
font-size:11px;
line-height:1;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}

/*ボタン*/
div.boxTopTab ul.lstBtn li,
div.boxTopTab ul.lstBtn li a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:38px;
height:38px;
z-index:1;
}

div.boxTopTab ul.lstBtn li.prev{
background: url(../img/btn_com_viewer.png) 0 -76px no-repeat;
position:absolute;
top:155px;
left:10px;
}

div.boxTopTab ul.lstBtn li.next{
background: url(../img/btn_com_viewer02.png) 0 -76px no-repeat;
position:absolute;
top:155px;
right:10px;
}

div.boxTopTab ul.noText li.prev,
div.boxTopTab ul.noText li.next{
top:135px;
}

div.boxTopTab ul.lstBtn li.prev a{
background: url(../img/btn_com_viewer.png) 0 0 no-repeat;
}

div.boxTopTab ul.lstBtn li.next a{
background: url(../img/btn_com_viewer02.png) 0 0 no-repeat;
}

div.boxTopTab ul.lstBtn li a:hover{
background-position:0 -38px;
}

div.boxTopTab p.btnMore{
margin-top:15px;
text-align:center;
}

/*テーブル*/
div.boxTopTab table.tableCom{
width:675px;
margin: 15px 20px 0 20px;
}

/*テキスト*/
div.boxTopTab p.txt{
margin: 15px 20px 0;
}

div.boxTopTab div.boxHidden{
width:655px;
overflow:hidden;
margin:0 30px 0 30px;
position:relative;
}


/*写真・情報*/
div.boxTopTab div.boxLstPht{
height:300px;
}

div.boxTopTab div.boxLstPht02{
height:228px;
overflow:hidden;
}

div.boxTopTab div.lstPht{
position:absolute;
top:0px;
left:0px;
}

div.boxTopTab div.lstPht div.inner{
width:582px;
float:left;
margin:0 30px 0 37px;
}

div.boxTopTab div.lstPht div.inner div{
width:133px;
height:140px;
float:left;
margin:10px 0 0 10px;
text-align:center;
}

div.boxTopTab div.lstPht div.noText div{
height:102px;
}



div.boxTopTab div.lstPht div.inner div.pht{
overflow:hidden;
width:123px;
height:92px;
margin:0 0 0 0;
float:none;
border:5px solid #f2efeb;
}

div.boxTopTab div.lstPht div.inner div.pht table td{
background:#ffffff;
width:123px;
height:92px;
text-align:center;
vertical-align:middle;
}

div.boxTopTab div.lstPht div.inner div.pht table a{
padding:0 0 0 0;
}

div.boxTopTab div.lstPht p.tit{
font-weight:bold;
margin-top:3px;
}

div.boxTopTab div.lstPht p.tit span{
display:block;
font-weight:normal;
font-size:83.3%;
}

/* ===== トップページ人気のこだわり ===== */
h2.titTopKodawari{
margin-top:15px;
}

p.txtOutline03{
text-align:right;
margin:-20px 0 0 0;
font-size:11px;
line-height:1;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}

p.txtOutline03 a{
padding:0 0 0 10px;
background: url(../img/obj_common_arrow.gif) 0 50% no-repeat;
}

ul.lstTopKodawari{
margin:15px 0 0 -20px;
width:735px;
}

ul.lstTopKodawari li{
float:left;
margin:10px 0 0 20px;
}

ul.lstTopKodawari a{
display:block;
width:225px;
height:72px;
overflow:hidden;
background: url(../img/btn_top_kodawari02.gif) 0 0 no-repeat;
position:relative;
color:#333333;
}

ul.lstTopKodawari a:hover{
text-decoration:none;
}

ul.lstTopKodawari img{
position:absolute;
top:11px;
left:11px;
}

ul.lstTopKodawari span{
display:block;
padding:7px 5px 0 70px;
line-height:1.2;
}

ul.lstTopKodawari strong{
display:block;
color:#4982c8;
}

ul.lstTopKodawari em{
color:#ee7801;
}

/* ===== トップページサブコンテンツPICUP ===== */
div.boxTopSubPic{
background: url(../img/bgr_top_sub_picup.gif) repeat-y;
margin: 10px 0 0 0;
}

div.boxTopSubPic div.container{
background: url(../img/bgr_top_sub_picup02.gif) no-repeat left bottom;
padding: 0 0 10px 0;
}

/* ===== トップページサブカラム求人1カラム ===== */
div.boxSubBeit1Col div{
margin:10px 11px 0px 11px;
padding:10px 0 0 0;
border-top:1px solid #ccc7c2;
}

div.boxSubBeit1Col div.first{
margin:10px 11px 0px 11px;
padding:0;
border:0;
}

div.boxSubBeit1Col div.pht{
overflow:hidden;
width:183px;
height:138px;
border:5px solid #FFECD8;
margin:0 0 0 0;
padding:0 0 0 0;
}

div.boxSubBeit1Col div.pht table td{
background:#ffffff;
width:183px;
height:138px;
text-align:center;
vertical-align:middle;
}

div.boxSubBeit1Col div.pht table a{
padding:0 0 0 0;
}

div.boxTopSubPic div.boxSubBeit1Col div.pht{
border:5px solid #ffffff;
}

div.boxSubBeit1Col p.txt{
margin-top:5px;
}

div.boxSubBeit1Col p.txt a{
color:#333333;
}

/* ===== トップページサブカラム求人2カラム ===== */
div.boxSubBeit2Col div{
margin:10px 11px 0px 11px;
padding:10px 0 0 0;
border-top:1px solid #ccc7c2;
}

div.boxSubBeit2Col div.first{
margin:10px 11px 0px 11px;
padding:0;
border:0;
}

div.boxSubBeit2Col p.pht{
float:left;
background:#f7f4f0;
line-height:0%;
font-size:0%;
}

div.boxSubBeit2Col p.pht a{
display:block;
text-align:center;
width:70px;
height:53px;
background:#ffffff;
padding:0 0 0 0;
}

div.boxSubBeit2Col p.txt{
float:right;
width:113px;
}

div.boxSubBeit2Col p.txt .pla{
display:block;
font-size:83.3%;
color:#999591;
}

div.boxSubBeit2Col p.txt .pay{
display:block;
font-size:83.3%;
color:#ee7801;
}

/* スクロールあり */
div.scroll{
max-height:300px;
overflow:auto;
margin-right:1px;
}

div.scroll div{
margin:10px 0px 0px 11px;
width:185px;
}

div.scroll p.txt{
float:right;
width:105px;
}

/* ===== トップページサブカラムもっと見るボタン ===== */
p.btnSubMore{
margin:10px 11px 0px 11px;
padding:10px 0 0 0;
border-top:1px solid #ccc7c2;
}

/* ===== トップページサブカラム検索履歴からのおすすめ ===== */
ul.txtSubSchLang{
background:#ffecd8;
margin:1px 2px 1px 2px;
padding:7px 10px 6px 10px;
}

ul.txtSubSchLang a{
background: url(../img/obj_common_arrow.gif) 0 50% no-repeat;
padding:0 0 0 8px;
}

h5.titSearchrireki{
background:#f7f4f0;
margin:10px 10px 10px 10px;
padding:7px 5px 6px 5px;
font-weight:normal;
text-align:center;
line-height:1;
}

/* ===== トップページおすすめコンテンツ ===== */
div.boxSubOsucon{
background:#e5f8ff;
margin:10px 0 0 0;
padding:1px 0 10px 0;
width:215px;
}

div.boxSubOsucon img{
border:1px solid #ffffff;
}

/* ===== トップページサブカラムバナー ===== */
div.boxSubBan div{
margin:10px 11px 0px 11px;
padding:10px 0 0 0;
border-top:1px solid #ccc7c2;
}

div.boxSubOsucon div.boxSubBan div{
border-top:1px solid #ffffff;
}

div.boxSubBan div.first{
padding:0;
border:0;
}

div.boxSubOsucon div.boxSubBan div.first{
padding:0;
border:0;
}


div.boxSubBan p.pht{
text-align:center;
}

div.boxSubBan p.txt{
font-size:83.3%;
margin:3px 0 0 0;
line-height:133%;
}

/* ===== トップページ採用担当者様へ ===== */
p.btnSubTantou{
margin:10px 0 0 0;
}

/* ===== 保存したお仕事 ===== */
div.boxSavOutline{
border:1px solid #91d768;
background:#f6ffea;
margin:15px 0 0 0;
padding:10px 10px 10px 10px;
}

div.boxSavOutline p.txt{
margin:5px 0 0 0;
}

/*全選択・チェックしたお仕事を一括応募・ソート*/

ul.boxSavBtn{
margin:15px 0 15px 0;
position:relative;
height:55px;
border-bottom:1px solid #d9d3ce;
}

ul.boxSavBtn li.zensen{
position:absolute;
top:00px;
left:00px;
}

ul.boxSavBtn li.ikkatsu{
position:absolute;
top:00px;
left:00px;
}

ul.boxSavBtn li.hozon{
position:absolute;
top:00px;
right:58px;
}

ul.boxSavBtn li.sort{
position:absolute;
top:00px;
right:00px;
}

ul.boxSavBtnBottom{
margin:30px 0 0 0;
border-bottom:0;
border-top:1px solid #d9d3ce;
}

ul.boxSavBtnBottom li.zensen,
ul.boxSavBtnBottom li.ikkatsu,
ul.boxSavBtnBottom li.hozon,
ul.boxSavBtnBottom li.sort{
position:absolute;
top:15px;
}

/* ===== 一覧インデックス ===== */

#lstIndex h2{
	margin:12px 0 0 0;
	padding:5px 0 5px 25px;
	font-size:116.7%;
	line-height:1;
	font-weight:bold;
	color:#333;
	background:#f3f3f3 url(../img/ico_arrow_listindex02.gif) no-repeat 8px center;
}

#lstIndex dt{
	margin:30px 0 0 0;
	padding:10px 0 10px 25px;
	font-size:116.7%;
	line-height:1;
	font-weight:bold;
	color:#333;
	background:#f7f4f0 url(../img/ico_arrow_listindex02.gif) no-repeat 10px center;
}

#lstIndex dd{
	margin:7px 0 0 0;
}


#lstIndex ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#lstIndex ul{ display:inline-block; }
/*\*/
* html #lstIndex ul { height:1%; }
#lstIndex ul { display:block; }
/**/

#lstIndex ul{
	margin:0 0 0 0;
	font-size:13px;
}

#lstIndex li{
	float:left;
	margin:7px 0 0 10px;
	padding:0 0 0 15px;
	width:212px;
	line-height:120%;
	background: url(../img/ico_arrow_listindex.gif) no-repeat 0 0.2em;
}

/*ページ内リンク*/
ul.lstPageside{
margin:20px 0 0 0;
padding:8px 15px 15px 15px;
background:#f7f4f0;
border:1px solid #ccc7c2;
}

ul.lstPageside li{
float:left;
margin:7px 0 0 0;
line-height:120%;
font-size:116.7%;
color:#ccc7c2;
}

ul.lstPageside li a{
font-weight:bold;
padding:0 7px 0 7px;
}

/* ===== よくある質問リスト ===== */
div.boxContactQlist{
background: url(../img/bgr_contact_qlist.gif) no-repeat;
padding: 3px 0 0 0;
margin: 30px 0 0 0;
}

div.boxContactQlist02{
background: url(../img/bgr_contact_qlist02.gif) repeat-y;
}

div.boxContactQlist03{
background: url(../img/bgr_contact_qlist03.gif) no-repeat left bottom;
padding: 0 0 3px 0;
}

div.boxContactQlist dt{
background: url(../img/bgr_contact_qlist_tit.gif) repeat-y;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
font-weight: bold;
font-size: 108.3%;
padding: 6px 11px;
}

div.boxContactQlist dt span{
border-left: 3px solid #ee7801;
padding: 0 0 0 7px;
line-height: 110%;
display: block;
}

div.boxContactQlist dd ul{
padding: 5px 11px;
}

div.boxContactQlist dd ul li{
margin: 4px 0;
}

div.boxContactQlist dd ul li a{
background: url(../img/obj_common_arrow.gif) no-repeat 0 0.3em;
padding: 0 0 0 11px;
}

/* ===== よくある質問と回答 ===== */
.txtContactQA{
margin: 15px 0 0 0;
}

.txtContactQA dt{
background: #ffecd8 url(../img/bgr_contact_q.gif) no-repeat 6px 6px;
padding: 5px 0 5px 28px;
}

.txtContactQA dd{
background: url(../img/bgr_contact_a.gif) no-repeat 6px 1px;
line-height: 160%;
padding: 0 0 0 28px;
margin: 10px 0 0 0;
}

.txtContactDot{
background: url(../img/bgr_com_dot.gif) repeat-x;
line-height: 160%;
padding: 20px 0 0 0;
margin: 20px 0 0 0;
}

dl.boxContactConsult{
margin: 30px 0 0 0;
color: #ee7801;
}

dl.boxContactConsult dt{
font-weight: bold;
}

dl.boxContactConsult dd{
margin: 10px 0 0 0;
}

/* ===== お知らせ ===== */
div.boxNews{
margin: -16px 0 0 0;
overflow: hidden;
}

div.boxNews h3{
background: url(../img/bgr_com_dot.gif) repeat-x;
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
padding: 15px 0 0 0;
margin: 15px 0 0 0;
}

div.boxNews h3 span.tit{
border-left: 3px solid #ee7801;
padding: 0 0 0 7px;
display: block;
}

div.boxNews h3 span.tit span.date{
color: #ee7801;
font-size: 75%;
font-weight: normal;
display: block;
margin: 3px 0 0 0;
}

/* ===== ログイン ===== */
div.boxLogin{
background: url(../img/bgr_login_box.gif) no-repeat;
width: 429px;
padding: 3px 0 0 0;
margin: 15px 0 0 173px;
}

div.boxLogin02{
background: url(../img/bgr_login_box02.gif) repeat-y;
}

div.boxLogin03{
background: url(../img/bgr_login_box03.gif) no-repeat left bottom;
padding: 27px 30px 30px 30px;
}

div.boxLogin p.txt{
background: url(../img/bgr_com_dot.gif) repeat-x left bottom;
padding: 0 0 10px 0;
}

div.boxLogin ul.input{
margin: 15px 0 0 0;
}

div.boxLogin ul.input li input{
width: 312px;
padding: 8px;
border: 1px solid #bfbab6;
}

div.boxLogin ul.input li.mail{
background: url(../img/bgr_login_mail.gif) no-repeat 0px 2px;
padding: 0 0 0 39px;
}

div.boxLogin ul.input li.pass{
background: url(../img/bgr_login_pass.gif) no-repeat 0px 1px;
padding: 0 0 0 39px;
margin: 5px 0 0 0;
}

div.boxLogin ul.link{
margin: 15px 0 0 0;
}

div.boxLogin ul.link li{
margin: 5px 0 0 0;
}

div.boxLogin ul.link li a{
background: url(../img/obj_common_arrow.gif) 0 0.3em no-repeat;
padding:0 0 0 8px;
}

div.boxLogin p.btn{
margin: 15px 0 0 0;
text-align: center;
}

/* ===== 楽ピタ！メール ===== */

/*受信タイミング*/
p.boxRakuSpan{
background: url(../img/bgr_raku_span.gif) no-repeat;
height: 52px;
position: relative;
margin: 15px 0 0 0;
}

p.boxRakuSpan .txt01{
position: absolute;
top: 18px;
left: 248px;
}

p.boxRakuSpan .btn01{
position: absolute;
top: 11px;
left: 384px;
}

p.boxRakuSpan .btn02{
position: absolute;
top: 11px;
left: 511px;
}

p.boxRakuSpan .txt02{
position: absolute;
top: 18px;
right: 248px;
}

/*受信タイミング*/
p.boxRakuSpan{
background: url(../img/bgr_raku_span.gif) no-repeat;
height: 52px;
position: relative;
margin: 15px 0 0 0;
}

/*タイトルテキスト*/
.txtRakuOrange{
color: #ee7801;
}

/*条件*/
div.boxRakuTit{
background: #f7f4f0;
border-top: 2px solid #ee7801;
margin: 15px 0 0 0;
padding: 0 10px;
}

div.boxRakuTit h4{
font-size: 0;
line-height: 1;
float: left;
margin: 11px 0 0 0;
}

div.boxRakuTit dl dt{
float: left;
width: 700px;
text-align: right;
margin: 11px 0 0 10px;
}

div.boxRakuTit dl dt span{
color: #ff0000;
margin: 0 10px 0 0;
}

div.boxRakuTit dl dd{
font-size: 0;
line-height: 1;
float: right;
margin: 5px 0 5px 0;
}

table.tableRaku{
width: 100%;
border-left: 1px solid #ccc7c2;
border-top: 1px solid #ccc7c2;
}

table.tableRaku th,
table.tableRaku td{
text-align: left;
vertical-align: top;
border-right: 1px solid #ccc7c2;
border-bottom: 1px solid #ccc7c2;
padding: 10px;
}

table.tableRaku th{
background: #e5f8ff;
width: 140px;
font-weight: normal;
border-right: none;
}

table.tableRaku td{
width: 335px;
}

table.tableRaku ul.lstIcon{
font: 0;
line-height: 1;
margin: -5px 0 0 0;
}

table.tableRaku ul.lstIcon li{
float: left;
margin: 5px 5px 0 0;
}

p.boxRakuBtn{
background: #f7f4f0;
font-size: 0;
line-height: 1;
text-align: center;
padding: 10px 0;
position: relative;
}

p.boxRakuBtn img.delete{
position: absolute;
bottom: 10px;
right: 10px;
}

/* ===== 会員登録 ===== */
.boxKodawariList{
height: 185px;
overflow: auto;
}

/* ===== 応募 ===== */
.titEntry{
background: url(../img/bgr_com_dot.gif) repeat-x left bottom;
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
padding: 0 0 5px 0;
margin: 30px 0 0 0;
}

.titEntry span.key{
background: url(../img/bgr_entry_tit_key.gif) no-repeat 0px 0px;
padding: 0 0 0 25px;
}

.titEntry span.note{
background: url(../img/bgr_entry_tit_note.gif) no-repeat 0px 0px;
padding: 0 0 0 25px;
}

.titEntryTop{
background: url(../img/bgr_com_dot.gif) repeat-x left bottom;
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
padding: 0 0 5px 0;
margin: 15px 0 0 0;
}

/* ===== 地図を確認 ===== */
body#map{
background: none;
width: 541px;
margin: 30px auto 10px auto;
}

h1.titMap{
background: #ee7801;
font-size: 166.7%;
font-weight: bold;
color: #ffffff;
padding: 10px 10px;
}

p.txtMap{
font-size: 116.7%;
font-weight: bold;
color: #ee7801;
margin: 10px 0 0 0;
}

table.tableMap{
width: 100%;
font-size: 116.7%;
border-left: 1px solid #ccc7c2;
border-top: 1px solid #ccc7c2;
margin: 10px 0 0 0;
}

table.tableMap th,
table.tableMap td{
text-align: left;
vertical-align: top;
border-right: 1px solid #ccc7c2;
border-bottom: 1px solid #ccc7c2;
padding: 8px;
}

table.tableMap th{
background: #ffecd8;
width: 64px;
font-weight: normal;
border-right: none;
}

table.tableMap td span{
font-weight: bold;
}

div.boxMap{
background: #f7f4f0;
position: relative;
padding: 10px;
margin: 10px 0 0 0;
}

div.boxMap ul.btn li{
font-size: 0;
line-height: 1;
position: absolute;
}

div.boxMap ul.btn li.up{
top: 10px;
right: 29px;
}

div.boxMap ul.btn li.right{
top: 29px;
right: 10px;
}

div.boxMap ul.btn li.down{
top: 48px;
right: 29px;
}

div.boxMap ul.btn li.left{
top: 29px;
right: 48px;
}

div.boxMap ul.btn li.minus{
top: 77px;
right: 48px;
}

div.boxMap ul.btn li.plus{
top: 77px;
right: 10px;
}

div.boxMap ul.btn li.resize{
top: 106px;
right: 10px;
}

div.boxMap p.btn02{
font-size: 0;
line-height: 1;
text-align: center;
margin: 10px 0 0 0;
}

div.boxMap p.btn02 a{
margin: 0 5px 0 5px;
}

p.btnMapClose{
font-size: 0;
line-height: 1;
text-align: center;
margin: 15px 0 0 0;
}

p.txtMapFooter{
color: #cccccc;
text-align: center;
margin: 15px 0 0 0;
}

p.txtMapFooter img{
margin: 0 0 3px 0;
}

/* ===== フロートウィンドウ ===== */
div.boxFwindow{
background: url(../img/bgr_fwindow_box01.png) no-repeat;
padding: 3px 0 0 0;
width: 735px;
}

div.boxFwindow02{
background: url(../img/bgr_fwindow_box03.png) no-repeat left bottom;
padding: 0 0 3px 0;
}

div.boxFwindow03{
background: url(../img/bgr_fwindow_box02.png) repeat-y;
padding: 0 0 6px 0;
}

/* ボタンエリア */
div.boxFwindow div.boxBtnArea{
position: relative;
font-size: 0;
line-height: 1;
height: 36px;
}

div.boxFwindow div.boxBtnArea h2{
position: absolute;
top: 6px;
left: 10px;
}

div.boxFwindow div.boxBtnArea p.btnSearch{
position: absolute;
top: 6px;
left: 0px;
width: 100%;
text-align: center;
}

div.boxFwindow div.boxBtnArea p.btnKodawari{
position: absolute;
top: 6px;
right: 40px;
}

div.boxFwindow div.boxBtnArea p.btnClose{
position: absolute;
top: 6px;
right: 10px;
}

/* 選択エリア */
div.boxFwindow div.boxWrap{
background: #ffffff;
border: 1px solid #ccc7c2;
width: 713px;
margin: 7px 0 1px 10px;
}

div.boxFwindow div.boxWrap p.txtBorder{
background: url(../img/bgr_com_dot.gif) repeat-x left bottom;
padding: 0 0 7px 0;
margin: 10px 10px 0 10px;
}

div.boxFwindow div.boxScroll{
height: 380px;
overflow: auto;
padding: 0 8px 0 0;
margin: 0 0 0 10px;
}

div.boxFwindow div.boxScroll h3{
background: #e5f8ff;
border-left: 3px solid #01abeb;
font-size: 116.7%;
font-weight: bold;
padding: 3px 5px;
margin: 15px 0 0 0;
}

div.boxFwindow div.boxScroll h4{
font-weight: bold;
font-size: 100%;
margin: 8px 0 0 0;
}

div.boxFwindow p.txtNone{
margin: 8px 0 8px 0;
}

div.boxFwindow div.boxScroll a:link { text-decoration:none; color:#333333; padding-bottom:1px; }
div.boxFwindow div.boxScroll a:visited { text-decoration:none; color:#333333; }
div.boxFwindow div.boxScroll a:hover { text-decoration:none; color:#333333; }
div.boxFwindow div.boxScroll a:active { text-decoration:none; color:#333333; }

div.boxFwindow ul.check{
margin: 7px 0 0 0;
}

div.boxFwindow ul.check li{
float: left;
}

div.boxFwindow ul.check li a.on{
background: url(../img/bgr_Fwindow_checked.gif) no-repeat left 0.2em;
padding: 3px 0 1px 18px;
}

div.boxFwindow ul.check li a.off{
background: url(../img/bgr_Fwindow_check.gif) no-repeat left 0.2em;
padding: 3px 0 1px 18px;
}

div.boxFwindow ul.check li span.onNoclick{
display:block;
background: url(../img/bgr_Fwindow_checked.gif) no-repeat left center;
padding: 3px 0 0 18px;
color:#ff0000;
}

div.boxFwindow ul.check li span.offNoclick{
display:block;
background: url(../img/bgr_Fwindow_check.gif) no-repeat left center;
padding: 3px 0 0 18px;
color:#aaaaaa;
}

div.boxFwindow ul.type01 li{
width: 135px;
}

div.boxFwindow ul.type02 li{
width: 169px;
}

/* テーブル */
div.boxFwindow table{
width: 678px;
border-left: 1px solid #ccc7c2;
border-top: 1px solid #ccc7c2;
margin: 10px 0 10px 0;
}

div.boxFwindow table th,
div.boxFwindow table td{
text-align: left;
border-right: 1px solid #ccc7c2;
border-bottom: 1px solid #ccc7c2;
padding: 7px 5px;
}

div.boxFwindow table th{
background: #e5f8ff;
width: 90px;
font-weight: normal;
vertical-align: middle;
padding: 7px 10px;
}

div.boxFwindow table td ul.check{
margin: -3px 0 0 0;
}

div.boxFwindow table td ul.check li{
margin: 3px 10px 0 0;
white-space: nowrap;
}

div.boxFwindow table td ul.check li a{
display: block;
}

div.boxFwindow table td p.tit{
color: #ee7801;
padding: 0 0 2px 0;
}

div.boxFwindow table td ul.pulldown li{
float: left;
margin: 0 5px 0 0;
}

div.boxFwindow table td ul.pulldown li.none span{
color: #aaaaaa;
}

div.boxFwindow table td ul.pulldown li a,
div.boxFwindow table td ul.pulldown li span{
background: url(../img/bgr_Fwindow_pulldown.gif) no-repeat right center;
padding: 1px 21px 1px 4px;
border: 1px solid #cbcbcb;
display: block;
}

/* プルダウン */
div.boxFwindowPulldown{
background: #f7f4f0;
border: 1px solid #ccc7c2;
width: 181px;
}

div.boxFwindowPulldown ul.list li.on{
padding: 2px 10px;
color: #bfbab6;
}

div.boxFwindowPulldown ul.list li a{
display: block;
padding: 2px 10px;
}

div.boxFwindowPulldown p.btn{
font-size: 0;
line-height: 1;
text-align: center;
margin: 9px 0 9px 0;
}

div.boxFwindowPulldown ul li a:link { text-decoration:none; color:#333333; }
div.boxFwindowPulldown ul li a:visited { text-decoration:none; color:#333333; }
div.boxFwindowPulldown ul li a:hover { text-decoration:none; color:#333333; background:#ffffff; }
div.boxFwindowPulldown ul li a:active { text-decoration:none; color:#333333; background:#ffffff; }

/* フロートバナー */
div.pickupArea{
width:104px;
}

div.pickupArea p.ban{
padding:2px 2px 2px 2px;
line-height:0%;
font-size:0%;
background:#ffffff;
}

/* ===== 汎用フロートウィンドウ ===== */
div.boxComFwin{
background: url(../img/bgr_com_fmessage.png) no-repeat;
padding: 10px 0 0 0;
width: 265px;
}

div.boxComFwin02{
background: url(../img/bgr_com_fmessage03.png) no-repeat left bottom;
padding: 0 0 15px 0;
}

div.boxComFwin03{
background: url(../img/bgr_com_fmessage02.png) repeat-y;
padding: 15px 45px 15px 10px;
position:relative;
}

div.boxComFwin p.btnClose{
position:absolute;
top:-2px;
right:15px;
}

div.boxComFwin strong{
color:#ee7801;
}

/* ===== CLヘッダー ===== */
#entryCl,#detailCl{
background: none;
}

/* ===== 検索一覧タイトル ===== */
h2.titSearchIchiran{
font-size: 0;
line-height: 1;
margin: 15px 0 0 0;
}

/* ===== ケータイ・スマホに送る ===== */
body#mobile{
background: none;
width: 541px;
margin: 30px auto 10px auto;
}

body#mobile h1.titHistory{
font-size: 0;
line-height: 1;
}

body#mobile table.tableCom{
float: left;
width: 417px;
}

body#mobile table.tableConf{
float: none;
width: 100%;
}

body#mobile table.tableCom th{
background: #f7f4f0;
width: 110px;
}

body#mobile table.tableCom td input.middle{
width: 247px;
}

body#mobile p.qr{
float: right;
width: 114px;
font-size: 0;
line-height: 1;
margin: 15px 0 0 0;
}

/* ===== 駅路線検索 ===== */
div.boxEkirosenSelect{
background: url(../img/bgr_ekirosen_box01.gif) no-repeat;
padding: 3px 0 0 0;
margin: 15px 0 0 0;
}

div.boxEkirosenSelect02{
background: url(../img/bgr_ekirosen_box03.gif) no-repeat left bottom;
padding: 0 0 3px 0;
}

div.boxEkirosenSelect03{
background: url(../img/bgr_ekirosen_box02.gif) repeat-y;
padding: 5px 0 15px 11px;
}

div.boxEkirosenSelect dl{
width: 299px;
float: left;
margin: 0 0 0 15px;
}

div.boxEkirosenSelect dl.first{
margin: 0 0 0 0;
}

div.boxEkirosenSelect dl dt{
font-size: 0;
line-height: 1;
margin: 2px 0 0 0;
}

div.boxEkirosenSelect dl dd{
margin: 10px 0 0 0;
}

div.boxEkirosenSelect dl dd select{
width: 299px;
margin: 0;
}

div.boxEkirosenSelect p.btn{
width: 100%;
float: left;
font-size: 0;
line-height: 1;
text-align: center;
margin: 15px 0 0 0;
}

div.titEkirosenKeiro{
background:#e5f8ff url(../img/bgr_com_kyujintit.gif) repeat-x left bottom;
border-top:2px solid #01abeb;
padding:10px 210px 10px 10px;
font-size:116.7%;
font-weight:bold;
margin: 30px 0 15px 0;
}

div.titEkirosenKeiro span{
font-weight: normal;
margin: 0 0 0 10px;
}

p.txtEkirosenEki{
font-size: 14px;
font-weight: bold;
border-left: 3px solid #ee7801;
padding: 0 0 0 7px;
margin: 7px 0 0 10px;
}

p.txtEkirosenRosen{
background: #f7f4f0 url(../img/bgr_ekirosen_line.gif) repeat-y;
width: 887px;
padding: 6px 0 6px 13px;
margin: 7px 0 0 25px;
}

p.btnEkirosen{
background: #f7f4f0 url(../img/bgr_com_dot.gif) repeat-x;
width: 930px;
font-size: 0;
line-height: 1;
text-align: center;
padding: 10px 0 10px 0;
margin: 15px 0 0 10px;
}

dl.txtEkirosenEkilist{
margin: 15px 0 0 0;
}

dl.txtEkirosenEkilist input{
vertical-align: middle;
margin: 0 4px 0 0;
padding: 0;
}

dl.txtEkirosenEkilist dt{
background: #f7f4f0;
padding: 7px 8px;
font-size: 14px;
font-weight: bold;
}

dl.txtEkirosenEkilist dd{
background: url(../img/bgr_ekirosen_line.gif) repeat-y;
margin: 6px 0 6px 13px;
overflow: hidden;
}

dl.txtEkirosenEkilist dd ul{
margin: -9px 0 5px 0;
}

dl.txtEkirosenEkilist dd li{
background: url(../img/bgr_com_dot.gif) repeat-x;
padding: 7px 0 0 0;
margin: 7px 0 0 16px;
}

dl.txtEkirosenEkilist dd li label{
float: left;
width: 210px;
font-size: 14px;
font-weight: bold;
}

dl.txtEkirosenEkilist dd li span{
float: right;
width: 700px;
}

dl.txtEkirosenEkilist dd li span a{
background: url(../img/obj_common_arrow.gif) 0 50% no-repeat;
padding:0 0 0 8px;
}

/* ===== 求人詳細画面：アイコン/職種・キャッチコピー/ボタン/求人店舗 ===== */
div.boxDtlHead{
position:relative;
margin:15px 0 0 0;
border-bottom: 1px solid #ccc7c2;
padding: 0 170px 5px 0;
min-height:70px;
}

div.boxDtlHead span.ico,
div.boxDtlHead span.ico02,
div.boxDtlHead span.koy{
vertical-align:top;
}

div.boxDtlHead span.ico img{
margin:4px 0 0 0;
}

div.boxDtlHead span.ico02 img{
margin:1px 0 0 -3px;
}

/*職種・キャッチコピー*/

div.boxDtlHead span.sho{
display:block;
color:#ee7801;
font-weight:bold;
font-size:16px;
line-height:150%;
margin:5px 0 0 -8px;
}

div.boxDtlHead span.sho img{
vertical-align:top;
margin:4px 0 0 3px;
}

/*ボタン*/

div.boxDtlHead div.btn p.btnTwitter{
position:absolute;
top:00px;
right:105px;
}

div.boxDtlHead div.btn .btnFacebook{
position:absolute;
top:0px;
right:0;
}

div.boxDtlHead div.btn p.btnSuguoubo{
position:absolute;
top:25px;
right:00px;
}

div.boxDtlHead div.btn p.btnHozon{
position:absolute;
top:0;
right:00px;
}


/*求人店舗*/

div.boxDtlHead .titTenpo{
font-size: 16px;
line-height: 1.2;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
margin: 5px 0 0 0;
font-weight:bold;
}

div.boxDtlHead .titTenpo span{
display:block;
}

/* ===== 求人詳細画面：給与・シフト・勤務地・最寄り駅 ===== */

/* 給与・シフト・勤務地・最寄り駅 */
table.joukenDtlTable{
margin:15px 0 0 0;
border-top:1px solid #ccc7c2;
border-left:1px solid #ccc7c2;
width:100%;
}

table.joukenDtlTable td,
table.joukenDtlTable th{
border-bottom:1px solid #ccc7c2;
border-right:1px solid #ccc7c2;
padding:5px;
}

table.joukenDtlTable th{
font-weight:normal;
text-align:left;
background:#ffecd8;
width:10%;
}

table.joukenDtlTable td{
width:40%;
background:#ffffff;
}

table.joukenDtlTable td li{
float:left;
margin-right:5px;
white-space:nowrap;
}

table.joukenDtlTable td img{
margin:-2px 0 -6px 5px;
}

/* ===== 求人詳細画面：スペシャルページ ===== */
p.txtSpecial{

height:23px;
background: url(../img/bgr_dtl_special.gif) no-repeat;
margin:15px 0 0 0;
padding:6px 0 0 200px;
font-size:14px;
font-weight:bold;
}

/* ===== 求人詳細画面：タイトル ===== */
div.boxDtlTit{
position:relative;
background:#e5f8ff url(../img/bgr_com_kyujintit.gif) repeat-x left bottom;
border-top:2px solid #01abeb;
padding:10px 10px 10px 10px;
margin:15px 0 0 0;
}

div.boxDtlTit h2{
font-size:116.7%;
font-weight:bold;
color:#0070be;
padding:0 0 0 0;
}

div.boxDtlTit p.txt{
background: url(../img/bgr_com_dot.gif) left top repeat-x;
padding:10px 0 0 0;
margin:10px 0 0 0;
}

div.boxDtlTit p.btn{
position:absolute;
top:10px;
right:10px;
}

/* ===== 求人詳細画面：写真×1 ===== */

div.boxDtlPhoto{
width:465px;
margin:15px auto 0 auto;
background: url(../img/bgr_dtl_photo02.gif) repeat-y;
position:relative;
}

div.boxDtlPhoto div.boxDtlPhoto02{
background: url(../img/bgr_dtl_photo01.gif) left top no-repeat;
}

div.boxDtlPhoto div.boxDtlPhoto03{
background: url(../img/bgr_dtl_photo03.gif) left bottom no-repeat;
}

/*写真*/

div.boxDtlPhoto div.boxPht div.pht{
overflow:hidden;
width:370px;
height:275px;
margin:10px auto 0 auto;
border:5px solid #ffffff;
}

div.boxDtlPhoto div.boxPht div.pht table td{
background:#ffffff;
width:370px;
height:275px;
text-align:center;
vertical-align:middle;
}

div.boxDtlPhoto div.boxPht p.txt{
margin:5px 10px 10px 10px;
}

div.boxDtlPhoto div.boxPht p.txt span,
div.boxDtlPhoto div.boxPht02 p.txt span{
background: url(../img/img_dtl_fukidashi.gif) left top no-repeat;
padding:0 0 0 20px;
}

/* ===== 求人詳細画面：写真×2 ===== */

div.boxDtlPhotoCol2{
width:950px;
margin-top:15px;
background: url(../img/bgr_dtl_photocol202.gif) repeat-y;
position:relative;
}

div.boxDtlPhotoCol2 div.boxDtlPhotoCol202{
background: url(../img/bgr_dtl_photocol201.gif) left top no-repeat;
}

div.boxDtlPhotoCol2 div.boxDtlPhotoCol203{
background: url(../img/bgr_dtl_photocol203.gif) left bottom no-repeat;
}

/*写真*/

div.boxDtlPhotoCol2 div.boxPht{
float:left;
width:465px;
}

div.boxDtlPhotoCol2 div.boxPht02{
float:right;
width:465px;
}


div.boxDtlPhotoCol2 div.boxPht div.pht,
div.boxDtlPhotoCol2 div.boxPht02 div.pht{
overflow:hidden;
width:370px;
height:275px;
margin:10px auto 0 auto;
border:5px solid #ffffff;
}

div.boxDtlPhotoCol2 div.boxPht div.pht table td,
div.boxDtlPhotoCol2 div.boxPht02 div.pht table td{
background:#ffffff;
width:370px;
height:275px;
text-align:center;
vertical-align:middle;
}

div.boxDtlPhotoCol2 div.boxPht p.txt,
div.boxDtlPhotoCol2 div.boxPht02 p.txt{
margin:5px 10px 10px 10px;
}

div.boxDtlPhotoCol2 div.boxPht p.txt span,
div.boxDtlPhotoCol2 div.boxPht02 p.txt span{
background: url(../img/img_dtl_fukidashi.gif) left top no-repeat;
padding:0 0 0 20px;
}

/* ===== 求人詳細画面：募集終了 ===== */
p.txtEnd{
background:#fff2f2;
border: 1px solid #ff9999;
margin:15px 0 -5px 0;
padding:10px 10px 10px 10px;
}

p.txtEnd strong{
color: #ff0000;
}

/* ===== 求人詳細画面：外部応募 ===== */
p.txtGaibu{
position:absolute;
top:00px;
right:00px;
background:#fff2f2;
border: 1px solid #ff9999;
margin:10px 10px 0 0;
padding:5px 5px 5px 5px;
}

p.txtGaibu strong{
color: #ff0000;
}



/* ===== 求人詳細画面：応募専用ダイヤル/アクションボタン ===== */

div.boxDtlDial{
background:#f7f4f0 url(../img/bgr_com_dot.gif) left top repeat-x;
padding:10px 350px 10px 10px;
margin-top:15px;
position:relative;
min-height:85px;
}

div.boxDtlDial .dial img{
vertical-align:bottom;
margin:0 5px 0 0;
}

div.boxDtlDial .dial{
color:#e30303;
font-size:16px;
font-weight:bold;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}

div.boxDtlDial li{
margin-top:5px;
}

/* アクションボタン */
div.boxDtlDial p.btnTwitter{
position:absolute;
bottom:41px;
right:240px;
z-index:1;
}

div.boxDtlDial p.btnFacebook{
position:absolute;
bottom:40px;
right:135px;
z-index:1;
line-height:0%;
}

div.boxDtlDial ul.lstFuncBtn{
position:absolute;
bottom:10px;
right:10px;
}

div.boxDtlDial ul.lstFuncBtn li{
float:left;
margin:0 0 0 5px;
line-height:0%;
font-size:0%;
}

div.boxDtlDial ul.lstFuncBtn li.btnHozon img,
div.boxDtlDial ul.lstFuncBtn li.btnKeitai img{
margin:24px 0 0 0;
}

/* ===== 求人詳細画面：フリーエリア ===== */

div.boxDtlFree{
width:960px;
margin-top:15px;
background: url(../img/bgr_dtl_free02.gif) repeat-y;
position:relative;
}

div.boxDtlFree02{
background: url(../img/bgr_dtl_free.gif) left top no-repeat;
}

div.boxDtlFree03{
background: url(../img/bgr_dtl_free03.gif) left bottom no-repeat;
padding-bottom:10px;
}

div.boxDtlFree h3{
font-size: 16px;
line-height: 1.2;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
padding:10px 5px 0px 43px;
height:26px;
}

div.boxDtlFree h4{
font-size: 14px;
line-height: 1.2;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
color:#f03282;
}

div.boxDtlFree .container{
margin:10px 10px 0 10px;
}



div.boxDtlFree div.pht{
overflow:hidden;
width:183px;
height:138px;
border:5px solid #ffe6f0;
float:left;
}

div.boxDtlFree div.pht table td{
background:#ffffff;
width:183px;
height:138px;
text-align:center;
vertical-align:middle;
}



div.boxDtlFree p.pht{
padding:5px;
background:#ffe6f0;
line-height:0%;
font-size:0%;
width:183px;
float:left;
}

div.boxDtlFree p.pht span{
display:block;
text-align:center;
width:183px;
height:138px;
background:#ffffff;
}

div.boxDtlFree div.txt{
width:726px;
float:right;
}

div.boxDtlFree div.txt p{
margin:10px 0 0 0;
}

/* ===== 求人詳細画面：ココが知りたい ===== */

div.boxDtlKoko{
width:960px;
margin-top:15px;
background: url(../img/bgr_dtl_koko.gif) repeat-y;
position:relative;
}

div.boxDtlKoko02{
background: url(../img/bgr_dtl_koko02.gif) left bottom no-repeat;
padding-bottom:10px;
}

div.boxDtlKoko p.txt{
margin:10px 10px 0 10px;
}

div.boxDtlKoko div.container{
position:relative;
}

div.boxDtlKoko div.container div{
height:38px;
width:443px;
position:relative;
}

div.boxDtlKoko div.container div.nenrei{
margin:10px 0 0 20px;
float:left;
}

div.boxDtlKoko div.container div.danjohi{
margin:10px 0 0 20px;
float:left;
}

div.boxDtlKoko div.container div.seikaku{
margin:10px 0 0 20px;
float:left;
}

div.boxDtlKoko div.container div.ninzu{
margin:10px 0 0 20px;
float:left;
}

div.boxDtlKoko .gph{
position:absolute;
top:20px;
left:0;
}

div.boxDtlKoko .no01{
position:absolute;
top:00px;
left:168px;
}

div.boxDtlKoko .no02{
position:absolute;
top:00px;
left:202px;
}

div.boxDtlKoko .no03{
position:absolute;
top:00px;
left:236px;
}

div.boxDtlKoko .no04{
position:absolute;
top:00px;
left:270px;
}

div.boxDtlKoko .no05{
position:absolute;
top:00px;
left:304px;
}

div.boxDtlKoko .no06{
position:absolute;
top:00px;
left:338px;
}

div.boxDtlKoko div.container02{
background: url(../img/bgr_com_dot.gif) repeat-x;
margin:10px 0 0 0;
padding:1px 0 0 0;
}

div.boxDtlKoko h4{
margin:10px 0 0 10px;
width:200px;
float:left;
}

div.boxDtlKoko .txt02{
margin:10px 10px 0 10px;
width:710px;
float:right;
}

/* ===== 求人詳細画面：写真で詳しく ===== */

div.boxDtlShashin{
width:960px;
margin-top:15px;
background: url(../img/bgr_dtl_shashin.gif) repeat-y;
position:relative;
}

div.boxDtlShashin02{
background: url(../img/bgr_dtl_shashin02.gif) left bottom no-repeat;
padding-bottom:10px;
}

div.boxDtlShashin div.container{
margin:10px 10px 0 10px;
}



div.boxDtlShashin div.pht{
overflow:hidden;
width:146px;
height:110px;
border:5px solid #f3e5ff;
float:left;
}

div.boxDtlShashin div.pht table td{
background:#ffffff;
width:146px;
height:110px;
text-align:center;
vertical-align:middle;
}

div.boxDtlShashin p.txt{
width:764px;
float:right;
}

div.boxDtlShashin p.txt span{
background: url(../img/img_dtl_fukidashi02.gif) left top no-repeat;
padding:0 0 0 20px;
}

/*2カラムの場合*/

div.boxDtlShashin div.col2{
background: url(../img/bgr_com_dot02.gif) 50% 0 repeat-y;
}

div.boxDtlShashin div.col2 div.boxPht{
width:450px;
float:left;
}

div.boxDtlShashin div.col2 div.boxPht02{
width:450px;
float:right;
}

div.boxDtlShashin div.col2 p.txt{
width:284px;
}

/* ===== 求人詳細画面：テーブル ===== */
table.tableDtl{
width: 100%;
border-left: 1px solid #ccc7c2;
border-top: 1px solid #ccc7c2;
margin: 15px 0 0 0;
}

table.tableDtl th,
table.tableDtl td{
text-align: left;
vertical-align: top;
border-right: 1px solid #ccc7c2;
border-bottom: 1px solid #ccc7c2;
padding: 10px;
}

table.tableDtl th{
background: #fff6c2;
width: 200px;
font-weight: normal;
border-right: none;
}

table.tableDtl ul.lstIcon{
margin:-5px 0 0 -5px;
}

table.tableDtl ul.lstIcon li{
float:left;
margin:5px 0 0 5px;
line-height:0%;
font-size:0%;
}

table.tableDtl .dial img{
vertical-align:bottom;
margin:0 5px 0 0;
}

table.tableDtl .dial{
color:#e30303;
font-size:16px;
font-weight:bold;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}

table.tableDtl .lstDial li{
margin-top:5px;
}

/* ===== 求人詳細画面：この企業のアルバイト情報を全てチェック！ ===== */

div.boxDtlCheck{
width:960px;
margin-top:15px;
background: url(../img/bgr_dtl_check.gif) repeat-y;
position:relative;
}

div.boxDtlCheck02{
background: url(../img/bgr_dtl_check02.gif) left bottom no-repeat;
padding-bottom:10px;
}

div.boxDtlCheck02 h3.titCheck{
background:#e5f8ff url(../img/tit_dtl_check.gif) 0 0 no-repeat;
padding:8px 0 8px 35px;
font-size:13px;
font-family:"メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}

div.boxDtlCheck02 h3.titCheck span{
display:block;
width:590px;

}


/*もっと見るボタン*/

div.boxDtlCheck02 p.btnMore a{
position:absolute;
top:4px;
right:4px;
background: url(../img/btn_com_moretxt.gif) 0 0 no-repeat;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
width:317px;
height:19px;
text-align:center;
padding:4px 0 0 0;
color:#333333;
font-weight:bold;
}

div.boxDtlCheck02 p.btnMore a:hover{
text-decoration:none;
}

div.boxDtlCheck02 p.btnMore span{
color:#ee7801;
}

div.boxDtlCheck02 ul.lstCheck{
margin:5px 10px 0 10px;
}

div.boxDtlCheck02 ul.lstCheck li{
margin:5px 0 0 0;
}

div.boxDtlCheck02 ul.lstCheck a{
background: url(../img/obj_common_arrow.gif) 0 0.3em no-repeat;
padding:0 0 0 8px;
}


div.boxDtlCheck02 ul.lstJoukn{
margin:5px 10px 0 10px;
}

div.boxDtlCheck02 ul.lstJoukn li{
float:left;
margin:5px 10px 0 0;
white-space:nowrap;
}

div.boxDtlCheck02 ul.lstJoukn a{
background: url(../img/obj_common_arrow.gif) 0 0.3em no-repeat;
padding:0 0 0 8px;
}

div.boxDtlCheck02 dl{
margin:0 10px 0 10px;
float:left;
}

div.boxDtlCheck02 dt{
margin:5px 0 0 0;
}

div.boxDtlCheck02 dt a{
background: url(../img/obj_common_arrow.gif) 0 0.3em no-repeat;
padding:0 0 0 8px;
}

div.boxDtlCheck02 ul.lstJoukn02{
margin:5px 10px 0 10px;
}

div.boxDtlCheck02 ul.lstJoukn02 li{
float:left;
margin:0 10px 0 0;
white-space:nowrap;
}


/* ===== 求人詳細画面：こんな条件でも検索/このお仕事を友達に教えてあげよう ===== */

div.boxDtlKonnaOshieru{
width:960px;
margin-top:15px;
background: url(../img/bgr_dtl_konnaoshieru.gif) repeat-y;
position:relative;
}

div.boxDtlKonnaOshieru02{
background: url(../img/bgr_dtl_konnaoshieru02.gif) left bottom no-repeat;
padding-bottom:10px;
}

div.boxDtlKonnaOshieru div.boxKonna{
width:465px;
float:left;
}

div.boxDtlKonnaOshieru div.boxOshieru{
width:465px;
float:right;
}

div.boxDtlKonnaOshieru ul{
margin:5px 10px 0 10px;
}

div.boxDtlKonnaOshieru ul li{
margin:5px 0 0 0;
}

div.boxDtlKonnaOshieru ul li a{
background: url(../img/obj_common_arrow.gif) 0 0.3em no-repeat;
padding:0 0 0 8px;
}

div.boxDtlKonnaOshieru .txt{
margin:10px 10px 0 10px;
}

div.boxDtlKonnaOshieru .btn{
margin:10px 0 0 0;
text-align:center;
}

/* ===== 求人詳細画面：プレミアムA/B ===== */

div.boxDtlCol1{
margin:15px 0 0 0;
}

div.boxDtlMain div.pht{
overflow:hidden;
width:940px;
height:380px;
border:5px solid #e5f8ff;
}

div.boxDtlMain div.pht table td{
background:#ffffff;
width:940px;
height:380px;
text-align:center;
vertical-align:middle;
}

/* ===== 求人詳細画面：プレミアムC ===== */

div.boxDtlCol2Prec{
margin:15px 0 0 0;
}

div.boxDtlCol2Prec div.boxDtlMain{
width:455px;
float:left;
}

div.boxDtlCol2Prec div.pht{
width:455px;
height:455px;
}

div.boxDtlCol2Prec div.pht table td{
width:455px;
height:455px;
}

div.boxDtlCol2Prec div.boxDtlTit{
position:static;
width:445px;
float:right;
margin:0 0 0 0;
}

div.boxDtlCol2Prec div.boxDtlTit h2{
padding:0 0 0 0;
}

div.boxDtlCol2Prec div.boxDtlTit p.btn{
position:static;
margin:10px 0 0 0;
text-align:center;
}

/* ===== 求人詳細画面：プレミアムD ===== */

div.boxDtlCol2Pred{
background: url(../img/bgr_dtl_shashinpred.gif) left bottom no-repeat;
margin:15px 0 0 0;
}

div.boxDtlCol2Pred div.boxDtlMain{
width:455px;
float:left;
}

div.boxDtlCol2Pred div.boxDtlMain div.pht{
width:455px;
height:455px;
}

div.boxDtlCol2Pred div.boxDtlMain div.pht table td{
width:455px;
height:455px;
}

div.boxDtlCol2Pred div.boxDtlShashin{
width:465px;
margin-top:0;
background:none;
float:right;
}

div.boxDtlCol2Pred div.boxDtlShashin02{
background:none;
}

div.boxDtlCol2Pred div.boxDtlShashin div.container{
margin:10px 10px 0 10px;
}

div.boxDtlCol2Pred div.boxDtlShashin div.boxPht02{
background: url(../img/bgr_com_dot.gif) 0 0 repeat-x;
padding:10px 0 0 0;
margin:10px 0 0 0;
}

div.boxDtlCol2Pred div.boxDtlShashin p.txt{
width:278px;
}

/* ===== おすすめコンテンツ ===== */
h2.titTopKodawari{
margin-top:15px;
}

div.lstOsusume{
margin:15px 0 0 -20px;
width:970px;
background: url(../img/bgr_com_osusume.gif) 22px 0 repeat-y;
}

div.lstOsusume dl{
float:left;
width:303px;
margin:0 0 0 20px;
}

div.lstOsusume dt{
float:left;
width:50px;
}

div.lstOsusume dd{
float:right;
width:243px;
}

div.lstOsusume dd a{
display:block;
font-weight:bold;
}