@charset "utf-8";

/* ---SUMMARY---
* Site Name: ジモ求埼玉版ユーザーページ
* Description: user/help/以下
* Version: 20090306
* Author: F
------*/

/* ---CONTENTS---
001: help共通
002: ヘルプ目次
003: ご利用ガイド
004: 仕事の探し方
005: エントリーの流れ
006: FAQ
007: guide/exp.html
008: お問い合わせ
009: 運営者について
010: プライバシーポリシー
011: 地元のメリット
------*/



/* 001: help共通
----------------------------------------- */
div.content_inner h3{
padding-bottom:25px;
}

div.content_inner h4{
padding-bottom:10px;
text-align:center;
}

div.content_inner_body{
width:600px;
margin:0 auto;
line-height:1.4;
}

p.next{
text-align:center;
margin:30px auto;
}



/* 002: ヘルプ目次
----------------------------------------- */
/*--ブロック--*/
div.help_index_l{
width:300px;
height:100px;
float:left;
margin-bottom:10px;
font-size:smaller;
background-color:#def5ad;
background-position:0 0;
}

div.help_index_r{
width:300px;
height:100px;
float:right;
margin-bottom:10px;
font-size:smaller;
background-color:#def5ad;
background-position:0 0;
background-repeat:no-repeat;
}

/*--背景設定--*/
div#bg01{
background-image:url(../../img/pages/help/index/bg01.gif);
}

div#bg02{
background-image:url(../../img/pages/help/index/bg02.gif);
}

div#bg03{
background-image:url(../../img/pages/help/index/bg03.gif);
}

div#bg04{
background-image:url(../../img/pages/help/index/bg04.gif);
}

/*--ブロック内タイトル--*/
div.help_index_l h3,
div.help_index_r h3{
padding:20px 0 0 60px;
}

/*--ブロック内テキスト--*/
div.help_index_l p,
div.help_index_r p{
padding:5px 10px 0 65px;
margin:0;
line-height:1.6;
}

div.help_index_l p a,
div.help_index_r p a{
color:#000;
text-decoration:none;
}

/*--ブロック内more--*/
div.help_index_l div,
div.help_index_r div{
text-align:right;
padding:5px 10px 0 0;
}

div.help_index_l div img,
div.help_index_r div img{
vertical-align:middle;
margin-right:5px;
}

/*--採用担当様へ--*/
div#help_index_cg{
text-align:right;
border-bottom:1px dotted #999;
border-top:1px dotted #999;
margin:20px auto;
padding:5px 0 10px 0;
}


/* 003: ご利用ガイド
----------------------------------------- */
/*--キャッチ写真--*/
img#guide_ph01{
display:block;
padding:20px 0 0 0;
}

/*--メリット--*/
div#guide_merit{
padding:15px 0;
}

div.merit_block{
margin-bottom:20px;
}

/*写真*/
img.merit_ph{
float:left;
width:190px;
margin:0 20px 10px 0;
}

/*見出し*/
div.merit_block h5{
margin:0 0 15px 210px;
border-bottom:1px dotted #99df00;
padding:0 0 5px 0;
width:390px;
}

/*--guide index--*/
div#guide_index{
background:url(../../img/pages/help/guide/bg01.jpg) no-repeat 100% 5%;
}

div#guide_index_body{
padding:0 200px 60px 0;
}

/*--バナー--*/
div.guide_ba{
width:410px;
height:100px;
}

div#guide_ba01{
background:url(../../img/pages/help/guide/ba01.jpg) no-repeat 0 0;
margin-top:30px;
}

div#guide_ba02{
background:url(../../img/pages/help/guide/ba02.jpg) no-repeat 0 0;
}

div#guide_ba03{
background:url(../../img/pages/help/guide/ba03.jpg) no-repeat 0 0;
}

div.guide_ba h5{
font-size:12px;
background:url(../../img/icon/ar01.gif) no-repeat 0 18px;
padding:15px 0 0 16px;
margin:0 0 0 135px;
}

div.guide_ba p{
margin:8px 5px 0 135px;
padding:0;
line-height:1.3;
letter-spacing:0;
}

/*--利用の流れ--*/
div#guide_index_flow{
border:1px solid #999;
width:560px;
margin:0 auto;
padding:20px 0;
}

div#guide_index_flow h5{
margin:0 auto;
width:530px;
line-height:1.0;
}

