@charset "utf-8";

/* *********************************************************
トイロジック中途採用サイト
Author    : Toylogic Web Support Team
File name : career.css
Modified  : 2015-08-21
********************************************************* */

/* ========================================================
font
=========================================================== */

@font-face{ 
  font-family: 'mplus-1p-regular';
  src: url('../images/career_sp/mplus-1p-regular.eot');
  src: url('../images/career_sp/mplus-1p-regular.eot?#iefix') format('embedded-opentype'),
       url('../images/career_sp/mplus-1p-regular.woff') format('woff'),
       url('../images/career_sp/mplus-1p-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'LigatureSymbols';
    src: url('../images/career_sp/LigatureSymbols-2.11.eot');
    src: url('../images/career_sp/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../images/career_sp/LigatureSymbols-2.11.woff') format('woff'),
         url('../images/career_sp/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../images/career_sp/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../images/career_sp/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ========================================================
reset
=========================================================== */
/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{height:100%; color:#3c3c3c;background:#fff;overflow-y: scroll;font-family:Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;vertical-align:bottom;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}small{font-size:100%;}
body {background:#fff;-webkit-text-size-adjust: 100%; /*iphone*/ 	min-width:960px; width: 100%;font-size: 62.5%; line-height: 1.5;   Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}




/* common
=================================================*/
body { height: 100%; background:#fff;color:#3c3c3c;}
::-moz-selection { color: #fff; background: #d44d00; }
::selection { color: #fff; background: #e25601; }
a, a:hover { color: #d44d00; transition: .3s; }
a:hover { color: #d44d00; text-decoration: none; }
a img, a:hover img { transition: .3s; }
a:hover img { opacity: .75; -ms-filter: "alpha(opacity=75)"; }
em{color:#d44d00;}

/* For modern browsers */
.cf:before, .cf:after { content: ""; display: block; overflow: hidden; }
.cf:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }
*{box-sizing:border-box;}




.icnfont a:after{
	font-family: 'LigatureSymbols';
}

@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}


/*module
=================================================*/
.l_center{
	width:960px;
	margin:0 auto;
}

/* layout
=================================================*/
.container{
	border-top:3px solid #d44d00;

}

.wrap{
	background:url(../images/career_sp/bg_headerback.jpg) repeat-x top;
}

.wrapinnner{
	background:transparent url(../images/career_sp/bg_header.jpg) no-repeat top center;
}

.contentsArea{
	padding-top:123px;
}

.headerArea{
	height:544px;
	position:relative;
}

.headerArea li{
	position:absolute;
}

.headerArea li.headerBg2{
	top:0;
	right:0;
}

.headerArea li.headerBg3{
	top:100px;
	left:15px;
}
.headerArea li.headerBg4{
	top:370px;
	left:55px;
}

.snsArea{
	top:460px;
	left:55px;
	position:absolute;
	width:500px;
}


.snsArea li{
	display:inline-block;
	vertical-align:top;
	position:static;
}


/* section
========================================================*/
.sectionArea{
	width:960px;
	margin:0 auto 100px auto;
	clear:both;
}
.sec_ttl{
	background:url(../images/career_sp/bg_part_ttl.gif) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width:960px;
	margin-bottom:20px;
}


#company .sec_ttl{
	height:56px;
}


#works .sec_ttl{
	height:62px;
	background-position:0 -65px;
}

#interview .sec_ttl{
	height:56px;
	background-position:0 -146px;
}

#faq .sec_ttl{
	height:57px;
	background-position:0 -221px;
}


#requirements .sec_ttl{
	height:60px;
	background-position:0 -292px;
}




/* company
=================================================*/
#company .companyLeft{
	float:left;
	margin-top:20px;
}

#company .companyRight{
	float:right;
	margin-top:20px;
}


#company .companyWrap2 .companyLeft,#company .companyWrap2 .companyRight{

	display:inline-block;
}
#company .companyWrap2 .companyLeft{
	width:590px;
	padding-right:10px;
}
#company .companyWrap2 .companyRight{
	width:360px;
	vertical-align:top;
}

.companyWrap1 {
	margin-bottom:30px;
}

