@charset "utf-8";

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

	common.css

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

/* ===== 全体・レイアウト ===== */
body{
/*background: url(/user/img/kiyaku/bgr_common_body.gif) repeat-x;*/
padding:3px 0 0 0;
}

div#contetns{
width:950px;
min-height:320px;
margin:0 auto;
padding-bottom:20px;
}

div#main{
width:715px;
float:left;
}

div#sub{
width:215px;
float:right;
margin: 5px 0 0 0;
}

/*1カラムレイアウトの場合*/
div.columnSingle div#main{
width:950px;
float:none;
}

/* ===== お知らせ欄 ===== */
div.boxInfo{
background:#ffecd8;
border:1px solid #ee7801;
margin:15px 0 0 0;
padding:5px 5px 5px 8px;
}

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

/* ===== 共通フリーワード検索 ===== */
form.boxComFword{
position:absolute;
top:0px;
left:0px;
}

form.boxComFword div.container{
position:relative;
width:348px;
height:26px;
}

form.boxComFword p.tit{
position:absolute;
}

form.boxComFword p.fom{
position:absolute;
top:0px;
left:123px;
}

form.boxComFword p.fom input{
display:block;
border:0;
padding:5px;
width:167px;
height:16px;
background: url(/user/img/kiyaku/bgr_common_freeword.gif) no-repeat;
font-size:100%;
}

form.boxComFword p.btn{
position:absolute;
top:0px;
right:0px;
}

/* ===== 検索結果無し ===== */
div#boxSchZero{
margin:60px 0 60px 0;
text-align:center;
line-height:180%;
}

div#boxSchZero strong{
font-size:133.3%;
color:#ff0000;
}

div#boxSchZero a{
display:block;
padding:15px 0 0 0;
}

/* ===== 404 ===== */
div#boxSysError{
margin:60px 0 60px 0;
text-align:center;
line-height:180%;
}

div#boxSysError strong{
font-size:133.3%;
color:#ff0000;
background: url(/user/img/kiyaku/bgr_com_error.gif) no-repeat 0px 0px;
padding: 0 0 0 21px;
}

ul.lstError{
margin:5px 0 30px 0;
}

ul.lstError li{
margin:10px 10px 0 0;
float:left;
width:227px;
}

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

/* ===== 検索条件パネル ===== */

/*エリア・駅路線・職種・こだわり*/
div#boxJouken{
background: url(/user/img/kiyaku/bgr_sch_jouken.gif) no-repeat;
margin-top:15px;
padding:7px 0 0 0;
}

div#boxJouken div.container{
background: url(/user/img/kiyaku/bgr_sch_jouken03.gif) left bottom  no-repeat;
padding:0 0 7px 0;
}

div#boxJouken div.container02{
background: url(/user/img/kiyaku/bgr_sch_jouken02.gif) repeat-y;
padding:0 2px;
position:relative;
}

div#boxJouken th{
width:195px;
padding:6px 6px 6px 6px;
background: url(/user/img/kiyaku/bgr_sch_jouken04.gif) repeat-x;
text-align:left;
}

div#boxJouken td{
width:573px;
background: url(/user/img/kiyaku/bgr_com_dot.gif) repeat-x;
vertical-align:middle;
padding:10px 10px 10px 10px;
}

div#boxJouken tr.first th{
background:none;
padding:0 6px 6px 6px;
}

div#boxJouken tr.end th{
padding:6px 6px 0 6px;
}

div#boxJouken th img{
float:left;
}

div#boxJouken th a{
display:block;
float:right;
}

div#boxJouken tr.first td{
background:none;
padding:5px 10px 10px 10px;
}

div#boxJouken tr.end td{
padding:10px 10px 5px 10px;
}

div#boxJouken p.btnClear{
display:table-cell;
vertical-align:middle;
line-height:0%;
font-size:0%;
}

div#boxJouken p.btnChange{
margin:-5px 0;
line-height:0%;
font-size:0%;
}

div#boxJouken ul{
display:table-cell;
vertical-align:middle;
}

*:first-child+html div#boxJouken p.btnClear,
*:first-child+html div#boxJouken ul{/* IE 7 */
display:inline;
zoom:1;
}

div#boxJouken table.tableJouken li{
float:left;
margin:0 0 0 10px;
white-space:nowrap;
}

