@charset "utf-8";

/* CONTRACT Document 
----------------------------------------------------------------------------
1. SUBTOP
----------------------------------------------------------------------------
1-1.SEARCH
1-2.JOB_LISTING
1-3.STAFF
1-4.STEP
1-5.CONTRACT_BUTTON

----------------------------------------------------------------------------
2. FLOW
----------------------------------------------------------------------------

----------------------------------------------------------------------------
3. MAP
----------------------------------------------------------------------------

----------------------------------------------------------------------------
4. VOICE
----------------------------------------------------------------------------
4-1.STAFF_PROFILE
4-2.STAFF_VOICE01
4-3.STAFF_VOICE02

----------------------------------------------------------------------------
5. FAQ
----------------------------------------------------------------------------
5-1.QUESTION
5-2.ANSWER

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

/* CONTRACT_COMMON
----------------------------------------------------------------------------*/
.title{
margin:0 0 30px 0;
}

.btn01{
padding:10px 0 0 0;
width:541px;
text-align:center;
background:url(../img/dotline_green_x.gif) left top repeat-x;
}
.btn01 p{
padding:0 0 10px 0;
width:541px;
text-align:center;
background:url(../img/dotline_green_x.gif) left bottom repeat-x;
}
.side_btn01{
margin:0 0 20px 0;
text-align:center;
}


/* 1. SUBTOP
----------------------------------------------------------------------------*/

/* 1-1.SEARCH
---------------------*/
.search01{
margin:0 0 20px 0;
width:770px;
background:url(../contract/img/search_bg01.gif) left top repeat-y;
}

.sub_search01{
float:left;
padding:0 5px 0 12px;
width:215px;
}

.sub_search02{
float:left;
padding:0 5px 0 7px;
width:304px;
}

.sub_search03{
float:left;
padding:0 5px 0 7px;
width:202px;
}
.sub_search01 table, .sub_search02 table, .sub_search03 table{
margin:10px 0 0 10px;
width:95%;
}
.sub_search01 td, .sub_search02 td, .sub_search03 td{
padding:3px;
font-size:75%;
}

.sub_search03 td{
font-weight:bold;
}

.sub_search01 input, .sub_search02 input, .sub_search03 input{
margin:0 5px 0 0;
}

.search_btn{
clear:both;
padding:10px 0 5px 0;
width:770px;
text-align:center;
background:url(../contract/img/search_bg02.gif) left bottom no-repeat;
}


/* 1-2.JOB_LISTING
---------------------*/
.job_listing{
margin:0 0 20px 0;
}

.job_area{
padding:5px 15px 10px 15px;
border:2px solid #CAFFA3;
}
.job_area table{
width:100%;
}

.job_listing th{
padding:5px;
width:70px;
text-align:left;
background:url(../img/dotline_x.gif) left bottom repeat-x;
}
.job_listing td{
padding:5px;
font-size:75%;
line-height:140%;
background:url(../img/dotline_x.gif) left bottom repeat-x;
}
.jobpic img{
width:80px;
height:55px;
}


/* 1-3.STAFF
---------------------*/
.staff_bg{
margin:0 0 20px 0;
width:200px;
line-height:110%;
background:url(../img/staff_bg01.gif) left top repeat-y;
}

.staff_subtxt{
margin: 5px 0 5px 10px;
}

.staff_subbg01{
clear:both;
margin:0 auto 5px auto;
width:184px;
background:url(../img/staff_subbg02.gif) center top repeat-y;
}

.staff_subbg02{
padding:0 7px 3px 7px;
width:170px;
background:url(../img/staff_subbg03.gif) center bottom no-repeat;
}

.staff_subbg02 td{
font-size:65%;
}

/* 1-4.STEP
---------------------*/
.step_area{
margin:0 0 20px 0;
padding:0 0 5px 0;
width:200px;
background:url(../contract/img/step_bg02.gif) left bottom no-repeat;
}

.step_bg{
padding:0 5px;
width:190px;
background:url(../contract/img/step_bg03.gif) left top repeat-y;
}