.companyWrap1 .companyLeft,.companyWrap2 .companyRight{
	width:240px;
}

.companyWrap1 .companyRight,.companyWrap2 .companyLeft{
	width:700px;
}


#company h3{
	font-size:1.8em;
	font-weight:bold;
	color:#000;
	border-left:5px solid #d44d00;
	padding-left:10px;
	line-height:1.2;
}

#company h4{
	font-size:1.6em;
	font-weight:bold;
	color:#d44d00;
	padding:15px 0 15px 15px;
}
#company .companyWrap1 p,#company .companyWrap2 p{
	font-size:1.6em;
	line-height:1.8;
	padding-left:15px;
}




#company .officeVis h3{
	text-align:center;
	padding-bottom:.5em;
	font-size:1.6em;
	font-weight:bold;
	margin-top:40px;
	border:none;
}

.officeVis li{
	float:left;
	width:240px;
}

.officeVis li a{
	position:relative;
	display:inline-block;
}
.officeVis li a:after{
	content:'';
	background:url(../images/career_sp/btn_lightbox.png) no-repeat;
	width:35px;
	height:35px;
	position:absolute;
	right:0;
	bottom:0;
}


/* works
=================================================*/
#works .worksLeft{
	float:left;
	margin-top:20px;
}

#works .worksRight{
	float:right;
	margin-top:20px;
}

.worksWrap1 {
	margin-bottom:30px;
}

.worksWrap1 .worksLeft{
	width:240px;
}

.worksWrap1 .worksRight{
	width:700px;
}

.worksWrap2 .worksLeft{
	width:550px;
}

.worksWrap2 .worksRight{
	width:390px;
}

#works h3{
	font-size:1.8em;
	font-weight:bold;
	color:#000;
	border-left:5px solid #d44d00;
	padding-left:10px;
}

#works h4{
	font-size:1.6em;
	font-weight:bold;
	color:#d44d00;
	padding:15px 0 15px 15px;
}

#works .worksWrap1 p,#works .worksWrap2 p{
	font-size:1.6em;
	line-height:1.8;
	padding-left:15px;
}



/* staff
=================================================*/

#interview *{
    box-sizing: inherit;
}
.staffList{
	margin-top:50px;
}

.staffTxt{
	float:right;
	width:540px;
}

.staffTxt h4{
	font-size:1.8em;
	font-weight:bold;
	margin:20px 0 5px 0;
	
}

.staffTxt h4:before{
	content:'-';
	margin-right:1.0em;
}

.staffTxt p{
	line-height:1.8;
	font-size:1.4em;
}

.staffTxt .staffName{
	font-size:1.6em;
	border-left:10px solid #d44d00;
	padding-left:10px;
	color:#050505;
	vertical-align:top;
	line-height:1.2;
}

.staffTxt .staffName span{
	font-size:2.0em;
	font-weight:bold;
	padding-right:.2em;
}


.staffPhoto{
	width:400px;
	float:left;
}

.staffPhototmb{
	font-size:0;
}
.staffPhototmb li{
	float:left;
	position:relative;
}

.staffPhototmb li a:after{
	content:'';
	background:url(../images/career_sp/btn_lightbox.png) no-repeat;
	width:35px;
	height:35px;
	position:absolute;
	right:0;
	bottom:0;
}

#bx-pager{
    text-align: center;
    margin-top: -40px;
}

#bx-pager a{
    display: inline-block;
    text-align: center;
text-decoration: none;
font-size: 1.2em;
padding:8px 10px;
border-radius: 5px;
border: 1px solid #D44D00;
    width: 200px;
    line-height: 30px;
    font-size: 1.4em;
	height: 60px;
    vertical-align: middle;
}
#bx-pager a span{
    position: relative;
}
#bx-pager a span:before{
	font-family: 'LigatureSymbols';
    font-size: 2.4em;
    padding-right: 6px;
	position: relative;
	top: 5px;
}

#bx-pager a:first-child span:before{
	  content:'\E08d';
}

#bx-pager a:nth-child(3) span:before{
	  content:'\E09e';
}
#bx-pager a:nth-child(2) span:before{
	  content:'\E033';
}