/*フリーワード検索*/
div#boxJouken form.boxSchFword{
margin:-5px -5px -5px 0;
}

div#boxJouken form.boxSchFword div.inner{
position:relative;
width:578px;
height:26px;
}

form.boxSchFword p.fom input{
display:block;
border:0;
padding:5px;
width:503px;
height:16px;
background: url(/user/img/kiyaku/bgr_sch_freeword.gif) no-repeat;
font-size:100%;
}

div#boxJouken form.boxSchFword p.btn{
position:absolute;
top:0px;
right:0px;
}

/*楽ピタボタン*/
div#boxJouken ul.btnRakupita{
position:absolute;
top:0px;
right:12px;
}

div#boxJouken ul.btnRakupita li{
margin:5px 0 0 0;
line-height:0%;
font-size:0%;
}

/* ===== 検索件数・ページャー・ソート ===== */

/*検索件数*/
p.txtNum{
margin-top:30px;
font-size:116.7%;
}

p.txtNum strong{
font-size:128.6%;
line-height:100%;
color:#ee7801;
}

p.txtNum em{
font-weight:bold;
}

/*ページャー*/

div.boxSearchFunction ul.lstPager{
float:left;
}

div.boxSearchFunction ul.lstPager li{
float:left;
background:#d9d3ce;
height:16px;
text-align:center;
font-size:12px;
line-height:1;
margin:10px 3px 0 0;
padding:4px 7px 0 7px;
font-weight:bold;
color:#ffffff;
}

div.boxSearchFunction ul.lstPager li a{
display:block;
float:left;
background:#d0f2ff;
height:16px;
text-align:center;
font-size:12px;
line-height:1;
margin:-4px -7px 0 -7px;
padding:4px 7px 0 7px;
font-weight:normal;
}

/*ソート*/

div.boxSearchFunction  ul.btnSort{
float:right;
margin:0 0 0 10px;
}

div.boxSearchFunction  ul.btnSort li{
float:left;
}

/*ブックマーク用リンク*/
p.btnBookmark{
margin-top:10px;
color:#999999;
}

p.btnBookmark img{
vertical-align:middle;
margin:0 10px 0 0;
}

/* ===== 注目 ===== */
p.txtChumoku{
width:905px;
height:19px;
background: url(/user/img/kiyaku/bgr_sch_chumoku.gif) no-repeat;
margin:10px 0 0 0;
padding:4px 0 0 45px;
font-size:14px;
font-weight:bold;
}

/* ===== 20件表示・もっと見る ===== */
p.btnSchMore{
margin:30px 0 0 0;
padding:15px 0 0 0;
background: url(/user/img/kiyaku/bgr_com_dot.gif) repeat-x;
text-align:center;
}

/* ===== 現在の検索条件 ===== */
.titNitajouken{
font-size:16px;
font-weight:normal;
font-family:"メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
margin:30px 0 0 0;
padding:0 0 4px 0;
background: url(/user/img/kiyaku/bgr_com_dot.gif) left bottom repeat-x;
}

.titNitajouken img{
vertical-align:bottom;
margin:0 6px 0 0;
}

/* ===== 似た条件のアルバイト ===== */
div.boxSchNitajouken{
margin:15px 0 0 0;
background: url(/user/img/kiyaku/bgr_sch_nitajouken.gif) repeat-y;
}

div.boxSchNitajouken div.container{
padding-bottom:8px;
background: url(/user/img/kiyaku/bgr_sch_nitajouken02.gif) left bottom no-repeat;
}

div.boxSchNitajouken dl{
margin:0 0 0 1px;
}

div.boxSchNitajouken dl dt{
background:#f7f4f0 url(/user/img/kiyaku/bgr_sch_jouken04.gif) repeat-x;
width:118px;
padding:10px 0 0 10px;
float:left;
}

div.boxSchNitajouken dl dd{
background: url(/user/img/kiyaku/bgr_com_dot.gif) repeat-x;
width:800px;
padding:10px 10px 10px 10px;
float:right;
}

div.boxSchNitajouken dl.first dd{
background: url(/user/img/kiyaku/bgr_sch_jouken04.gif) repeat-x;
}

div.boxSchNitajouken dl.end dt,
div.boxSchNitajouken dl.end dd{
padding-bottom:0;/*※省略表記不可*/
}

