@charset "utf-8";

/* CSS Document */
#pageRecruit .catContents { margin-bottom: 30px;}

/* nav用css */

#siteHeader nav.navi ul li.recruit a{ background:url(../../img/header/navi.gif?) no-repeat -428px -49px; }

/* collect */

#recruitCollect .table table th { width: 160px;}
#recruitCollect .collectFlow dl { width: 70%; margin: 40px auto; }
#recruitCollect .collectFlow dl dt { color: #FC9A30; font-weight: bold; font-size: 24px;}
#recruitCollect .collectFlow dl dd { border: 1px solid #FC9A30; padding: 15px ; position: relative; margin-bottom: 20px; text-align: center;}
#recruitCollect .collectFlow dl dd:after {content: ''; position: absolute; border-top: 20px solid #ccc; border-right: 15px solid transparent; border-left: 15px solid transparent; bottom: -40px; left: 50%; margin-left: -15px;}
#recruitCollect .collectFlow dl dd span { display: block; font-size: 85%;}
#recruitCollect .collectFlow dl dd:nth-of-type(4) { margin-bottom: 55px;}
#recruitCollect .collectFlow dl dd:nth-of-type(5) { color: #fff; background: #FC9A30; font-weight: bold;}
#recruitCollect .collectFlow dl dd:nth-of-type(5):after { border: none;}
#recruitCollect .collectBtn { background: #f0f0f0; padding: 20px 30px; overflow: hidden;}
#recruitCollect .collectBtn ul li { float: left; width: 48%; text-align: center;}
#recruitCollect .collectBtn ul li:nth-child(2n) { margin-left: 25px;}
#recruitCollect .collectBtn ul li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; padding: 15px 10px; display: block; background: #FC9A30; color: #fff; font-weight: bold; font-size: 18px; text-decoration: none;}
#recruitCollect .collectBtn ul li a:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}
#recruitCollect .collectBtn2 { background: #f0f0f0; padding: 20px 30px; overflow: hidden;}
#recruitCollect .collectBtn2 ul li { text-align: center;}
#recruitCollect .collectBtn2 ul li:nth-child(2n) { margin-left: 25px;}
#recruitCollect .collectBtn2 ul li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; padding: 15px 10px; display: block; background: #FC9A30; color: #fff; font-weight: bold; font-size: 18px; text-decoration: none;}
#recruitCollect .collectBtn2 ul li a:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}

/* work */

#pageRecruitWork .workSection01,
#pageRecruitWork .workSection02 {
	margin-bottom: 30px;
}

#pageRecruitWork .workSection01 strong {
	color: #ff9300;
	font-size: 20px;
	margin-bottom: 20px;
	display: block;
}
#pageRecruitWork .workSection01 p.underline { padding-bottom: 40px; border-bottom: 2px solid #ccc;}
#pageRecruitWork .workSection02 p { text-align: center; margin-bottom: 20px;}
#pageRecruitWork .workSection02 p:nth-child(2) { font-size: 24px; color: #333; letter-spacing: 3px;}
#pageRecruitWork dt{
    display:block;
    cursor:pointer;
    border: 1px solid #ff9300;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1px;
    background: #ff9300 url("../../img/common/iconClose02.gif") no-repeat scroll 98% center;
}
#pageRecruitWork dt.active { background: #ff9300 url("../../img/common/iconOpen.gif") no-repeat scroll 98% center;}
#pageRecruitWork dd {
    border: #ccc 1px solid;
    display:none;
    margin-bottom: 1px;
    padding: 20px;
    overflow: hidden;
}
#pageRecruitWork dd h3 { font-size: 18px; color: #ff9300; margin-bottom: 20px; font-weight: bold;}
#pageRecruitWork dd .left{
	float: left;
	width: 490px;
}
#pageRecruitWork dd .right {
	float: right;
	width: 200px;
}
#pageRecruitWork p.rewarding { text-align: center; padding: 40px; font-size: 24px; letter-spacing: 3px;}
#pageRecruitWork p.rewarding span { color: #ff9300;}

/* career */

#recruitCareer .mainImg { margin-bottom: 20px;}
#recruitCareer .careerCat { overflow: hidden; margin-bottom: 20px;}
#recruitCareer .careerCat .sales,
#recruitCareer .careerCat .commod,
#recruitCareer .careerCat .manage,
#recruitCareer .careerCat .other {
    float: left;
    width: 24%;
    margin-left: 10px;
}
#recruitCareer .careerCat .sales { margin-left: 0;}
#recruitCareer .careerCat ul {
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ccc;
}

#recruitCareer .careerCat ul li { margin-bottom: 10px; padding-left: 9px;}
#recruitCareer .careerCat ul li:last-child { margin-bottom: 0;}
#recruitCareer .careerCat ul li a { text-decoration: none; color: #333333; }
#recruitCareer .careerCat ul li a:hover { text-decoration: underline;}
#recruitCareer .careerCat .sales ul li { background: url("../../img/common/iconArrow03.png") no-repeat scroll 0 4px;}
#recruitCareer .careerCat .commod ul li { background: url("../../img/common/iconArrow04.png") no-repeat scroll 0 4px;}
#recruitCareer .careerCat .manage ul li { background: url("../../img/common/iconArrow05.png") no-repeat scroll 0 4px;}
#recruitCareer .careerCat .other ul li { background: url("../../img/common/iconArrow06.png") no-repeat scroll 0 4px;}
#recruitCareer .careerCat h2 {
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding: 10px; 
}
#recruitCareer .careerCat .sales h2 { background: #ff4e00;}
#recruitCareer .careerCat .commod h2 { background: #4f9c54;}
#recruitCareer .careerCat .manage h2 { background: #5381c0;}
#recruitCareer .careerCat .other h2 { background: #ec4497;}
#recruitCareer .banner02 .b3_02 { overflow: hidden;}
#recruitCareer .banner02 .b3_02 li { float: left; border: 1px solid #bdbdbd; margin-left: 3%;}
#recruitCareer .banner02 .b3_02 li:first-child { margin: 0;}
#recruitCareer .banner02 .b3_02 li a { display: block;}

/* career_common */

#recruitCareer h1 span { font-size: 80%; color: #ff3a3a; margin-left: 20px;}
#recruitCareer table { margin-bottom: 20px;}
#recruitCareer table th { width: 160px; text-align: center;}
#recruitCareer .btnEntry { background: #f0f0f0; padding: 15px;  text-align: center; margin-bottom: 20px;}
#recruitCareer .btnEntry a { background: #ff8400 url("../../img/about/sidebar/arrow01.gif") no-repeat scroll 270px 21px; display: block;}
#recruitCareer .btnRtop { text-align: center;}
#recruitCareer .btnRtop a { background: #676767 url("../../img/about/sidebar/arrow01.gif") no-repeat scroll 35px 20px; display: inline-block;}
#recruitCareer .btnEntry a,
#recruitCareer .btnRtop a { font-weight: bold; color: #fff; padding: 15px 55px; border-radius: 5px; text-decoration: none; }
#recruitCareer .btnEntry a:hover,
#recruitCareer .btnRtop a:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; }

/* charenged */
#recruitCareer.charenged .lead {
    padding: 0 2px 20px 2px;
}
#recruitCareer.charenged .h3 {
    margin-bottom:15px;
}
#recruitCareer.charenged dl {
    margin-bottom:30px;
}
#recruitCareer.charenged dd {
    margin-bottom: 20px;
}