#bx-pager a:hover,#bx-pager a.active{
    background: #D44D00;
    color:#fff;
}
/* faq
=================================================*/
#faq{
	border-bottom:1p
	margin-bottom:20px;
}
.faqList{
	margin:50px 15px 0 15px;
}

.faqList dt{
	font-size:1.8em;
	font-weight:bold;
}

.faqList dt:before{
	width: 1.5em;
	height: 1.5em;
	background: #d44d00 none repeat scroll 0% 0%;
	color: #FFF;
	content: "Q";
	border-radius: .75em;
	display: inline-block;
	text-align: center;
	margin-right:.5em;
	vertical-align:middle;
	line-height:1.2em;
	border:1px solid #d44d00;
}

.faqList dd{
	font-size:1.5em;
	margin-top:.5em;
	text-indent:-2.5em;
	padding-left:2.5em;
}


.faqList dd:before{
	font-size:1.2em;
	font-weight:bold;
	width: 1.5em;
	height: 1.5em;
	background: #fff none repeat scroll 0% 0%;
	color: #d44d00;
	border:1px solid #d44d00;
	content: "A";
	border-radius: .75em;
	display: inline-block;
	text-align: center;
	margin-right:.5em;
	vertical-align:middle;
	line-height:1.2em;
	text-indent:0em;
}


/* 募集要項
=================================================*/
#requirements{
	margin-bottom:50px;
}

.requirList{
	margin-top:30px;
}

.requirList h3{
	text-align:center;
	font-size:1.8em;
	font-weight:bold;
	padding-bottom:5px;
}

.requirList table{
	width:100%;
}

.requirList tr:first-child th,.requirList tr:first-child td{
	border:none;

}
.requirList th{
	background:#d84f00;
	color:#fff;
	text-align:right;
	width:230px;
	font-size:1.5em;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	border-top:1px solid #fff;	
}

.requirList td{
	padding:10px 20px 10px 20px;
	border-top:1px dashed #d8a689;	
	font-size:1.3em;
	
}

.requirList td dt{
	font-size:1.2em;
	font-weight:bold;

}

.requirList td dd{

	padding-bottom:1.5em;
}



.jobList th{
	border-top:1px solid #fff;	
}

.jobList td{
	border-top:1px dashed #d8a689;	
}



.job_list{
	margin-bottom: 16px;
	background:#efefef;
	border-radius:3px;
	padding:16px 16px 16px 16px;
	margin-top: 15px;
	position:relative;
}
.jobList table{
    border-collapse:inherit;
}

.job_list:before{
 content:'';
    width: 0px;
    height: 0px;
    border-style: solid;
    position: absolute;
    left: 5%;
    border-width: 0px 10px 10px;
    border-color: transparent transparent rgb(239, 239, 239);
    top: -8px;
    margin-left: -4px;
}

/* entryform
=================================================*/
#entryform{

	margin-bottom:0;
}

#entryform .entryStep{
	padding-bottom:30px;
}

#entryform .entryStep li{
	list-style-type: decimal;
	list-style-position:inside;
	background:#f7f7f7;
	padding:10px 16px;
	font-size:1.4em;
	border-radius:4px;
	margin-bottom:20px;
	position:relative;
}
#entryform .entryStep li strong{
	color:#f00;
	font-weight:bold;
	margin-left:16px;
}
#entryform .entryStep em{
	margin-left:16px;
}

#entryform .entryStep li div{
	padding-top:1.0em;
	margin-left:16px;
	border:1px dotted #eee;
	font-weight:bold;
}

#entryform .entryStep li:first-child:before{
	content:'';
}

#entryform .entryStep li:before{
	content:'\E040';
	font-family: 'LigatureSymbols';
	font-size:1.4em;
	display:block;
	position:absolute;
	top:-24px;
	left:460px;
}

#entryform h2{
	text-indent:inherit;
	background:none;
	text-align:center;
	font-size:2.8em;
	font-weight:bold;
	margin-bottom:0;
	color:#000;
}

#entryform h2:before{
	content:'\E041';
	font-family: 'LigatureSymbols';
	font-size:1.4em;
	padding-right:.3em;

}
#entryform h2.step_ttl:before{
	content:'\E02a';
		font-size:1.6em;
}



