@charset "utf-8";
/*--------------------------------------------------------------------------*
 *  
 *  recruit detail css
 *  
 *  (C) Remixpoint, Inc. All Rights Reserved.
 *  
 *  2008 Remixpoint, Inc.
 *  http://www.remixpoint.co.jp
 *
 *  Last Modified: 2010-07-12
 *  Last Editor: Toshiyuki Hara
 *
 *--------------------------------------------------------------------------*/

/*----------------------------------------------------
	各セクション recruit
----------------------------------------------------*/
#section-recruit {
	width: 670px;
	position: relative;
}

/*----------------------------------------------------
	選考の流れ
----------------------------------------------------*/
.recruitFlow li {
	padding-left: 59px;
	min-height: 93px;
	height: auto !important;
	height: 93px;
}

#step1 {
	background: #fe7632 url(../../img/recruit/bg-stp1.png) 0 0 no-repeat;
}

#step2 {
	background: #fe882e url(../../img/recruit/bg-stp2.png) 0 0 no-repeat;
}

#step3 {
	background: #fdac28 url(../../img/recruit/bg-stp3.png) 0 0 no-repeat;
}

#step4 {
	background: #fdd041 url(../../img/recruit/bg-stp4.png) 0 0 no-repeat;
}

#step5 {
	background: #fcdc67 url(../../img/recruit/bg-stp5.png) 0 0 no-repeat;
}

#step1 div { border-top: none; }

	.flow-section {
		padding: 0 11px 18px;
		min-height: 75px;
		height: auto !important;
		height: 75px;
		background: #f9fafa url(../../img/recruit/bg-flow.png) 0 0 repeat-x;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
	}

.flow-section h4 {
	margin-bottom: 0.8em;
}

.flow-section P {
	padding: 0 0.5em;
}

.flow-section .txt {
	padding: 0 0.5em; 
	margin-bottom: 0.8em;
}

.caution { color: #a30035 }


/*----------------------------------------------------
	採用
----------------------------------------------------*/
#box-recruit {
	width: 670px;
	height: 155px;
	position: relative;
	text-align: center;
}

.career { background: url(../../img/recruit/bg-career.png) 0 0 no-repeat; }
.flesh { background: url(../../img/recruit/bg-flesh.png) 0 0 no-repeat; }

	#box-recruit h4 { display: none; }
	#box-recruit p {
		width: 170px;
		height: 34px;
		margin: 0 auto;
		position: relative;
		top: 94px;
	}
	
		#box-recruit p a {
			height: 0;
			padding-top: 34px;
			display: block;
			overflow: hidden;
			background: url(../../img/recruit/btn-flesh-info.gif) 0 0 no-repeat;
		}
		#box-recruit p a:hover { background-position: -170px 0; }