.step_bg ul{
margin:0;
padding:0;
width:190px;
font-size:75%;
list-style:none;
}
.step_bg li{
padding:12px 0 12px 10px;
width:180px;
background:url(../img/dotline_x.gif) left bottom repeat-x;
}

.step_bg .noline{
background:none;
}



/* 2-1.FLOW
----------------------------------------------------------------------------*/
.flow_area{
text-align:center;
}
.flow_area table{
width:541px;
border:1px solid #CCCCCC;
}
.flow_area th{
background:#CAFFA3;
}
.flow_area td{
padding:10px;
font-size:75%;
line-height:135%;
text-align:left;
background:#F4FFEC;
}

.flow_area h3{
margin:0 0 5px 0;
font-size:100%;
border-bottom:1px solid #CCCCCC;
}
.flow_stxt{
margin:4px 0 0 0;
padding:4px;
font-size:90%;
border:1px solid #CCCCCC;
}

.flow_area .flow_no01{
width:366px;
padding:0 0 5px 35px;
background:url(../contract/img/flow_no01.gif) left top no-repeat;
}
.flow_area .flow_no02{
width:366px;
padding:7px 0 12px 35px;
background:url(../contract/img/flow_no02.gif) left top no-repeat;
}
.flow_area .flow_no03{
width:366px;
padding:7px 0 12px 35px;
background:url(../contract/img/flow_no03.gif) left top no-repeat;
}
.flow_area .flow_no04{
width:366px;
padding:7px 0 12px 35px;
background:url(../contract/img/flow_no04.gif) left top no-repeat;
}
.flow_area .flow_no05{
width:366px;
padding:7px 0 12px 35px;
background:url(../contract/img/flow_no05.gif) left top no-repeat;
}

.flow_area02{
padding:0 0 40px 0;
text-align:center;
}

.flow_area02 table{
width:541px;
border:1px solid #CCCCCC;
}
.flow_area02 th{
background:#CAFFA3;
}
.flow_area02 td{
padding:10px;
font-size:75%;
line-height:135%;
text-align:left;
background:#F4FFEC;
}

.flow_area02 h3{
margin:0 0 5px 0;
padding:7px 0 12px 35px;
font-size:100%;
border-bottom:1px solid #CCCCCC;
}
.flow_area02 .flow_no06{
width:366px;
background:url(../contract/img/flow_no06.gif) left top no-repeat;
}


/* 3-1.MAP
----------------------------------------------------------------------------*/
.map_tit02{
padding:1px 0 0 0;
width:541px;
background:url(../img/dotline_green_x.gif) left top repeat-x;
}

.map_tit02 table{
width:100%;
}
.map_tit02 th{
width:35px;
background:#65B23F url(../img/dotline_green_x.gif) left bottom repeat-x;
}
.map_tit02 td{
padding:8px;
color:#339900;
font-size:80%;
font-weight:bold;
background:url(../img/dotline_green_x.gif) left bottom repeat-x;
}
.hq_office{
margin:10px 0 0 0;
padding:8px;
font-size:75%;
line-height:135%;
background:#EDFFDF;
}
.map_tit03{
padding:1px 0 0 0;
width:541px;
background:url(../img/dotline_green_x.gif) left top repeat-x;
}

.map_tit03 table{
width:100%;
}
.map_tit03 th{
width:35px;
background:#EDFFDF url(../img/dotline_green_x.gif) left bottom repeat-x;
}
.map_tit03 td{
padding:8px;
color:#339900;
font-size:80%;
font-weight:bold;
background:url(../img/dotline_green_x.gif) left bottom repeat-x;
}

.map_txt{
margin:10px 0 30px 0;
padding:0 10px;
width:521px;
}

.map_txt h4, .map_txt02 h4{
color:#339900;
font-size:100%;
}

.map_txt table{
width:520px;
}

.map_txt td{
font-size:80%;
line-height:135%;
}
.mapbtn{
width:90px;
text-align:center;
}

.map_txt02{
margin:10px 0 5px 0;
padding:0 10px;
width:521px;
}

.map_txt02 table{
width:520px;
}