div.boxSchNitajouken ul li{
float:left;
border-left:1px solid #333333;
margin:2px 0 0 7px;
padding:0 0 0 7px;
line-height:1;
white-space:nowrap;
}

div.boxSchNitajouken ul li.first{
margin:2px 0 0 0px;
padding:0 0 0 0px;
border-left:0;
}

/* ===== 共通JSビューア ===== */
div.boxComViewer{
width:950px;
overflow:hidden;
margin:15px auto 0 auto;
background: url(/user/img/kiyaku/bgr_com_viewerlong.gif) repeat-y;
position:relative;
}

div.boxComViewer div.container{
background: url(/user/img/kiyaku/bgr_com_viewerlong02.gif) left bottom no-repeat;
height:280px;
overflow:hidden;
}

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

p.saidoCheck{
margin:15px auto 0 auto;
}

div.saidoCheck{
margin:3px auto 0 auto;
}


div.saidoCheck div.container{
height:auto;
}

div.boxComViewer ul.lstCheck{
margin:10px 10px 10px 12px;
}

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

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

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

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

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

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

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

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

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

div.boxComViewer div.lstPht div.inner{
float:left;
margin:0 33px 0 34px;
}

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

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

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

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

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

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

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

/* ===== 求人一覧（基本） ===== */
div.lstKyujin{
margin-top:-15px;
}

div.boxKyujin{
margin-top:30px;
}

div.boxKyujin .container{
margin:0 10px;
position:relative;
}

div.boxKyujin .boxPht{
float:left;
width:193px;
}

div.boxKyujin .boxInfo{
float:right;
width:715px;
background:none;
border:0;
margin:0 0 0 0;
}

/* 見出し */
div.boxKyujin .boxTit{
position:relative;
background:#e5f8ff url(/user/img/kiyaku/bgr_com_kyujintit.gif) repeat-x left bottom;
border-top:2px solid #01abeb;
padding:10px 210px 10px 10px;
min-height:27px;
}

div.boxKyujin .boxTit span.ico{
display:block;
float:left;
}

div.boxKyujin .boxTit span.ico img{
vertical-align:middle;
margin:0 5px 0 0;
}

div.boxKyujin .boxTit h2{
font-size:116.7%;
}

div.boxKyujin .boxTit h2 strong{
max-width:650px;
font-weight:bold;
float:left;
}

div.boxKyujin .boxTit h2 img{
margin-left:3px;
}

div.boxKyujin .tohKoy{
display:block;
position:absolute;
top:10px;
right:10px;
}

div.boxKyujin .boxTit .toh{
display:block;
border:1px solid #ffffff;
background:#6eca37;
padding:5px 5px 2px 5px;
width:60px;
text-align:center;
float:left;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
font-weight:bold;
color:#ffffff;
}

div.boxKyujin .boxTit .min5{
background:#e83f3e;
}

div.boxKyujin .boxTit .koy{
float:left;
}

div.boxKyujin .boxTit .koy img{
margin:0 0 0 3px;
}

/*写真ボタン*/
div.boxKyujin div.boxPht ul.lstBtn li,
div.boxKyujin div.boxPht ul.lstBtn li a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:32px;
height:32px;
}

div.boxKyujin div.boxPht ul.lstBtn li.prev{
background: url(/user/img/kiyaku/btn_com_viewermini.png) 0 -64px no-repeat;
position:absolute;
top:67px;
left:-15px;
}

div.boxKyujin div.boxPht ul.lstBtn li.next{
background: url(/user/img/kiyaku/btn_com_viewermini02.png) 0 -64px no-repeat;
position:absolute;
top:67px;
left:176px;
}

div.boxKyujin div.boxPht ul.lstBtn li.prev a{
background: url(/user/img/kiyaku/btn_com_viewermini.png) 0 0 no-repeat;
}

div.boxKyujin div.boxPht ul.lstBtn li.next a{
background: url(/user/img/kiyaku/btn_com_viewermini02.png) 0 0 no-repeat;
}

div.boxKyujin div.boxPht ul.lstBtn li a:hover{
background-position:0 -32px;
}

/*ナビ*/
div.boxKyujin div.boxPht ul.lstNavi{
margin:0 0 0 0;
text-align:center;
}