#entryform table{
	width:100%;
	border:2px solid #d5d5d5;	

	
}

#entryform tr:first-child th,#entryform tr:first-child td{
	border:none;
}
#entryform th{
	text-align:right;
	width:260px;
	font-size:1.5em;
	padding:15px;
	border-top:1px dotted #d5d5d5;	
	background:#F5F5F5;	
}

#entryform .essential th:before{
	background:#d44d00;
	color:#fff;
	content:'必須';
	font-size:.8em;
	padding:2px 5px;
	margin-right:5px;
}

#entryform td{
	padding:15px;
	width:680px;
	font-size:1.5em;
	border-top:1px dotted #d5d5d5;	
}

#entryform input{
	border-radius:3px;
	border:1px solid #a9a9a9;
	padding:5px 10px;
transition:.3s;
}
#entryform input:focus ,#entryform .txtArea:focus{
background-color: #fff8f4;
transition:.3s;

	border: 1px solid #d44d00;
}
#entryform input[type="checkbox"]{
	margin-right:5px;
	box-sizing:inherit;
	border:none;
	padding:0;
}

/* text */
#entryform input::-ms-clear {
	visibility: hidden;
}

/* password */
#entryform input::-ms-reveal {
	visibility: hidden;
}

#entryform .txtArea{  
    resize: vertical;  
    overflow: auto; 
	width:660px;
    height: 100px; 
	border-radius:5px;
	padding:10px;
	min-height:250px;
	border:1px solid #a9a9a9;
transition:.3s;
} 


#entryform .policyArea{  
text-align:left;
font-size:.9em;
         border: solid 1px #808080;
	width:80%;
         height: 100px;
		 margin:10px auto 30px auto;
         padding: 0.5em;
         overflow: auto;
      }
#entryform .policyArea p,#entryThanks p{
	margin-bottom:1.0em;
}

::-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}

#entryCheck #entryform,#entryThanks #entryform{
	border:none;
	padding-top:0;
	margin-bottom:40px;
}
#entryThanks .thanks{
	text-align:center;
	font-size:1.5em;
	padding-top:20px;
	line-height:2.0;
}

.error{
color: #f00;
font-size: 1.4em;
}


/* ornament
=================================================*/

.gnavArea{
	border-top:1px solid #d44d00;
	border-bottom:1px solid #d44d00;
	margin-bottom:40px;
	font-size:0;
	width: 100%;
	background: #fff;
	z-index:5;
	position:absolute;
}

.gnavAreainner {	position: relative; }
.gnavAreainner span {background:#d44d00; height:5px; display:block; position:absolute; width:50px; left:0;bottom:0;}

.gnavArea li{
	display:inline-block;
	font-size:15px;
	margin-right:42px;
	padding:20px 0; 
}

.gnavArea li a{
	text-decoration:none;
	padding:20px 0; 
}

.gnavArea li a:before{
	width:13px;
	height:13px;
	content:'\E107';
	line-height:0.5;
	margin-right:4px;
	display:inline-block;
	vertical-align:middle;
	font-size:1.4em;
font-weight:normal;
	font-family: 'LigatureSymbols';
}

.gnavArea .gnavEntry{
	float:right;
	margin-right:0;
}
.gnavArea .gnavEntry a:before{
	display:none;
}
.gnavArea .gnavEntry a{
	color:#fff;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.6);

    background:#6cc321;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	border-radius:5px;
	padding:10px 15px;
	position:relative;
}

.gnavArea .gnavEntry a:after {
  content:'\E112';
  margin-left:.3em;
  font-size:120%;
  font-weight:normal;
}

.gnavArea .gnavEntry a:hover{
	background:#D42D0C;
	color:#fff;
	text-shadow:none;
}

#sNav{
	position:fixed;
	bottom: 20px;
	right: 20px;
}

#sNav a{
	background:#d44d00;
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
	padding:5px 10px;
	border-radius:5px;

	border:1px solid #d44d00;
}

