@charset "utf-8";

/* DESPATCH Document 
----------------------------------------------------------------------------
1. SUBTOP
----------------------------------------------------------------------------
1-1.SEARCH
1-2.JOB_LISTING
1-3.STAFF
1-4.STEP

----------------------------------------------------------------------------
2. SYSTEM
----------------------------------------------------------------------------

----------------------------------------------------------------------------
3-1.FLOW
----------------------------------------------------------------------------

----------------------------------------------------------------------------
4. SYOUKAI
----------------------------------------------------------------------------

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

----------------------------------------------------------------------------
6. INFO
----------------------------------------------------------------------------

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

/* DESPATCH_COMMON
----------------------------------------------------------------------------*/
.title{
margin:0 0 30px 0;
}
.txt02{
margin:0 0 15px 10px;
color:#FF8400;
font-size:75%;
font-weight:bold;
line-height:135%;
}
.txt03{
margin:0 0 15px 10px;
font-size:75%;
line-height:135%;
}


.flow_area h3{
padding:0 0 14px 50px;
color:#FF8400;
font-size:75%;
width:491px;
background:url(../img/dotline_x.gif) left bottom repeat-x;
}

.flow_no01{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:541px;
background:url(../despatch/img/step01.gif) left top no-repeat;
}
.flow_no02{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:541px;
background:url(../despatch/img/step02.gif) left top no-repeat;
}
.flow_no03{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:541px;
background:url(../despatch/img/step03.gif) left top no-repeat;
}
.flow_no04{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:541px; 
background:url(../despatch/img/step04.gif) left top no-repeat;
}
.flow_no05{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:541px;
background:url(../despatch/img/step05.gif) left top no-repeat;
}
.flow_no06{
margin:0 0 8px 0;
padding:14px 0 0 0;
width:541px;
background:url(../despatch/img/step06.gif) left top no-repeat;
}

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

.flow_txt02{
margin:4px 0 0 0;
padding:4px;
border:1px solid #CCCCCC;
}

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

.side_btn01{
margin:0 0 20px 0;
text-align:center;
}




/* 1-1.SEARCH
----------------------------------------------------------------------------*/
.search01{
margin:0 0 20px 0;
width:770px;
background:url(../despatch/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:8px 0 0 0;
width:100%;
}
.sub_search01 td{
padding:5px 3px;
font-size:75%;
}

.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;
}

.txt_s{
margin:0 0 10px 0;
padding:0 0 0 23px;
font-weight:normal;
font-size:90%;
line-height:140%;
}

