@charset "utf-8";

/* !index.html
---------------------------------------------------------- */
.container {
	position: relative;
  }

  .container img {
	width:100%;
  }

  .container p {
	position: absolute;
	top:0;
	left:0;
	font-size:40px;
	color: white;
	background-color: skyblue;
	padding: 1px 10px;
	margin:0;
  }
  
  .recruitBox01 {
	overflow: hidden;
	display: table;
	width: 100%;
	margin-bottom: 63px;
}
	.recruitBox01 .image01 {
		overflow: hidden;
		float: left;
		margin-right: 30px;
	}
	.recruitBox01 .detail01 {
		overflow: hidden;
		display: table-cell;
		vertical-align: top;
		width: 100%;
		padding-top: 5px;
		position: relative;
	}
		.recruitBox01 .detail01 p {
			font-size: 134%;
			margin-bottom: 40px;
		}
		.recruitBox01 .detail01 span {
			position: absolute;
			left: 0;
			bottom: 0px;
			display: block;
			width: 100%;
			padding: 5px 10px 10px 0;
			border: solid #145784;
			border-width: 0 1px 1px 0;
			color: #115884;
			font-size: 134%;
			font-weight: bold;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
.txtRecruit01 {
	margin-bottom: 70px;
	font-size: 117%;
	line-height: 1.75;
	text-align: justify ;
}
.h3_basic01.type01 { margin-bottom: 34px; font-size: 22px}
.h3_basic01.type02 { margin-bottom: 26px;}
.h2_basic02.type01 { margin-bottom: 55px;}

.class1 {
	position: relative;
	margin: 10px;
	width: 10px;
	height: 10px;
  }
   
.class1-1 {
	position: absolute;
	top: -200px;
	left: 320px;
	width: 300px;
	height: 200px;
  }

.class2 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class2-1 {
	position: absolute;
	top: -220px;
	left: 10px;
	width: 280px;
	height: 200px;
  }

.class3 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class3-1 {
	position: absolute;
	top: -220px;
	left: 20px;
	width: 240px;
	height: 220px;
  }

.class4 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class4-1 {
	position: absolute;
	top: 1500px;
	left: 1000px;
	width: 320px;
	height: 220px;
  }

.class5 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class5-1 {
	position: absolute;
	top: -220px;
	left: 10px;
	width: 310px;
	height: 224px;
  }

.class6 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class6-1 {
	position: absolute;
	top: -220px;
	left: 340px;
	width: 280px;
	height: 224px;
  }

  .class7 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class7-1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
  }

  .class8 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class8-1 {
	position: absolute;
	top: -140px;
	left: 10px;
	width: 270px;
	height: 224px;
  }

  .class9 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class9-1 {
	position: absolute;
	top: 70px;
	left: 155px;
	width: 300px;
	height: 224px;
  }  

  .class10 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class10-1 {
	position: absolute;
	top: -230px;
	left: 385px;
	width: 250px;
	height: 200px;
  }  
  .class11 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class11-1 {
	position: absolute;
	top: -230px;
	left: 385px;
	width: 250px;
	height: 200px;
  }  

  .class12 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class12-1 {
	position: absolute;
	top: -160px;
	left: 340px;
	width: 280px;
	height: 225px;
  }  

  .class13 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }
   
.class13-1 {
	position: absolute;
	top: -222px;
	left: 320px;
	width: 300px;
	height: 212px;
  }  

/* !fresh.html
---------------------------------------------------------- */
.principle01 {
	margin-bottom: 45px;
	color: #115884;
	font-weight: bold;
	font-size: 134%;
	text-align: center;
}
.table_recruit01 {
	overflow: hidden;
	margin-bottom: 20px;
	border: solid #145784;
	border-width: 1px 0 1px 0; 
}
	.table_recruit01.type01 { margin-bottom: 46px;}
	.table_recruit01 table { width: 100%;}
	.table_recruit01 .colType01 { width: 26%;}
	.table_recruit01 .colType02 { width: 74%;}
	.table_recruit01 table th,
	.table_recruit01 table td {
		vertical-align: top;
		font-size: 117%;
	}
	.table_recruit01 table th {
		background: #f5f5f5;
		padding: 15px 5px 20px 5px;
		border-right: 1px solid #ebe9e9;
		border-bottom: 1px dotted #818181;
		text-align: center;
	}
		.table_recruit01 table tr:last-child th { border-bottom: none;}
		.table_recruit01 table tr:last-child td { border-bottom: none;}
	.table_recruit01 table td {
		background: #fefdfd;
		padding: 15px 5px 20px 30px;
		border-bottom: 1px dotted #818181;
	}
		.table_recruit01 table td .title01 { font-weight: bold;}
		.table_recruit01 table td .text01 { margin-bottom: 26px;}
		.table_recruit01 table td .text01.type01 { margin-bottom: 21px;}
		.table_recruit01 table td .text01.type02 { margin-bottom: 6px;}
			.table_recruit01 table td .text01 a {
				
			}

