@import url(top.css);

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ------------------------------------------------------------
採用情報
---------------------------------------------------------------*/



#recruit h2 {
	background: url(../recruit/img/top.png) no-repeat center top;
	}
#recruit h2.newmaintest {
	background: url(../recruit/img/_top.png) no-repeat center top;
	}

#recruit h3 {
	text-indent: -9999px;
	width: 740px;
	height: 45px;
	margin-bottom: 20px;
	}

#recruit h3#title_recruit {
	background: url(../recruit/img/title_recruit.png) no-repeat left top;
	}
#recruit h3#title_aboutus {
	background: url(../recruit/img/title_aboutus.png) no-repeat left top;
	}
#recruit h3#title_form {
	background: url(../recruit/img/title_form.png) no-repeat left top;
	}
#recruit h3#title_thanks {
	background: url(../recruit/img/title_thanks.png) no-repeat left top;
	}


/* ----------------私たちはこんな会社です--------------------- */

.aboutus{
	background: url(../recruit/img/aboutus_bg.png) no-repeat left top;
	width: 740px;
	height: 370px;
	margin-bottom: 15px;
	}

.aboutus ul{
	padding: 30px 0 20px 180px;
	}
	
.aboutus ul li{
	margin-bottom: 12px;
	letter-spacing: 2px;
	}

.aboutus ul li span{
	font-size: 90%;
	color: #8DB150;
	letter-spacing: 1px;
	}






#recruit .rec_message {
	background: url(../recruit/img/recruit_message.png) no-repeat center top;
	width: 740px;
	height: 400px;
	margin-bottom: 40px;
	clear: both;
	}

#recruit .rec_message p {
	width: 490px;
	padding: 85px 0 0 30px;
	line-height: 210%;
	}
	
#recruit .rec2015 p {
	width: 740px;
	height: 100px;
	margin: 0 0 30px 0;
	}
#recruit .rec2015 p a {
	width: 740px;
	height: 100px;
	text-indent: -9999px;
	display: block;
	background: url(../recruit/img/recruit2015bar.jpg) no-repeat left top;
	}
#recruit .rec2015 p a:hover {
	background-position: right bottom;
	}

#recruit h4 {
	width: 740px;
	height: 38px;
	text-indent: -9999px;
	}
	
#recruit h4#midcareer {
	background: url(../recruit/img/rec_midcareer.png) no-repeat left top;
	margin-bottom: 15px;
	}
	
#recruit h4#newcareer {
	background: url(../recruit/img/rec_new.png) no-repeat left top;
	}

.rec_exp {
	font-size: 16px;
	color: #3C639B;
	padding: 10px;
	margin: 15px 0 10px;
	letter-spacing: 2px;
	line-height: 200%;
	}

.rec_exp span { 
	border-bottom: 1px dashed #B4CCDA; 
	padding: 5px 0 3px;
	}

#recvoice_area {
	padding: 0 0px 0 10px;
	width: 730px;
	}

#recvoice_area .box {
	width: 360px;
	background: url(../recruit/img/voice_bg.png) repeat-y;
	height: 265px;
	}

#recvoice_area h5 {
	height: 50px;
	text-indent: -9999px;
	}

#recvoice_area h5#jinji {
	background: url(../recruit/img/subtitle_jinji.png) no-repeat right top;
	}

#recvoice_area h5#senpai {
	background: url(../recruit/img/subtitle_senpai.png) no-repeat right top;
	}

#recvoice_area .box p { 
	padding: 5px 22px 10px 12px; 
	font-size: 95%;
	}

table#recruit_table {
	width: 720px;
	height: auto;
	background-color: #A7B3BA;
	margin: 20px auto 20px;
	}

table#recruit_table th,
table#recruit_table td {
	padding: 5px 10px;
	}

table#recruit_table th {
	width: 100px;
	background: url(../recruit/img/th_bg.png) repeat-y left top;
	border: 1px solid #E2EDF3;
	text-align: center;
	color: #415076;
	letter-spacing: 3px;
	}

table#recruit_table td {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	}
	
table#recruit_table td dl.exsample{
		
}
table#recruit_table td dl.exsample dt{
	float:left;
	width:50px;
		
}
	