div.boxKyujin div.boxPht ul.lstNavi li{
display:inline;
color:#d9d3ce;
margin:0 -2px 0 -2px;
font-size:10px;
line-height:1;
}

div.boxKyujin div.boxPht ul.lstNavi li.on{
color:#ee7801;
}


/*写真*/

div.boxKyujin div.boxPht div.pht{
overflow:hidden;
width:183px;
height:138px;
margin-top:10px;
border:5px solid #e5f8ff;
}

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

div.boxKyujin div.boxPht div.pht table a{
padding:0 0 0 0;
}

/* 職種・キャッチコピー */
div.boxKyujin .sho{
margin:10px 0 0 0;
font-weight:bold;
color:#ee7801;
}

div.boxKyujin .sho img{
margin-left:3px;
vertical-align:top;
}

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

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

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

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

table.joukenTable td li{
float:left;
margin-right:5px;
white-space:nowrap;
background: none;
padding:0 0 0 0px;
}

table.joukenTable td img{
margin:-2px 0 -1px 2px;
vertical-align:top;
}

/* 説明文・条件アイコン */

div.boxKyujin .txt{
margin:10px 0 0 0;
float:left;
width:350px;
}

div.boxKyujin .lstIcon{
margin:5px 0 0 0;
float:right;
width:365px;
}

div.boxKyujin .lstIcon li{
float:left;
margin:5px 0 0 5px;
line-height:0%;
font-size:0%;
background: none;
padding:0 0 0 0px;
}

/* 応募専用ダイヤル */
div.boxKyujin div.boxDial{
background:#f7f4f0;
padding:10px;
margin-top:10px;
min-height:50px;
}

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

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

div.boxKyujin ul.lstDial li{
margin-top:5px;
}

/* アクションボタン */
div.boxKyujin ul.lstFuncBtn{
position:absolute;
bottom:10px;
right:10px;
}

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

div.boxKyujin ul.lstFuncBtn li.btnHozon img,
div.boxKyujin ul.lstFuncBtn li.btnShousai img{
margin:10px 0 0 0;
}

/* ===== PR（基本に上書き） ===== */
/* 見出し */
div.pr .boxTit{
position:relative;
background:#ffe6f0 url(/user/img/kiyaku/bgr_com_kyujintit02.gif) repeat-x left bottom;
border-top:2px solid #ff569d;
padding:10px 210px 10px 10px;
min-height:27px;
}

div.boxKyujin .boxTit span.txtPr{
display:block;
margin:0 0 5px 0;
}

/*写真*/

div.pr div.boxPht div.pht{
border:5px solid #ffe6f0;
}

/* ===== チェックボックス付き求人（基本に上書き） ===== */
/* 見出し */
div.checkbox div.boxTit{
background: url(/user/img/kiyaku/bgr_com_checkbox.gif) repeat-x left bottom;
min-height:48px;
position:relative;
}

div.checkbox .check{
position:absolute;
top:10px;
left:10px;
}

div.checkbox .btnSakujo{
position:absolute;
top:10px;
right:10px;
}

div.checkbox h2{
padding:0 0 0 35px;
}

div.checkbox .tohKoy{
top:35px;
}

/* ===== 求人一覧応募系（基本に上書き） ===== */

div.oubo{
margin-top:0;
}

div.oubo div.boxKyujin{
margin-top:15px;
padding-top:5px;
background:  url(/user/img/kiyaku/bgr_com_dot.gif) repeat-x;
}

div.oubo div.first{
margin-top:0;
padding-top:5px;
background:0;
}

div.oubo .container{
margin:0;
}

div.oubo .tohKoy{
top:7px;
right:0px;
}

div.oubo .boxPht{
float:left;
width:110px;
position:relative;
}

div.oubo .boxInfo{
float:right;
width:822px;
}

/*写真*/
div.oubo div.boxPht div.pht{
width:100px;
height:75px;
margin-top:15px;
}

div.oubo div.boxPht div.pht table td{
width:100px;
height:75px;
}

/* 給与・シフト・勤務地・最寄り駅 */
div.oubo table.joukenTable th{
background:#E5F8FF;
}

/*フォームテーブル*/
div.oubo table.tableCom{
margin:10px 0 0 0;
}

div.oubo table.tableCom th{
width:160px;
}