.search_btn{
clear:both;
padding:10px 0 5px 0;
width:770px;
text-align:center;
background:url(../despatch/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 #FF9900;
}
.job_area table{
width:100%;
}

.job_listing th{
padding:5px;
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;
}


/* 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;
padding:5px;
width:170px;
font-size:75%;
line-height:145%;
background:#FFFFFF;
border:1px solid #D6D6D6;
}
.staff_subbg01 p{
margin:3px 0;
}


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

.step_bg{
padding:0 5px;
width:190px;
background:url(../despatch/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.SYSTEM
----------------------------------------------------------------------------*/
.sys_txt{
margin:0 0 20px 0;
font-size:75%;
line-height:135%;
}

.sys_pic{
margin:0 0 20px 0;
}

.sys_cell{
margin:0 0 20px 0;
padding:15px 8px 5px 8px;
width:525px;
font-size:75%;
line-height:135%;
background:#FFF2DF;
}

.sys_cell table{
width:525px;
border:1px solid #FF9900;
}

.sys_cell th{
padding:6px;
width:75px;
color:#FFFFFF;
background:#FF9900;
}

.sys_cell td{
padding:6px;
color:#FF8400;
font-weight:bold;
background:#FFFFFF;
}

.sys_cell_txt{
margin:5px 0 15px 90px;
}

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

.sys_guide h3{
margin:0 0 8px 0;
padding:0 0 2px 0;
font-size:115%;
border-bottom:5px solid #FFF2DF;
}

.sys_guide p{
margin:0 0 20px 0;
}


/* 3-1.FLOW
----------------------------------------------------------------------------*/
.flow_chart{
margin:30px 0 50px 0;
padding:0 3px;
}
.flow_chart th{
width:75px;
font-size:75%;
font-weight:normal;
text-align:center;
}
.flow_chart th p{
margin:40px 0 30px 0;
}

.flow_chart01{
background:url(../despatch/img/flowstep01.gif) left top no-repeat;
}
.flow_chart02{
background:url(../despatch/img/flowstep02.gif) left top no-repeat;
}
.flow_chart03{
background:url(../despatch/img/flowstep03.gif) left top no-repeat;
}
.flow_chart04{
background:url(../despatch/img/flowstep04.gif) left top no-repeat;
}
.flow_chart05{
background:url(../despatch/img/flowstep05.gif) left top no-repeat;
}
.flow_chart td{
width:40px;
text-align:center;
}


/* 4-1.SYOUKAI
----------------------------------------------------------------------------*/
.syokai_title02{
margin:0 0 15px 0;
padding:0 0 5px 10px;
font-size:85%;
border-bottom:5px solid #FDE7CE;
}

.syokai_txt01{
font-size:75%;
line-height:135%;
}

.syokai_cell{
margin:15px 0 40px 0;
padding:15px 10px 5px 10px;
width:521px;
font-size:75%;
line-height:135%;
background:#FFF2DF;
}

.syokai_cell table{
width:521px;
border:1px solid #FF9900;
}

.syokai_cell th{
padding:6px;
width:145px;
color:#FFFFFF;
background:#FF9900;
}

.syokai_cell td{
padding:6px;
background:#FFFFFF;
}

.syokai_cell_txt{
margin:5px 5px 15px 5px;
}

.s_step{
margin:0 auto 30px auto;
width:525px;
font-size:75%;
line-height:135%;
text-align:center;
}

.s_step table{
width:100%;
border:1px solid #FF9900;
}

.s_step th{
padding:25px 5px;
width:105px;
color:#FFFFFF;
background:#FF9900;
}

.s_step td{
padding:15px 13px;
background:#FEFAEF;
text-align:left;
}

/* 5-1.QUESTION
----------------------------------------------------------------------------*/
.faq_tit02{
padding:3px 0 3px 20px;
font-size:90%;
background:url(../despatch/img/icon_circle01.gif) left center no-repeat;
}

.question {
margin:0 0 15px 0;
padding:8px;
width:525px;
background:#FFF2DF;
}

.question table{
width:525px;
}

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

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

/* 5-2.ANSWER
----------------------------------------------------------------------------*/
.faq_tit03{
margin:0 0 10px 0;
padding:30px 0 0 0;
}

.answer{
padding:1px 0 8px 0;
width:541px;
background:url(../img/dotline_org_x.gif) left top repeat-x;
}
.answer table{
width:541px;
}
.answer th{
padding:8px 5px;
width:35px;
color:#FF8400;
font-size:75%;
background:#FFF2DF url(../img/dotline_org_x.gif) left bottom repeat-x;
}
.answer td{
padding:8px 5px;
color:#FF8400;
font-size:75%;
font-weight:bold;
background:url(../img/dotline_org_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 #FF8400;
}

.answer_txt th{
padding:5px;
color:#FF8400;
background:#FFD89D;
border:1px solid #FF8400;
}

.answer_txt td{
padding:5px;
text-align:center;
background:#FFF2DF;
border:1px solid #FF8400;
}

.answer_txt_s{
font-size:90%;
}

/* 6-1.INFO
----------------------------------------------------------------------------*/
.schedule{
margin:0 0 30px 0;
width:541px;
}
.schedule h3{
margin:0 0 5px 10px;
color:#FF8400;
font-size:75%;
font-weight:bold;
line-height:135%;
}

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

.schedule th{
padding:6px;
width:14%;
color:#FFFFFF;
font-size:75%;
background:#FF9900;
border:1px solid #CCCCCC;
}

.schedule td{
padding:5px;
width:14%;
font-size:70%;
line-height:135%;
background:#FEFAEF;
border:1px solid #CCCCCC;
}

.schedule td p{
color:#FF621E;
}
.schedule td p span{
font-weight:bold;
}
.schedule .day{
font-size:75%;
font-weight:bold;
text-align:right;
background:#FDE7CE;
}

.campaign{
margin:0 0 30px 0;
}
.campaign h3{
margin:0 0 8px 0;
font-size:80%;
color:#FF8400;
font-weight:bold;
line-height:135%;
}

.campaign p{
margin:0 0 15px 0;
font-size:75%;
line-height:135%;
}