.txtRecruit02 {
	margin-bottom: 46px;
	font-size: 134%;
}
	.txtRecruit02.type01 { margin-bottom: 105px;}
.txtRecruit03 {
	margin-bottom: 58px;
	text-align: center;
}
	.txtRecruit03 a {
		color: #434343;
		text-decoration: underline;
	}
		.txtRecruit03 a:hover { text-decoration: none;}
		
.ttlFaq01 {
	background: url(../common/img/ico_square01.gif) no-repeat left 5px;
	padding-left: 37px;
	margin-bottom: 20px;
	color: #145784;
	font-size: 117%;
	font-style: italic;
	font-weight: bold;
}
.faqList01 {
	overflow: hidden;
	margin-bottom: 56px;
}
	.faqList01 li {
		padding-left: 14px;
		margin-bottom: 2px;
		font-size: 117%;
		position: relative;
	}
	.faqList01 li.last { margin-bottom: 0;}
	.faqList01 li:before {
		content: "";
		position: absolute;
		top: 8px;
		left: 2px;
		width: 5px;
		height: 5px;
		background: url(../affair/img/ico_square01.gif) no-repeat left top;
	}
		
.btnRecruit01 {
	overflow: hidden;
	height: 55px;
	line-height: 55px;
	margin-bottom: 5px;
	text-align: center;
}
	.btnRecruit01 a {
		display: inline-block;
		height: 55px;
		padding: 0 50px;
		background: #145784;
		text-align: center;
		color: #fff;
		font-style: italic;
		font-weight: bold;
		text-decoration: none;
	}
	.btnRecruit01 a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70); 
		-ms-filter: "alpha(opacity=70)";
		-webkit-opacity: 0.7;
	}
	/* !interview banner.html
---------------------------------------------------------- */
.banner1 {
	position: relative;
	margin: 10px;
	width: 10px;
	height: 10px;
  }

.banner1 :hover {
	box-shadow:0px 0px 2px 2px #115884;
}
   
.banner1-1 {
	position: absolute;
	top: -95px;
	left: -100x;
	width: 310px;
	height: 95px;
  }

.banner2 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }

.banner2 :hover {
	box-shadow:0px 0px 2px 2px #115884;
}
   
.banner2-1 {
	position: absolute;
	top: -115px;
	left: 340px;
	width: 310px;
	height: 95px;
  }

.banner3 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }

.banner3 :hover {
	box-shadow:0px 0px 2px 2px #115884;
}
   
.banner3-1 {
	position: absolute;
	top: -235px;
	left: 10px;
	width: 310px;
	height: 95px;
  }

.banner4 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }

.banner4 :hover {
	box-shadow:0px 0px 2px 2px #115884;
}
   
.banner4-1 {
	position: absolute;
	top: -235px;
	left: 340px;
	width: 310px;
	height: 95px;
}

.banner5 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }

.banner5 :hover {
	box-shadow:0px 0px 2px 2px #115884;
}
   
.banner5-1 {
	position: absolute;
	top: -125px;
	left: 10px;
	width: 310px;
	height: 95px;
}

.banner6 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }

.banner6 :hover {
	box-shadow:0px 0px 2px 2px #115884;
}
   
.banner6-1 {
	position: absolute;
	top: -110px;
	left: 10px;
	width: 310px;
	height: 95px;
}

.banner7 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }

.banner7 :hover {
	box-shadow:0px 0px 2px 2px #115884;
}
   
.banner7-1 {
	position: absolute;
	top: -110px;
	left: 10px;
	width: 310px;
	height: 95px;
}

.banner8 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }

.banner8 :hover {
	box-shadow:0px 0px 2px 2px #115884;
}
   
.banner8-1 {
	position: absolute;
	top: -110px;
	left: 10px;
	width: 310px;
	height: 95px;
}

.banner9 {
	position: relative;
	margin: 0px;
	width: 0px;
	height: 0px;
  }

.banner9 :hover {
	box-shadow:0px 0px 2px 2px #115884;
}
   
.banner9-1 {
	position: absolute;
	top: -110px;
	left: 340px;
	width: 300px;
	height: 95px;
}