div.oubo table.tableCom td{
padding: 10px 230px 10px 10px;
background:#ffffff;
}

div.oubo table.tableCom td ul.listLength{
min-height:24px;
}

div.oubo table.tableCom td ul.listSide{
min-height:28px;
}

div.oubo table.tableCom td p{
margin-bottom:10px;
}

div.oubo table.tableCom td strong{
color:#e30303;
}

div.oubo table.tableCom td em{
font-weight:bold;
}

div.oubo p.txtOuboTenpo{
color:#ff0000;
margin:10px 0 -7px 0;
}

div.oubo .txtOubobi{
margin:10px 0 -5px 0;
font-weight:bold;
}

/* ===== ヘッダー ===== */
#header{
background: url(/user/img/kiyaku/bgr_common_header.gif) left bottom repeat-x;
padding-bottom:5px;
}

#header div.container{
width: 950px;
margin: 0 auto 0 auto;
}

#header div.container div.fLeft{
width: 620px;
float:left;
position:relative;
}

#header div.container div.fRight{
width: 330px;
float:left;
}

#header p.logo{
float:left;
font-size: 0;
line-height: 1;
margin:2px 0 0 0;
}

#header div.boxNumArea{
float:left;
margin:15px 0 0 10px;
}

#header div.boxNumArea p.num{
font-size: 0;
line-height: 1;
width: 135px;
float: left;
}

#header div.boxNumArea p.num img{
margin: 0 1px 0 0;
}

#header div.boxNumArea p.num img.txt{
margin: 0 0 0 4px;
}

#header div.boxNumArea p.date{
background: url(/user/img/kiyaku/bgr_header_date.gif) no-repeat;
width: 53px;
height: 18px;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
font-size: 83.3%;
line-height: 110%;
text-align: center;
color: #ffffff;
float: left;
padding: 6px 0 0 5px;
margin: 0 0 0 3px;
}

#header p.message{
float:right;
width:185px;
margin:15px 0 0 0;
font-size: 83.3%;
line-height:130%;
font-weight: bold;
}

#header h1.txtRead{
margin:2px 0 0 0;
font-size: 10px;
line-height: 133%;
font-weight: normal;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}

#header p.txtRead{
margin:2px 0 0 0;
font-size: 10px;
line-height: 133%;
font-weight: normal;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}

#header p.message span,
#header p.message02 span{
color: #ee7801;
}

#header ul.btnmember{
margin:15px 0 0 0;
font-size: 0;
line-height: 1;
}

#header ul.btnmember li{
float: right;
margin: 0 0 0 10px;
}

#header ul.btnservice{
margin:7px 0 0 0;
font-size: 0;
line-height: 1;
}

#header ul.btnservice li{
float: right;
margin: 0 0 0 5px;
}

#header ul.btnarea{
width:950px;
margin:5px auto 0 auto;
font-size: 0;
line-height: 1;
}

#header ul.btnarea li{
float: left;
}

/* ===== ヘッダーCL ===== */
#headerCl{
background: #f8f5f0 url(/user/img/kiyaku/bgr_cl_tit.gif) no-repeat left bottom;
width: 100%;
padding: 15px 0 12px 0;
border-bottom: 1px solid #ccc7c2;
}

#headerCl div.boxTit{
width: 950px;
margin: 0 auto;
}

#headerCl h1{
width: 737px;
float: left;
font-size: 20px;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
color: #01abed;
}

#headerCl h1 span{
font-size: 14px;
font-weight:normal;
color: #333333;
}

#headerCl p{
float: right;
width: 200px;
font-size: 83.3%;
margin: 4px 0 0 0;
text-align: right;
}

/* ===== ヘッダーJS無効 ===== */

div.boxComJsError{
background: #fff2f2;
color: #ff0000;
border: 1px solid #ff9999;
margin: 10px auto 0 auto;
padding: 4px 10px 10px 10px;
width:930px;
}

div.boxComJsError p{
background: url(/user/img/kiyaku/bgr_com_error.gif) no-repeat 0px 0px;
padding: 0 0 0 21px;
margin: 6px 0 0 0;
}

/* ===== フッター ===== */

/*パンくず・ページトップ*/
#footer div.boxPagetop{
margin: 50px 0 0 0;
border-bottom: 1px solid #d9d3ce;
}

