@charset "utf-8";
/*--------------------------------------------
　SMP カテゴリーページスタイルシート
　/css/category01.css
   0. recruit_box
   1. recruit_detail_outline
   2. bt_apply
--------------------------------------------*/



/*************************************************************
   0. recruit_box
*************************************************************/
.recruit_box {
margin: 0 15px 15px 15px;
padding: 3px;
background: #edead2;
}

.recruit_box h3 {
font-size: 14px;
padding: 2px;
}

.recruit_box div.icon img {
margin-right: 3px;
vertical-align: middle;
}

.recruit_box .company_name {
background: #dcd7ad;
font-size: 10px;
padding: 2px 5px 2px 10px;
}

.recruit_box .recruit_main {
background: #ffffff;
padding: 10px;
}

.recruit_box .recruit_main div.right {
clear:both;
padding-left: 463px;
}

.recruit_box .recruit_main div.right a {
background: url(/img/bt_detail2.gif) no-repeat top left;
width: 110px;
height: 18px;
display: block;
}

.recruit_box .recruit_main div.right span {
display: none;
}


/* recruit_left
----------------------------------------------------------- */
.recruit_box .recruit_main .recruit_left {
width: 380px;
float: left;
line-height: 1.5;
}

.recruit_box .recruit_main .recruit_left img {
float: left;
padding: 0 10px 10px 0;
}


/* recruit_right
----------------------------------------------------------- */
.recruit_box .recruit_main .recruit_right {
float: right;
width: 185px;
margin: 0 0 8px 0;
font-size: 10px;
}

.recruit_box .recruit_main .recruit_right .period {
padding: 3px 5px 3px 5px;
background: #cc6600;
color: #ffffff;
}

.recruit_box .recruit_main .recruit_right .job_outline {
background: #eeeeee;
line-height: 1.5;
padding: 5px;
}

span.brown {
color: #cc6600;
}


/*************************************************************
   1. recruit_detail_outline
*************************************************************/
#recruit_detail_outline {
margin: 0 15px 15px 15px;
padding: 0;
background: #edead2;
width: 600px;
}

#recruit_detail_outline h3 {
font-size: 14px;
background-color: #dcd7ad;
padding: 10px 5px 5px 5px;
}

#recruit_detail_outline div.icon {
padding: 3px 0 3px 3px;
}

#recruit_detail_outline div.icon img {
margin-right: 3px;
vertical-align: middle;
}

#recruit_detail_outline div.company_name {
font-size: 12px;
text-align: right;
background-color: #dcd7ad;
border-bottom: #b8b598 solid 1px;
padding: 2px 5px 2px 5px;
}

#recruit_detail_outline ul {
border-top: #dcd7ad solid 1px;
padding: 5px;
height: 18px;
}

#recruit_detail_outline ul li {
float: left;
}
#recruit_detail_outline ul li span {
display: none;
}
#recruit_detail_outline ul li.term {
float: right;
color: #993300;
}

#recruit_detail_outline ul li.recruit_info a {
background: url(/img/bt_recruit_info.gif) no-repeat top left;
width: 110px;
height: 18px;
margin-right: 7px;
display: block;
}

#recruit_detail_outline ul li.method a {
background: url(/img/bt_method.gif) no-repeat top left;
width: 110px;
height: 18px;
margin-right: 7px;
display: block;
}

#recruit_detail_outline ul li.company_info a {
background: url(/img/bt_company_info.gif) no-repeat top left;
width: 110px;
height: 18px;
display: block;
}


/* recruit_info_main
----------------------------------------------------------- */
#recruit_detail_outline .recruit_info_main {
background: #ffffff;
padding: 15px 10px 10px 10px;
width: 580px;
}

#recruit_detail_outline .recruit_info_main img {
float: right;
margin: 0 0 10px 10px;
}

#recruit_detail_outline .recruit_info_main h4 {
font-size: 14px;
margin-bottom: 10px;
}

#recruit_detail_outline .recruit_info_main p {
margin-bottom: 20px;
}


/*************************************************************
   2. bt_apply
*************************************************************/
a.apply {
background: url(/img/bt_apply.gif) no-repeat top left;
width: 250px;
height: 38px;
display: block;
}

a.apply span {
display: none;
}

.bt_apply {
margin: 0 15px 15px 15px;
padding-left: 175px;
}