.btn_form {
	width: 380px;
	margin: 0 auto;
}
.btn_form a {
	display: block;
}
.btn_form a:hover {
 	filter: alpha(opacity=75);
  	-moz-opacity:0.75;
 	opacity:0.75;
}
.recruit_list {
	width: 740px;
	margin: 20px auto 20px;
	border-top: 1px dotted #999;
	padding-top: 25px;
	}

.recruit_list_g {
	width: 704px;
	margin: 10px auto 30px;
	padding: 25px 10px 0;
	border: 8px solid #ddd;
	}

.recruit_list_g li,
.recruit_list li {
	margin-left: 20px;
	padding: 0 0 0 20px;
	letter-spacing: 3px;
	font-size: 14px;
	margin-bottom: 20px;
	background: url(../recruit/img/arrow.png) no-repeat left top;
	overflow: hidden;
	}
	
.recruit_list_g li.noarr,
.recruit_list li.noarr { 
	background: none;
	}

.recruit_list_g li a,
.recruit_list li a {
	color: #3765C4;
	display: block;
	}

.recruit_list_g li a:hover,
.recruit_list li a:hover {
	color: #62A4D5;
	}

.recruit_list_g li span,
.recruit_list li span {
	text-align: center;
	display: block;
	float: left;
	margin-right: 10px;
	width: 70px;
	padding: 0 0 0 5px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #fff;
	background-color: #F90;
	}

.jobtitle_area {
	width: 720px;
	clear: both;	
	margin: 15px auto 0;
	height: 75px;
	}
	
.jobtitle_area .image {
	float: left;
	margin-right: 20px;
	display: inline;
	}

.jobtitle_area .jobname {
	font-size: 16px;
	color: #3C639B;
	letter-spacing: 2px;
	line-height: 75px;
	float: left;	
	}

.jobtitle_area .jobname span { 
	border-bottom: 1px dashed #B4CCDA; 
	padding: 5px 0 3px;
	}

.recnav_title {
	width: 720px;
	color: #384985;
	margin: 50px auto 5px;
	}

ul.recnav {
	background-color: #F5F5F5;
	padding: 10px;
	width: 700px;
	margin: 0 auto 10px;
	}
	
ul.recnav li {
	width: 50%;/*2件用*/
	padding: 5px 0;/*2件用*/
	text-align: center;/*2件用*/
/*	width: 220px;/*3件用*/
/*	padding: 5px 0 5px 10px;/*3件用*/
	float: left;
	}
	
.recnav li a {
	color: #3765C4;
	}

.recnav li a:hover {
	color: #62A4D5;
	}
	
/* ------------------------------
 Form
------------------------------ */

table.inputform {
	width: 100%;
	margin: 0 auto 5px;
}
table.inputform th {
	text-align: left;
	padding: 12px 12px;
	white-space: nowrap;
	background-color: #FAFAFA;
}
table.inputform td {
	padding: 20px 0px;
}
table.inputform th,
table.inputform td {
	border-bottom: #CCC 1px dotted;
}
input, textarea {
	border: 1px solid #CCC;
	padding: 3px;
}
select {
	border: 1px solid #CCC;
	padding: 3px;
	margin-right: 5px;
	font-family: "メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, sans-serif;
}
#todofuken, #address1 {
	margin-bottom: 6px;
}
input.noborder {
	border: none;
}
table.inputform select.right,
table.inputform input.right {
	text-align: right;
}
table.inputform ul.float li {
	float: left;
	padding-right: 10px;
}
table.inputform #radiobt label {
	padding: 10px;
}
table.inputform #radiobt label.label_false {
	border: #eee 1px solid;
}
table.inputform #radiobt dd{
	margin: 15px 0;
}
table.inputform #radiobt dd.bdr{
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
}
.form_dllist {
	width: 740px;
	margin-bottom: 20px;
}
.form_dllist dt{
	font-weight: bold;
	padding-left: 30px;
}
.form_dllist dd{
	margin: 10px 0;
	padding-left: 80px;
}
.mark {
	color: #C00;
	padding: 0px 6px;
}
.mfp_err {
	clear: both;
}
.mfp_buttons {
	margin-bottom: 20px;
}

/* ------------------------------
 Thanks 
------------------------------ */