#footer div.boxPagetop div.container{
position: relative;
width:950px;
margin: 0 auto 0 auto;
}

#footer div.boxPagetop #path{
width: 777px;
padding: 0 0 7px 0;
margin: 0;
}

#footer div.boxPagetop p.pagetop{
position: absolute;
bottom: -1px;
right: 0;
z-index: 1;
line-height:0%;
font-size:0%;
}

/*サーチエリア*/
#footer div.boxSearch{
width: 100%;
border-bottom: 1px solid #d9d3ce;
}

#footer div.boxSearchInner{
width: 950px;
margin: 0 auto;
}

#footer div.boxSearchInner div.boxSearchSelect{
}

#footer div.boxSearchInner div.boxSearchSelect ul.btnsearch{
width: 590px;
float: left;
font-size: 0;
line-height: 1;
margin: 14px 0 0 0;
}

#footer div.boxSearchInner ul.btnsearch li{
background: url(/user/img/kiyaku/bgr_footer_searchlist.gif) no-repeat right 5px;
float: left;
padding: 0 11px 0 0;
margin: 0 10px 0 0;
}

#footer div.boxSearchInner form.boxComFword{
width: 348px;
float: right;
position: static;
margin: 10px 0 0 0;
}

#footer div.boxSearchInner ul.txtLinkIn{
background: url(/user/img/kiyaku/bgr_com_dot.gif) repeat-x;
font-size: 83.3%;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
}

#footer div.boxSearchInner ul.txtLinkIn li{
background: url(/user/img/kiyaku/obj_common_arrow.gif) 0 50% no-repeat;
float: left;
padding:0 0 0 8px;
margin: 0 10px 0 0;
}

#footer div.boxSearchInner ul.txtLinkIn02{
font-size: 83.3%;
}

#footer div.boxSearchInner ul.txtLinkIn02 li{
background: url(/user/img/kiyaku/obj_common_arrow.gif) 0 50% no-repeat;
float: left;
padding:0 0 0 8px;
margin: 0 10px 0 0;
}

#footer div.boxSearchInner p.txtLinkRelated{
background: url(/user/img/kiyaku/bgr_com_dot.gif) repeat-x;
font-size: 83.3%;
margin: 10px 0 10px 0;
padding: 10px 0 0 0;
}

/*マイナビサービス*/
#footer div.boxMynaviService{
width: 950px;
margin: 15px auto 0 auto;
padding: 0 0 15px 0;
position:relative;
}

#footer div.boxMynaviService a:link { text-decoration:none; color:#333333; }
#footer div.boxMynaviService a:visited { text-decoration:none; color:#333333; }
#footer div.boxMynaviService a:hover { text-decoration:underline; color:#333333; }
#footer div.boxMynaviService a:active { text-decoration:none; color:#333333; }

#footer div.boxMynaviService p.logo{
position:absolute;
top:00px;
left:00px;
}

#footer div.boxMynaviService div.boxRight{
padding:0 0 0 100px;
}

#footer div.boxMynaviService p.tit{
font-weight: bold;
}

#footer div.boxMynaviService p.btn{
font-weight: bold;
position:absolute;
top:00px;
right:00px;
}

#footer div.boxMynaviService p.btn a{
color:#EE7801;
}

#footer div.boxMynaviService div.lstService{
background: url(/user/img/kiyaku/bgr_footer_line.gif) 100px 0 repeat-y;
}

#footer div.boxMynaviService div.lstService dl{
margin: 10px 0 0 0;
}

#footer div.boxMynaviService dl dt{
float:left;
width:110px;
color: #ee7801;
}

#footer div.boxMynaviService dl dd{
float:right;
width:740px;
}

#footer div.boxMynaviService dl li{
float:left;
margin:0 0 3px 7px;
padding:0 0 0 7px;
border-left:1px solid #333333;
line-height:1.1;
}

#footer div.boxMynaviService dl li.first{
margin:0 0 3px 0;
padding:0 0 0 0;
border-left:none;
}

#footer div.boxMynaviService div.boxComp{
margin:15px 0 0 0;
padding:15px 0 0 0;
border-top:1px solid #d9d3ce;
}

#footer div.boxMynaviService div.boxComp div.logoCopyright{
float:left;
font-size:10px;
line-height:1;
}