.map_txt02 td{
padding:0 0 10px 0;
font-size:80%;
line-height:135%;
background:url(../img/dotline_green_x.gif) left bottom repeat-x;
}
.mapbtn02{
width:90px;
text-align:center;
background:url(../img/dotline_green_x.gif) left bottom repeat-x;
}


/* 4.VOICE
----------------------------------------------------------------------------*/
/* 4-1.STAFF_PROFILE
---------------------*/
.voice_area01{
padding:30px 0 0 0;
width:541px;
background: url(../contract/img/staff_pic01.gif) left top no-repeat;
}
.staff_pic01{
float:left;
margin:0;
padding:0 0 10px 0;
width:150px;
}
.staff_profile{
margin:0 0 10px 0;
padding:0 10px 10px 0;
background:#EDFFDF;
}

* html .voice_area01{
padding:0;
}
* html .staff_pic01{
margin:30px 0 0 0;
}
* html .staff_profile{
margin:30px 0 10px 0;
}

.staff_profile table{
margin:5px 0 0 0;
width:370px;
}
.staff_profile th{
width:75px;
}
.staff_profile td{
padding:5px 10px;
font-size:75%;
line-height:135%;
border-left:3px solid #69BA20;
}

/* 4-2.STAFF_VOICE01
---------------------*/
.voice_tit02{
margin:0 0 0 150px;
padding:8px 0 0 0;
width:390px;
background:url(../img/dotline_green_x.gif) left top repeat-x;
}
.voice_tit02 h3{
margin:0;
padding:0 0 8px 0;
width:390px;
color:#339900;
font-size:80%;
background:url(../img/dotline_green_x.gif) left bottom repeat-x;
}
* html .voice_tit02{
width:385px;
}
* html .voice_tit02 h3{
width:385px;
}

.voice_txt01{
padding:8px 0 0 0;
}
.voice_txt01 p{
margin:0 0 14px 0;
font-size:75%;
line-height:135%;
}

/* 4-2.STAFF_VOICE02
---------------------*/
.voice_tit03{
clear:both;
margin:0;
padding:8px 0 0 0;
width:541px;
background:url(../img/dotline_green_x.gif) left top repeat-x;
}

.voice_tit03 h3{
padding:0 0 8px 0;
width:541px;
color:#339900;
font-size:80%;
background:url(../img/dotline_green_x.gif) left bottom repeat-x;
}

.voice_txt03{
padding:8px 0 0 0;
}
.voice_txt03 img{
margin:0 0 10px 0;
float:right;
}
.voice_txt03 p{
margin:0 0 14px 0;
font-size:75%;
line-height:135%;
}

/* 5. FAQ
----------------------------------------------------------------------------*/

/* 5-1.QUESTION
---------------------*/
.question {
margin:0 0 30px 0;
padding:8px;
width:525px;
background:#EDFFDF;
}

.question table{
width:525px;
}

.question th{
padding:6px;
width:35px;
color:#339900;
font-size:75%;
}

.question td{
padding:6px;
font-size:75%;
}


/* 5-2.ANSWER
---------------------*/
.answer{
padding:1px 0 8px 0;
width:541px;
background:url(../img/dotline_green_x.gif) left top repeat-x;
}
.answer table{
width:541px;
}
.answer th{
padding:8px 5px;
width:35px;
color:#339900;
font-size:75%;
background:#EDFFDF url(../img/dotline_green_x.gif) left bottom repeat-x;
}
.answer td{
padding:8px 5px;
color:#339900;
font-size:75%;
font-weight:bold;
background:url(../img/dotline_green_x.gif) left bottom repeat-x;
}

.answer_txt{
margin:0 0 30px 50px;
font-size:75%;
line-height:135%;
}

.answer_txt table{
margin:5px 0;
width:100%;
border-collapse: collapse;
border-spacing: 0;
empty-cells:show;
border:1px solid #66B821;
}

.answer_txt th{
padding:5px;
color:#339900;
background:#CAFFA3;
border:1px solid #66B821;
}

.answer_txt td{
padding:5px;
text-align:center;
background:#EDFFDF;
border:1px solid #66B821;
}

.answer_txt_s{
font-size:90%;
}