#sNav a:hover{
	background:#fff;
	color:#d44d00;
}
#sNav a:before{
	content:'\E00e';
	margin-right:4px;
	display:inline-block;
	vertical-align:middle;
	font-size:1.4em;
	font-family: 'LigatureSymbols';
}


.headerArea .entryBtn a{
	padding:10px 15px;
	 width: 300px;
	display: block;
	margin-left: 50px;
	margin-top: -5px;
	border:1px solid rgba(255,255,255,.4);
	transition: .3s;
	background: #9dd53a; /* Old browsers */
background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.contentsArea .entryBtn{
	width:380px;
	margin:40px auto 0 auto;
		transition: .3s;
}

.headerArea .entryBtn a:hover{
background:#d42d0c;
	background: #d3705f; /* Old browsers */
background: linear-gradient(to bottom, #d3705f 0%,#b72f2f 50%,#b71800 51%,#c92c2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	transition: .3s;
}

.entryBtn a{
	color:#fff;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.6);
	padding:15px;
	font-size:2.4em;
	font-weight:bold;
transition: .3s;

    display: block;
    padding: 10px;

  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	
	
	  display: block;
  cursor: pointer;
  width: 300px;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
	background-color: #71b001; 
  border-radius: 5px;
  box-shadow: 0 6px 0 #345100, 0 12px 0 rgba(0,0,0,0.2);
  -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.entryBtn a:after{
   content:'\E112';
	font-size: 26px;
	padding-left: 13px;
		font-family: 'LigatureSymbols';
}

.sendBtn .entryBtn a:hover{
	background:#d42d0c;
	
  -webkit-animation-name: pop;
  animation-name: pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.entryBtn a:hover {
  background-color:#d42d0c;
  box-shadow: 0 3px 0 #881b06, 0 6px 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
 
.entryBtn a:active {
  color: #fff;
  background-color: #d42d0c;
  box-shadow: 0 0 0 #881b06, 0 0 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  transition-duration: 0.1s;
}




.sendBtn .entryBtn a:after {
  content:'\E03e';
  margin-left:.3em;
  font-size:120%;
  font-weight:normal;
 	font-family: 'LigatureSymbols';
}

#entryform td.sendBtn {
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
}

#entryform td dt{
	width:2.0em;
	text-align:right;
}
#entryform td dd{
	padding-right:1.0em;
}

#entryform td li,#entryform td dt,#entryform td dd{
	display:inline-block;
}


.sendBtn .entryBtn{
	margin-top:15px;
	margin-bottom:15px;
}

.sendBtn .entryBtn a{
	background:#00abc3;
	font-size:1.5em;
}

.sendBtn .entryBtn a:after {
  content:'\E04e';
}










.footerArea{
	padding:40px 0 40px 0;
	font-size:1.1em;
	color:#ccc;
}


.footerArea .copyList{
	margin-top:20px;
	text-align:center;
}







/*script
==================================================*/

.navFixed{
position: fixed;
top: 0;
transition:.3s;
background:#c94900;
box-sizing:border-box;

}
.navFixed a{
color:#fff;
}

.navFixed .gnavEntry a{
	background:#000;
}

.navFixed .gnavEntry a:hover{
	color:#edf50e;
	background:#000;
}

.navFixed span{
	background:#fff;
}



/*以下はプラグイン用CSS script Colorbox Core Style
==================================================*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/career_sp/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/career_sp/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
    height: auto !important;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #D44D00;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -70px;
}
.bx-wrapper .bx-prev:after {
    content: '\E080';
    text-indent: 0 !important;
    font-family: 'LigatureSymbols';
    color: #000;
    display: block;
    line-height: 1.0;
     transition: .3s;
}

.bx-wrapper .bx-next {
	right: -90px;
}
.bx-wrapper .bx-next:after {
    content: '\E112';
    text-indent: 0 !important;
    font-family: 'LigatureSymbols';
    color: #000;
    display: block;
    line-height: 1.0;
     transition: .3s;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
        font-size:52px;
        text-decoration: none;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
	z-index:2;
    overflow: hidden;
}
.bx-wrapper .bx-controls-direction a:hover:after{
    color:#D44D00;
    transition: .3s;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
    color:#D44D00;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}