div#guide_index_flow p{
width:510px;
margin:0 auto;
}

div#guide_index_flow div.ar_index01{
background:	url(../../img/pages/help/guide/ar.gif) no-repeat 0 0;
width:53px;
height:65px;
margin:5px auto;
}

div#guide_index_flow div.ar_index02{
background:	url(../../img/pages/help/guide/ar02.gif) no-repeat 0 0;
width:53px;
height:65px;
margin:5px auto;
}

div#guide_index_flow div.guide_border{
border:1px solid #ccc;
border-top:none;
width:528px;
margin:0 auto;
padding:10px 0;
background-color:#efefef;
}



/* 004: 仕事の探し方
----------------------------------------- */
/*--キャプチャ--*/
div#search_cap{
float:right;
width:397px;
margin:0 0 20px 8px;
line-height:0;
}


/*--説明--*/
div.search_guide{
width:190px;
background-color:#def5ad;
margin-bottom:10px;
}

div.search_guide div.search_body{
padding:16px 10px 10px 10px;
font-size:smaller;
line-height:1.7;
}

div.search_guide div.search_body h4{
text-align:left;
}



/* 005: エントリーの流れ
----------------------------------------- */
div.flow{
border-bottom:1px dotted #999;
margin:0 0 30px 0;
}

div.flow img.flow_ph{
float:right;
width:400px;
margin:0 0 10px 10px;
border:1px solid #999;
}

div.flow h4{
text-align:left;
margin-bottom:10px;
}

div.flow p{
padding:0 5px;
}


div.flow div.ar{
background:url(../../img/pages/help/guide/ar.gif) 90px 0 no-repeat;
height:65px;
margin-top:30px;
}



/* 006: FAQ
----------------------------------------- */
/*--FAQ index--*/
div#faq_index{
line-height:1.6;
}

div#faq_index div{
background-color:#def5ad;
width:540px;
margin:0 auto 30px auto;
padding:10px;
}

div#faq_index div li{
display:inline;
padding:0 5px;
}

ul.faq li{
background:url(../../img/icon/ar01.gif) no-repeat 0 5px;
line-height:1.4;
padding:0 0 3px 15px;
}

/*--FAQ--*/
p.q{
line-height:1.4;
background:url(../../img/icon/q.gif) no-repeat 0 0;
padding:5px 0 5px 40px;
font-weight:bold;
font-size:medium;
margin-bottom:30px;
}

div.a{
line-height:1.6;
background:url(../../img/icon/a.gif) no-repeat 0 0;
padding:5px 0 8px 42px;
margin-bottom:10px;
border-bottom:1px dotted #999;
}

p.a{
font-size:medium;
}

div.a ol{
margin-bottom:1em;
}

div.a .color{
background-color:#e7e7e7;
padding:10px;
}

/*キャプチャ入るページ*/
div.faq_cap{
border-bottom:1px dotted #999;
padding:10px;
margin-bottom:20px;
}

div.faq_cap img{
float:right;
border:1px ridge #ccc;
margin:0 0 10px 10px;
}

div.faq_cap p{
text-indent:-1.4em;
margin-left:-10px;
}



/* 007: guide/exp.html
----------------------------------------- */
html#guide_exp{
background:url(../../img/bg/bg06.gif);
}

#guide_exp body{
background:#fff;
line-height:1.6;
margin:20px;
padding:20px;
}

#guide_exp h1{
width:auto;
height:auto;
background:url(../../img/bg/bg07.gif) repeat-y 0 0;
font-size:18px;
padding:0 0 0 15px;
border-bottom:1px dotted #999;
margin-bottom:20px;
}

#guide_exp h2{
font-size:14px;
margin-bottom:15px;
background:url(../../img/bg/bg03.gif) repeat-x 0 100%;
border:1px solid #999;
padding:3px 0 3px 10px;
}

#guide_exp h3{
font-size:12px;
padding:3px 5px;
background-color:#e7e7e7;
border-left:5px solid #999;
margin:auto 5px 5px 5px;
}

#guide_exp ul{
margin:0 0 20px 30px;
}

#guide_exp ul li{
float:left;
width:30%;
}

/*--働き方--*/
#guide_exp dl{
margin:0 0 20px 10px;
line-height:1.7;
}

#guide_exp dl dt{
font-weight:bold;
background:url(../../img/icon/ar01.gif) no-repeat 0 50%;
padding-left:15px;
color:#77b000;
}