#footer div.boxMynaviService div.boxComp ul{
float:left;
}

#footer div.boxMynaviService div.boxComp ul li{
float:left;
margin:0 0 3px 7px;
padding:0 0 0 7px;
border-left:1px solid #333333;
line-height:1;
font-size: 83.3%;
}

#footer div.boxMynaviService div.boxComp ul li.first{
padding:0 0 0 0;
border-left:none;
}

#footer div.boxMynaviService div.boxComp p.privacy{
position:absolute;
bottom:-5px;
right:0px;
}

/*マイナビサービス（応募）*/
#footer div.boxMynaviServiceOubo{
width: 950px;
height:90px;
margin: 0 auto 0 auto;
position:relative;
}

#footer div.boxMynaviServiceOubo p.logo{
font-size: 0;
line-height: 1;
position:absolute;
top:15px;
left:369px;
}

#footer div.boxMynaviServiceOubo p.privacy{
text-align: center;
position:absolute;
top:10px;
left:462px;
}

#footer div.boxMynaviServiceOubo p.privacy a{
margin: 0 0 9px 0;
}

/* ===== フッターCL ===== */

p.pagetopCl{
line-height:0%;
font-size:0%;
width: 950px;
margin: 30px auto -1px auto;
text-align: right;
position:relative;
z-index:1;
}

#footerCl{
width: 950px;
margin: 0 auto 0 auto;
padding: 15px 0 30px 0;
border-top: 1px solid #ccc7c2;
font-size: 83.3%;
text-align: center;
}

/* ===== パンくず ===== */
#path,
#path02{
width: 950px;
font-size: 83.3%;
line-height: 1.1;
padding: 0 0 1px 0;
margin: 10px auto 0 auto;
}

#path li,
#path02 li{
display: inline;
}

#path li a,
#path02 li a{
padding: 0 0 1px 0;
}

#path02{
margin: 3px auto 0 auto;
}

/* ===== パンくず footer===== */

h4.txtOutline04{
width: 950px;
line-height: 110%;
text-align:center;
margin: 30px auto 0 auto;
font-size:12px;
}

#pathFooter{
width: 950px;
font-size: 83.3%;
line-height: 110%;
padding: 0 0 1px 0;
margin: 15px auto -20px auto;
}

#pathFooter li{
display: inline;
}

#pathFooter li a{
background: url(/user/img/kiyaku/bgr_com_path.gif) no-repeat right center;
padding: 0 13px 1px 0;
margin: 0 10px 0 0;
}

/* ===== タイトル ===== */
.titCom01{
background: #ffffff;
position: relative;
font-size: 0;
line-height: 1;
border-bottom: 1px solid #ccc7c2;
padding: 0 0 15px 0;
margin: 15px 0 0 0;
}

.titCom01Txt{
font-size: 14px;
line-height: 1;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
border-bottom: 1px solid #ccc7c2;
padding: 0 0 15px 0;
margin: 20px 0 0 0;
font-weight:normal;
}

.titCom01Txt strong{
font-size: 20px;
font-weight:bold;
}

.titCom02{
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
border-left: 3px solid #ee7801;
padding: 0 0 0 7px;
margin: 30px 0 0 0;
}

.titCom02 strong,
.titCom02Top strong{
color:#ee7801
;
}

.titCom02Top{
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
border-left: 3px solid #ee7801;
padding: 0 0 0 7px;
margin: 15px 0 0 0;
}

.titCom02Glay{
background:#f7f4f0;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
font-weight: bold;
font-size: 108.3%;
margin:15px 0 0 0; 
padding: 6px 6px;
}

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

.titCom03{
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
margin: 30px 0 0 0;
color:#ff0000;
}

.titCom04{
padding: 15px 0 0 0;
margin: 15px 0 0 0;
background: url(/user/img/kiyaku/bgr_com_dot.gif) repeat-x;
}

.titCom04 span{
display:block;
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
border-left: 3px solid #ee7801;
padding: 0 0 0 7px;
}

/* ===== テキスト ===== */
.txtCom01{
line-height: 160%;
margin: 15px 0 0 0;
}

.txtComCenter{
line-height: 160%;
text-align: center;
margin: 15px 0 0 0;
}

.imgComRequired{
vertical-align: middle;
margin: 0 5px;
}

