@charset "utf-8";





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

	Common

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



/* Title */

.ttlIndex {

	background: url("../images/h_recruiting.gif") no-repeat 0 0;

	text-indent: -9999px;

}







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

	index.html

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



/* Layout */

.recruitBody .recTopL {

	float: left;

	width: 360px;

	}

.recruitBody .recTopR {

	display: block;

	float: right;

	height: 247px;

	}







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

	fresh.html

	career.html

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

.red {

	color: #f00;

	}

	



/* Flow Table */

.flowTbl {

	font-size: 75%;

	background: url("../images/flow_bg.gif") no-repeat 0 0;

	}

.flowTbl,

.flowTbl th,

.flowTbl td {

	border: none;

	}

.flowTbl th{

	padding: 13px 0 27px 0;

	width: 132px;

	text-align: center;

	color: #ffffff;

	font-weight: bold;

	background: url("../images/flow_btm1.gif") no-repeat left bottom;

	}

.flowTbl td{

	padding: 13px 10px 27px 10px;

	background: url("../images/flow_btm2.gif") no-repeat left bottom;

	}

.flowTbl tr.top th{

	padding-top: 17px;

	}

.flowTbl tr.top td{

	padding-top: 17px;

	}

.flowTbl tr.bottom th{

	padding-bottom: 14px;

	background: url("../images/flow_btm3.gif") no-repeat left bottom;

	}

.flowTbl tr.bottom td{

	padding-bottom: 14px;

	background: url("../images/flow_btm3.gif") no-repeat right bottom;

	}



/* Dot Box */

.dotBox img.btnAdobe {

	float: right;

	margin: 0 0 0 15px;

	}





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

	job.html

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

.jobBox {

	margin: 0 0 15px 0;

	}

.jobBox .jobL {

	float: left;

	width: 190px;

	}

.jobBox .jobR {

	float: right;

	width: 342px;

	}

.jobBox .jobL img {

	margin: 0 0 10px 0;

	}

.jobBox h5 {

	margin: 0 0 15px 0;

	padding: 0 0 15px 0;

	border-bottom: 1px solid #CDCDCD;

	}





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

	contact.html

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

/* Form Table */

.red2 {

	color: #CC0000;

	font-size: 65%;

	line-height: 1.6;

	}

table.contactTbl {

	margin-bottom: 20px;

	}	

table.contactTbl th,

table.contactTbl td {

	padding-top: 5px;

	padding-bottom: 5px;

	}	

table.contactTbl textarea {

	font-size: 12px;

	}	

table.contactTbl .note {

	font-size: 86%;

	}

table.contactTbl em {

	margin-left: 3px;

	color: #CC0000;

	font-style: normal;

	font-weight: normal;

	}	



/* Form Button */

.formBtnBox {

	position: relative;

	margin: 20px 0;

	padding: 28px 0 0 0;

	background: url("../images/form_arrow.gif") no-repeat center top;

	}

.formBtnBox .input {

	text-align: center;

	}

	

.formBtnBox img.clear {

	position: absolute; left:456px; top:0px;

	}

	

/* Form Button */

.thanxBox{

	text-align: center;

	background: #f6f6f6 url("../images/dot_line02.gif") no-repeat right bottom;

	}

.thanxBox .body {

	padding: 20px;

	background: url("../images/dot_line01.gif") no-repeat left top;

	}

.thanxBox p {

	padding: 70px 0;

		}





/* clearfix */

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



.jobBox:after,

.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden;

}



/* (for IE7 and Mac IE5) */

.jobBox,

.clearfix {

	display: inline-block;

}



/* (for IE5-6) */

/* Hides from IE-mac \*/

* html .jobBox,

* html .clearfix {

	height: 1%;

}

.jobBox,

.clearfix {

	display: block;

}

/* End hide from IE-mac */