@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　リクルートのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* テキスト共通リード文 ------------------------------ */

p.leadText {
	margin: 0 0 15px 0;
}

/* --------------------------------------------------------------------------------------
Box
--------------------------------------------------------------------------------------- */

/* welfare ------------------------------ */

.boxWelfare {
width: 550px;
margin: 5px 10px 15px 12px;
}

/* education ------------------------------ */

.boxEducation {
width: 550px;
margin: 5px 10px 15px 12px;
}


/* interview ------------------------------ */

.boxInterviewImage {
	width: 570px;
	margin: 5px 0 15px 0;
}

.boxInterviewImage p.lead {
	margin: 12px 10px;
	color: #7f7f7f;
}

.boxInterview {
	width: 570px;
	margin: 15px 0 0 0;
}

.boxInterviewImageTop {
	width: 570px;
	margin: 5px 0 0 0;
	height: 175px;
}

.boxInterviewLast {
	width: 570px;
	margin: 5px 0 15px 0;
	height: 165px;
}

.boxInterviewAiyou {
	width: 571px;
	margin: 5px 0 0 0;
}

.boxInterviewAiyouBottom {
	width: 571px;
	padding: 0 0 15px 0;
	background: url(../image/recruit/interview/bg_aiyou_bottom.gif) no-repeat left bottom;
}

.boxInterviewAiyouText {
	margin: 0 0 0 20px;
	width: 313px;
}

.boxInterviewAiyouText strong {
	font-size: 113%;
	color: #b9a253;
	display: block;
	margin: 0 0 5px 0;
}

.boxInterviewAiyouCol {
	background: #f7f4ea;
}

.boxInterviewAiyouCol p.img {
	position: relative;
}

.boxInterviewAiyouCol p.img span {
	position: absolute;
	right:20px;
	top: -50px;
}

* html .boxInterviewAiyouCol p.img span img{ /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}

/* index ------------------------------ */

#boxIndex {
width: 800px;
min-height: 528px;
margin: 0 0 0 10px;
background: url(../image/recruit/bg_index.jpg) no-repeat;
}
* html #boxIndex {
height: 528px;
}

#boxIndex div.boxIndexText {
	position: relative;
	width: 800px;
	height: 321px;
}

* html #boxIndex div.boxIndexText img{ /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}

#boxIndex div.boxIndexText h1 {
	position: absolute;
	left: 20px;
	top: 19px;
}

#boxIndex div.boxIndexText p {
	position: absolute;
	left: 38px;
	top: 74px;
}

#boxIndexContent {
margin: 0 20px 0 20px;
padding: 20px 0 0 0;
background: url(../image/recruit/bg_ct_index.png) no-repeat;
}
* html #boxIndexContent{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}

#boxIndexContent div.left {
	display: inline;
	width: 350px;
	float: left;
	margin: 0 0 0 20px;
	position: relative;
}

#boxIndexContent div.left ul {
	margin: 118px 0 0 0;
}

#boxIndexContent div.left ul li {
	display: inline;
	margin: 0 10px 0 0;
}

#boxIndexContent div.left ul li.last {
	margin: 0 0 0 0;
}

#boxIndexContent div.left p.txt {
	position: absolute;
	left: 0;
	top: 34px;
}

#boxIndexContent div.left p.img {
	position: absolute;
	right: 0;
	top: -27px;
}
* html #boxIndexContent div.left img{ /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}

#boxIndexContent div.right {
	display: inline;
	width: 350px;
	float: right;
	margin: 0 20px 0 0;
	background: #f7f4ea;
	padding: 0 0 10px 0;
	position: relative;
}

#boxIndexContent div.rightIn {
	margin: 0 10px 0 10px;
}

#boxIndexContent div.rightContact {
position: relative;
width: 330px;
height: 56px;
background: url(../image/recruit/bg_index_contact.gif) no-repeat;
}

#boxIndexContent div.rightContact p.tit {
position: absolute;
left: 10px;
top: 10px;
}

#boxIndexContent div.rightContact p.btn {
position: absolute;
left: 155px;
top: 10px;
}


/* --------------------------------------------------------------------------------------
Image
--------------------------------------------------------------------------------------- */

/* interview ------------------------------ */

.boxInterviewImageTop div.images {
	position: relative;
	width: 570px;
}

.boxInterviewImageTop div.images p.imgRight {
	position: absolute;
	top: -88px;
	left: 404px;
}

.boxInterviewImageTop div.images p.imgRightAsao {
	position: absolute;
	top: -102px;
	left: 404px;
}

.boxInterviewImageTop div.images p.textRight {
	position: absolute;
	top: 0px;
	left: 165px;
}

.boxInterviewImageTop div.images p.imgLeft {
	position: absolute;
	top: -88px;
	left: 0px;
}
* html .boxInterviewImageTop div.images p img,
* html .boxInterviewImageTop div.images p.imgRight img,
* html .boxInterviewImageTop div.images p.imgLeft img,
* html .boxInterviewImageTop div.images p.textRight img{ /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}


/* --------------------------------------------------------------------------------------
Text
--------------------------------------------------------------------------------------- */

#ctRight .caution {
background-color:#F7F4EA;
margin-bottom:15px;
padding:14px 20px;
color: #FF3333;
font-weight: bold;
font-size: 117%;
}


/* education ------------------------------ */

.boxEducation dl {
	margin: 10px 0 0 0;
}

.boxEducation dl dt {
	font-weight: bold;
	color: #b9a253;
	margin: 0 0 5px 0;
}

.boxEducation dl dd p {
	margin: 0 0 10px 0;
}


/* --------------------------------------------------------------------------------------
テーブル
--------------------------------------------------------------------------------------- */

/* welfare ------------------------------ */

.tableWelfare {
width: 550px;
margin: 15px 10px 15px 10px;
border-collapse: collapse;
border-top: 1px #cccccc solid;
}

.tableWelfare tr th {
width: 95px;
padding: 7px;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
background: #e8eff4;
color: #333333;
font-weight: bold;
text-align: left;
vertical-align: top;
}

.tableWelfare tr td {
padding: 7px;
border-bottom: 1px #cccccc solid;
}

.tableWelfare tr td.center {
	text-align: center;
}

.tableWelfare tr.leftline td{
padding: 7px;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}


/* --------------------------------------------------------------------------------------
コンタクト
--------------------------------------------------------------------------------------- */

/* コンタクト ------------------------------ */

div.contactArchives {
background: #f7f4ea;
}

div.contactArchivesTop {
	width: 570px;
	padding: 10px 0 0 0;
	background: url(../image/technology/archives/bg_top_archives.gif) no-repeat left top;
	margin: 20px 0 0 0;
}

div.contactArchivesBottom {
padding: 0 0 10px 0;
background: url(../image/technology/archives/bg_bottom_archives.gif) no-repeat left bottom;
}

div.contactArchivesBox {
	width: 542px;
	margin: 0 0 0 15px;
}

div.contactArchivesBoxIn {
	width: 525px;
	margin: 10px 0 0 10px;
}

div.contactArchivesBoxIn div.left {
	float: left;
	width: 240px;
}

div.contactArchivesBoxIn div.right {
	float: right;
	width: 240px;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	border-left: 1px #999999 dotted;
}

/* 背景 Archives ------------------------------ */

.bgArchivesTop {
width: 570px;
padding: 0px 0 10px 0;
margin: 0 0 20px 0;
}

.bgArchivesTop ul {
	float: left;
	width: 106px;
}

.bgArchivesTop ul li {
	margin: 12px 0 0 10px;
}