#guide_exp dl dd{
background:url(../../img/icon/ar08.gif) no-repeat 1.3em 0.7em;
padding-left:2em;
padding-right:10px;
}



/* 008: お問い合わせ
----------------------------------------- */
div#con_header{
width:600px;
height:20px;
background:url(../../../../client/share/img/bg/bg05.gif) no-repeat 0 0;
overflow:hidden;
margin:0 auto;
}

div#con_footer{
width:600px;
height:20px;
background:url(../../../../client/share/img/bg/bg06.gif) no-repeat 0 0;
margin:0 auto 20px auto;
}

div#con_body{
width:600px;
background:url(../../../../client/share/img/bg/bg04.gif) repeat-y 0 0;
margin:0 auto;
overflow:hidden;
}

div#con_body table{
width:580px;
margin:0 auto 30px auto;
border:1px solid #999;
line-height:1.4;
}

div#con_body table caption{
font-weight:bold;
background:url(../../img/bg/bg03.gif) repeat-x 0 100%;
padding:8px 0;
border:1px solid #999;
border-top:3px solid #77b000;
}

div#con_body table th{
background:url(../../img/bg/bg06.gif);
padding:6px 5px;
width:130px;
text-align:left;
border-bottom:1px solid #999;
border-right:1px solid #ccc;
}

div#con_body table td{
padding:6px 5px 6px 10px;
text-align:left;
vertical-align:top;
border-bottom:1px solid #999;
}

div#con_body table td.td02{
width:100px;
vertical-align:middle;
background:url(../../img/bg/bg06.gif);
border-right:1px solid #ccc;
}

/*--エラーメッセージ--*/
div#er_message{
border:3px solid #f00;
background:#ffe7e7 url(../../img/icon/error01.gif) no-repeat 10px 10px;
padding:10px;
line-height:1.4;
color:#f00;
margin:0 auto 20px auto;
}

div#er_message p{
margin:4px 0 20px 35px;
}



/* 009: 運営者について
----------------------------------------- */
/*--経営理念--*/
div#about_text{
}

div#about_text img#w_logo{
display:block;
float:left;
margin:0 40px 100px 0;
}

div#about_text h4{
text-align:left;
color:#77b000;
font-size:16px;
}

p#name{
text-align:right;
font-size:12px;
font-weight:bold;
color:#333;
}


/*--会社概要--*/
div#about table{
border:1px solid #999;
margin:0 auto 20px auto;
width:580px;
}

div#about table th{
background:url(../../img/bg/bg06.gif);
border:1px solid #999;
padding:5px 10px;
line-height:1.6;
}

div#about table th div{
background:url(../../img/icon/ar03.gif) no-repeat 0 50%;
padding:0 0 0 15px;
}

div#about table td{
border:1px solid #999;
padding:5px 10px;
line-height:1.6;
}



/* 010: プライバシーポリシー
----------------------------------------- */
div#privacy{
line-height:1.6;
}

div#privacy h3.privacy_h3{
font-size:medium;
border-bottom:1px dotted #999;
border-top:1px dotted #999;
padding:10px 0;
margin:0 auto 10px auto;
color:#77b000;
}

div#privacy div.content_inner_body{
margin-bottom:20px;
}

div#privacy .color{
background-color:#e7e7e7;
padding:10px;
}


/* 011: 地元のメリット
----------------------------------------- */
div.local_body h5{
background:url(../../img/bg/bg07.gif) repeat-y 0 0;
padding:0 0 3px 13px;
font-size:14px;
color:#77b000;
margin:10px 0;
border-bottom:1px dotted #ccc;
}

/*--写真--*/
img.local_ph{
width:190px;
margin-bottom:10px;
}

/*--データテーブル--*/
table#local_data_ta{
border:1px solid #999;
width:560px;
margin:0 auto 10px auto;
}

table#local_data_ta caption{
font-weight:bold;
text-align:center;
font-size:smaller;
letter-spacing:3px;
}

table#local_data_ta th{
background:url(../../img/bg/bg03.gif) repeat-x 0 100%;
padding:5px 0;
text-align:center;
font-weight:bold;
border:1px solid #999;
}

table#local_data_ta td{
padding:5px;
border:1px solid #999;
text-align:center;
}

table#local_data_ta tr.color{
background-color:#e7e7e7;
}




/*--end of this file--*/