.imgComRequired02{
vertical-align: middle;
margin: 0 5px 0 0;
}

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

.btnComArea a{
margin: 0 5px;
}

.btnComArea02{
font-size: 0;
line-height: 1;
text-align: center;
margin: 15px 0 0 0;
padding:10px;
background:#FFECD8;
}

.txtComArrow{
background: url(/user/img/kiyaku/obj_common_arrow.gif) no-repeat 0 0.3em;
padding: 0 0 0 11px;
}

/* ===== エラー ===== */
div.boxComError{
background: #fff2f2;
color: #ff0000;
border: 1px solid #ff9999;
margin: 15px 0 0 0;
padding: 4px 10px 10px 10px;
}

div.boxComError p{
background: url(/user/img/kiyaku/bgr_com_error.gif) no-repeat 0px 0px;
padding: 0 0 0 21px;
margin: 6px 0 0 0;
}

div.boxTopTab div.boxComError{
margin: 15px 20px 0 20px;
}

/* ===== ページトップ ===== */
.txtComPagetop{
text-align: right;
margin: 15px 0 0 0;
}

.txtComPagetop a{
background: url(/user/img/kiyaku/obj_com_pagetop.gif) no-repeat 0px 3px;
padding: 0 0 0 14px;
}

/* ===== テーブル ===== */
table.tableCom{
width: 100%;
border-left: 1px solid #ccc7c2;
border-top: 1px solid #ccc7c2;
margin: 15px 0 0 0;
}

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

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

table.tableCom th img{
vertical-align: middle;
margin: 0 5px 0 0;
}

table.tableCom p.txtLimit{
color: #999999;
margin: 10px 0 0 0;
}

table.tableCom p.txtCaution{
color: #ff0000;
margin: 10px 0 0 0;
}

table.tableCom ul.listLength{
margin: -5px 0 0 0;
}

table.tableCom ul.listLength li{
margin: 5px 0 0 0;
}

table.tableCom ul.listSide{
margin: -5px 0 0 0;
}

table.tableCom ul.listSide li{
float: left;
white-space: nowrap;
margin: 5px 8px 0 0;
}

table.tableCom p.txtEx{
background: #f7f4f0 url(/user/img/kiyaku/bgr_com_dot.gif) repeat-x left bottom;
font-weight: bold;
padding: 5px;
margin: 0 0 10px 0;
}

table.tableCom p.txtEx02{
background: #f7f4f0;
font-weight: bold;
padding: 5px;
margin: 10px 0 10px 0;
}

table.tableCom p.txtEx span{
font-weight: normal;
}

table.tableCom span.txtExample{
margin: 0 0 0 10px;
}

/* ===== フォーム ===== */
input.x-small{
width: 92px;
padding: 8px;
border: 1px solid #bfbab6;
}

input.small{
width: 184px;
padding: 8px;
border: 1px solid #bfbab6;
}

input.middle{
width: 456px;
padding: 8px;
border: 1px solid #bfbab6;
}

textarea.large{
width: 456px;
height: 144px;
padding: 8px;
resize: none;
border: 1px solid #bfbab6;
}

input[type="radio"],
input[type="checkbox"]{
margin: 0 2px;
vertical-align: middle;
}

select{
margin: 0 2px;
}

/* ===== サブコンテンツボックス ===== */
div.boxComSub{
background: url(/user/img/kiyaku/bgr_com_sub.gif) repeat-y;
margin: 10px 0 0 0;
}

div.boxComSub div.container{
background: url(/user/img/kiyaku/bgr_com_sub02.gif) no-repeat left bottom;
padding: 0 0 10px 0;
}

div.boxComSub p.txtfree{
margin: 10px 11px 0 11px;
}

div.boxComSub p.txtfree span.txtOrange{
color: #ee7801;
}

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

div.boxComSub dl.service dt.search{
margin: 1px 2px 0 2px;
}

div.boxComSub dl.service dd{
margin: 10px 11px 0 11px;
}


@media (min-width: 768px) {
  body{
    min-width:950px;
  }
}

/* sp */
@media screen and (max-width:767px) {
  div#contetns{
    width:auto;
    padding:0 10px 20px;
  }

  div.columnSingle div#main{
    width:auto;
  }

  #path, #path02{
    width:auto;
    padding:0 10px;
  }


}