@charset "utf-8";

/* header ==============================================================================================================================================================*/

#tit-jobnav{
	display:none;
}

.head-contents{	
	width:98%;
	height:auto;
	overflow:hidden;
	top:0;
	position:static;
	padding:0 1% 10px;
	background:url(../img/bg_header.png) repeat left top;
	z-index:10;
}

.head-contents h1{
	display:none;
}

.head-contents .cont{
	width:50%;
}

.head-contents h2{
	padding-top:15px;
}

.head-contents h2 img{
	width:100%;
	height:auto;
}

.head-contents a.regist{
	margin:0;
	width:25%;
	display:block;
	float:right;
	padding:5px 15px;
	background:#df061b;
	border-bottom:1px #8c0000 solid;
}

.head-contents a.regist .smp{
	text-align:center;
}

.head-contents a.regist .smp img{
	width:20%;
	height:auto;
}

.head-contents a.regist span{
	display:block;
	padding-left:0px;
	padding-top:0px;
	display:block;
	background:none;
}

.head-contents a.regist span img{
	width:100%;
	height:auto;
}

nav{
	position:static;
	top:0;
	left:0;
	margin-bottom:10px;
	z-index:20;
	margin-bottom:20px;
}

nav ul.pattern1{
	margin-left:0;
	margin-bottom:20px;
	width:100%;
}

nav ul.pattern1 li{
	width:32.8%;
	float:left;
	border-right:1px #d80000 solid;
}

nav ul.pattern1 li:first-child{
	width:33%;
	border-left:1px #d80000 solid;
}

nav ul.pattern1 li a{
	padding:5px 1%;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	line-height:100%;
	display:block;
}

nav ul.pattern1 li a:link { color: #000;text-decoration:none;}
nav ul.pattern1 li a:visited { color: #000;text-decoration:none;}
nav ul.pattern1 li a:hover {color: #000;text-decoration:underline;}
nav ul.pattern1 li a:active {color: #000;text-decoration:none;}

#smp-image{
	margin-bottom:20px;
	width:100%;
	position:relative;
	top:-10px;
	z-index:10;
	overflow:hidden;
}

nav ul.pattern1 li div{
	padding:5px 1%;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-size:15px;
	line-height:100%;
	display:block;
}

nav ul.pattern1 li div:link { color: #000;text-decoration:none;}
nav ul.pattern1 li div:visited { color: #000;text-decoration:none;}
nav ul.pattern1 li div:hover {color: #000;text-decoration:underline;}
nav ul.pattern1 li div:active {color: #000;text-decoration:none;}

.js-menu, .js-search {
position:absolute;
  width: 100%;
  height:auto;
  z-index:150;
   background:#00ff00;
}

.resources-menu, .js-search {
position:absolute;
  width: 100%;
  height:auto;
  z-index:152;
   background:#0000ff;
}

.company-menu, .js-search {
position:absolute;
  width: 100%;
  height:auto;
  z-index:154;
  background:#ff0000;
}


#acd-menu{
	position: relative;
	border-left:1px #d80000 solid;
}

#acd-menu dt {
	width:31%;
	float:left;
	height:20px;
	position: relative;
	padding:10px 1% 0;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-size:10px;
	line-height:100%;
	display:block;
	cursor: pointer;
	border-right:1px #d80000 solid;
}


#acd-menu dt.open{
	background:#D80000;
	color:#fff;
}


#acd-menu dd {
	width:100%;
	position:absolute;
	top:30px;
	display:none;
	z-index:100;
}

#acd-menu dd ul{
	border-top:2px #ccc solid;
	border-left:2px #ccc solid;
}

#acd-menu dd ul li {
	list-style: none;
	width:100%;
	float:none;
}

#acd-menu dd ul li a {
	display: block;
	border-right:2px #ccc solid;
	border-bottom:2px #ccc solid;
	font-size: 14px;
	color:#2f4598;
	padding:10px;
	background:url(../img/bg_ad_menu.png) no-repeat right 12px #fff;
}

#acd-menu dd ul li a span{
	display:block;
	padding-right:20px;
}

#acd-menu dd ul li a:hover {
	color:#fff;
	background:url(../img/bg_ad_menu_active.png) no-repeat right 12px #D80000;
}

#acd-menu dd ul li a:active {
	background:url(../img/bg_ad_menu_active.png) no-repeat right 12px #D80000;
	color:#fff;
}

.head-contents-u{	
	margin-bottom:0px;	
	width:98%;
	height:auto;
	overflow:hidden;
	top:0;
	position:static;
	padding:0 1% 10px;
	background:none;
	z-index:10;
}

.head-contents-u h1{
	display:none;
}

.head-contents-u .cont{
	width:50%;
}

.head-contents-u h2{
	padding-top:15px;
}

.head-contents-u h2 img{
	width:100%;
	height:auto;
}

.head-contents-u a.regist{
	margin:0;
	width:25%;
	display:block;
	float:right;
	padding:5px 15px;
	background:#df061b;
	border-bottom:1px #8c0000 solid;
}

.head-contents-u a.regist .smp{
	text-align:center;
}

.head-contents-u a.regist .smp img{
	width:20%;
	height:auto;
}

.head-contents-u a.regist span{
	display:block;
	padding-left:0px;
	padding-top:0px;
	display:block;
	background:none;
}

.head-contents-u a.regist span img{
	width:100%;
	height:auto;
}


/*======================================================================*/

	/* basic set
	
/*======================================================================*/

.base{
	margin:0px auto;
	width:94%;
}

.first{
	display:none;
}

.pc{
	display:none;
}

.smp{
	display:block;
}

/*======================================================================*/
	/* top page
/*======================================================================*/

#tab-select{
margin:0 auto 21px;
width:94%;
padding:0 3%;
overflow:hidden;
border-bottom:1px #ccc solid;
background:url(../img/bg_tab.gif) repeat-x left top #eee;
position:relative;
}

#tab-select li{
width:50%;
line-height:100%;
float:left;
cursor:pointer;
}

#tab-select li div{
margin-top:4px;
display:block;
padding:15px 0px;
color:#000;
font-size:16px;
line-height:100%;
text-align:center;
border-top:none;
border-left:none;
border-right:none;
border-bottom:none;
background:#eee;
}

#tab-select li.select div{
margin-top:0px;
display:block;
padding:15px 0px 16px;
color:#333;
border-top:4px #D80000 solid;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:none;
background:#fff;
}

.content_wrap{
	margin-bottom:10px;
}

.disnon{display:none;}

#cont-search{
	margin:0 auto;
	width:94%;
}

#job-btn{
	margin:0 auto 20px;
	width:94%;
}

#job-btn li{
	width:48%;
	float:left;
}

#job-btn li.west{	margin-right:2%;}
#job-btn li.east{	margin-left:2%;}

#job-btn li a{
	text-align:center;
	font-size:13px;
	padding:10px 0;
	line-height:150%;
	vertical-align:bottom;
}

#job-btn li.west a{
	display:block;
	background:url(../img/bg_job_btn.png) no-repeat right center #4070FF;
	background-size:10% auto;
	color:#fff;
	border-top:3px #4070FF solid;
	border-bottom:3px #0059B2 solid;
}

#job-btn li.east a{
	display:block;
	background:url(../img/bg_job_btn.png) no-repeat right center #2DB200;
	background-size:10% auto;
	color:#fff;
	border-top:3px #2DB200 solid;
	border-bottom:3px #1A6600 solid;
}

#cont-search .tp-search{
	margin-bottom:20px;
	width:100%;
	float:none;
}
#cont-search .searchform-label{display:none;}

#cont-search .searchform-params .DropDownField{
	margin-bottom:15px;
	width:100%;
	margin-right:0%;
	float:none;	
}

#cont-search .searchform-params .DropDownField select{
	width:100%;
	padding:10px 0;
	font-size:16px;
}

#cont-search .searchform-controls{
	margin:0px auto 10px;
	width:80%;
	float:none;
}

#cont-search .searchform-controls input{
	background:url(../img/btn_search.png) no-repeat center center #FFB700;
	background-size:auto 80%;
	width:100%;
	padding:10px 0;
	text-indent:-9999px;
	border-top:none;
	cursor:pointer;
	border-left:none;
	border-right:none;
	border-bottom:1px #B07100 solid;
}

.jobnav{
	margin:0 auto;
	width:94%;
}

.jobnav li{
	margin-bottom:20px;
	width:32%;
	float:left;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
}

.jobnav li img{
	width:100%;
	height:auto;
}

.jobnav li:first-child{	border-left:1px #ccc solid;}
.jobnav li:last-child{	border-right:1px #ccc solid;}


.news-block{
	margin-bottom:20px;
	width:100%;
	float:none;
}

.blog-block{
	width:100%;
	float:none;
}

.info-tit dt{
	font-size:20px;
}


.smp-top-menu{
	margin-bottom:10px;
	width:100%;
	padding:10px 0 5px;
	background:#f0f0e1;
}

.smp-top-menu ul{
	margin:0px auto;
	width:94%;
}

.smp-top-menu li{
	margin:0 0.5% 5px 0;
	width:33%;
	float:left;
}

.smp-top-menu li.right{
	margin:0px 0px 5px 0px;
	float:right;
}

.smp-top-menu li img{
	width:100%;
	height:auto;
}

.smp-bannar{
}

.smp-bannar ul{
	margin:0px auto;
	width:94%;
}

.smp-bannar li{
	margin:0 0 10px ;
	width:49%;
	float:right;
}

.smp-bannar li:first-child{
	margin:0 0 10px ;
	float:left;
}

.smp-bannar li img{
	width:100%;
	height:auto;
}

.smp-intro{
	margin-bottom:10px;
	width:100%;
	background:#eee;
}

.smp-intro-innar{
	padding:15px 3%;
}

.smp-intro dt{
	margin:0px auto 10px;
	width:80%;
}

.smp-intro dt img{
	width:100%;
	height:auto;
}

.smp-intro dd{
	margin-bottom:20px;
	line-height:180%;
}

.smp-intro p{
	margin:0px auto;
	width:33%;
	display:block;
	text-align:center;
}
.smp-intro p img{
	width:100%;
	height:auto;
}

/*======================================================================*/
	/* footer
/*======================================================================*/

#foot-search{
	width:100%;
	background:#eee;
	border-bottom:none;
	border-top:1px #ccc solid;
	padding:15px 0 5px;
}

#foot-search .innar{
	margin:0px auto;
	width:94%;
}

#foot-search h3{
	margin:0px auto 20px;
	width:80%;
	padding-right:0;
	float:none;
}

#foot-search h3 img{
	width:100%;
	height:auto;
}

#foot-search .tp-search{
	width:100%;
	float:none;
}

#foot-search .searchform-label{display:none;}

#foot-search .DropDownField{
	margin-bottom:15px;
	width:100%;
	margin-right:0%;
	float:none;	
}

#foot-search .DropDownField select{
	width:100%;
	padding:10px 0;
	font-size:16px;
}

#foot-search .searchform-controls{
	margin:0px auto 10px;
	width:80%;
	float:none;
}

#foot-search .searchform-controls input{
	background:url(../img/btn_search.png) no-repeat center center #FFB700;
	background-size:auto 80%;
	width:100%;
	padding:10px 0;
	text-indent:-9999px;
	border-top:none;
	cursor:pointer;
	border-left:none;
	border-right:none;
	border-bottom:1px #B07100 solid;
}

#foot-search .regist-box{
	display:none;
}

#foot-end{
	margin:0px auto 10px;
	width:94%;
}

#foot-end .foot-logo{
	display:none;
}

#foot-end .copyrights{
	width:100%;
	float:none;
	padding-top:10px;
	text-align:center;
}

#page-top-smp a{
	width:100%;
	padding:15px 0;
	display:block;
	text-align:center;
	background:#DF061B;
}

#page-top-smp img{
	width:40%;
	height:auto;
}

#ftmenu dt{
    display:block;
    cursor:pointer;
	padding:10px 0;
    background:#BBBBBB;
	border-bottom:2px #ccc solid;
}

#ftmenu dt span{
    display:block;
	margin:0 auto;
	width:94%;
	background:url(../img/ftmenu_of.png) no-repeat right center;
}

#ftmenu dt.active{
	background:#BBBBBB;
}

#ftmenu dt.active span{
	background:url(../img/ftmenu_on.png) no-repeat right center;
}

#ftmenu dd{
	margin-bottom:15px;
	background:#fff;
	display:none;
}

#ftmenu dd ul{
}

#ftmenu dd ul li {
	list-style: none;
	width:100%;
	float:none;
}

#ftmenu dd ul li a {
	display: block;
	border-bottom:2px #ccc solid;
	font-size: 14px;
	color:#333;
	padding:10px 0;
	background:#fff;
}

#ftmenu dd ul li a span{
	display:block;
	margin:0 auto;
	width:94%;
	background:url(../img/bg_ft_menu.png) no-repeat right center #fff;
}


/*======================================================================*/
	/* contensts
/*======================================================================*/

#contensts{
	margin:0px auto 40px;
	width:94%;
}

#area{
	margin-bottom:30px;
	width:100%;
	float:none;
}

#side{
	width:100%;
	float:none;
}

.side-regist img{
	width:100%;
	height:auto;
	
}

/*======================================================================*/
	/* area basic
/*======================================================================*/

#breadcrumb{
	margin-bottom:20px;
	font-size:10px;
	line-height:150%;
}

h3#page-tittle{
	padding:10px;
	font-size:18px;
	font-weight:bold;
	line-height:150%;
}

/*======================================================================*/
	/* area
/*======================================================================*/

.result-hit{
	margin-bottom:20px;
	background:#eee;
	padding:8px 20px;
}

.result-hit .hit{
	float:none;
}

.result-hit .hit span{
	font-size:18px;
	margin-right:5px;
}

.pagination{
	margin-bottom:20px;
    text-align: center;
}
a.page-numbers,
.pagination .current{
    background: #fff;
	color:#333;
    padding:5px 8px;
    margin:0 1px;
    text-decoration: none;
}
.pagination .current{
   background: #DF061B;
	color: #fff;
}

a.page-numbers:hover{
	background: #DF061B;
	color: #fff;
}

.list-image{
	margin-bottom:20px;
	width:100%;
	margin-right:0;
	float:none;
}
.list-image img{
	width:100%;
	height:auto;
}



.cont-block table{
	max-width:100%;
}

.cont-block table.w100{
	width:100%;
}

.cont-block table.w100 th{

}

.cont-block th{
	display:block;
	border-bottom:none;
	padding:15px 20px 10px 0;
	
}
.cont-block td{
	display:block;
	border-bottom:1px #ccc solid;
	padding:10px 0;
}

h4.form-tit{
	width:60%;
}

h4.form-tit img{
	width:100%;
	height:auto;
}

#form-block{
	border:5px #ccc solid;
	padding:10px 10px 10px;
}

#form-block table{
	width:100%;
	margin-bottom:20px;
	font-size:16px;
	line-height:150%;
}


#form-block th{
	width:100%;
	display:block;
	padding:10px 20px 0 0;
	border-bottom:none;
}

#form-block th span{
	background:#999999;
	color:#fff;
	padding:1px 10px;
	margin-left:10px;
	float:right;
}

#form-block td{
	display:block;
	padding:10px 0;
	border-bottom:1px #ccc solid;
}

#form-block td.type1 input{
	margin-right:0;
	width:94%;
	padding:10px 3%;
	font-size:16px;
	line-height:150%;
}

#form-block td.type2 input{
	width:20%;
	padding:10px;
	font-size:16px;
	line-height:150%;
}

label.radio{
	font-size:16px;
	line-height:150%;
}

#form-block td select{
	font-size:16px;
	line-height:150%;
}

#form-block .submit input{
	width:100%;
	padding:15px 0px;
	font-size:18px;
	background:#008C00;
	background: -webkit-gradient(linear, left top, left bottom, from(#008C00), to(#008C00));	
}











.mailform{
	width:100%;
}

form#mailformpro dl dt {
	float: none;
	width: 100%;
	clear: both;
	font-size: 12px;
	padding: 10px 0px;
	text-align: left;
	border-top: solid 1px #CCC;
	margin: 0px;
	background:#eee;
	line-height:150%;
}

form#mailformpro dl dt span.sp{
	margin-left:10px;
	display:block;
}

form#mailformpro dl dd {
	width: auto;
	border-top: solid 1px #CCC;
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	line-height:150%;
	
}

form#mailformpro input.check {
	margin:0;
	padding: 3px 0;
	font-size: 16px;
	width:10%;
	vertical-align: middle;
}


form#mailformpro input {
	margin:0;
	width:90%;
	padding: 3px 0;
	font-size: 16px;
	vertical-align: middle;
}

form#mailformpro textarea{
	margin:0;
	width:70%;
	padding: 3px 0;
	font-size: 16px;
	vertical-align: middle;
}


form#mailformpro select {
	vertical-align: bottom;
	font-size: 16px;
	line-height:150%;
	margin:0;
	padding:0;
}


form#mailformpro dl dd ol li{
	width:auto;
	text-align:left;
}


form#mailformpro dl dd ul li label input{
	display:inline;
	width:10%;
}

form#mailformpro dl dd ol li{
	margin-bottom:5px;
}

form#mailformpro dl dd ol li span{
	float:left;
	font-size:16px;
	line-height:150%;
	margin-right:5px;
}

form#mailformpro dl dd ol li label input{
	display:inline;
	width:10%;
}











div#mfp_phase_confirm h4 {
	font-size: 18px;
	line-height:150%;
	padding: 0px 0px 10px 0px;
	text-align: center;
}


div#mfp_phase_confirm table {
	width: 90%;
	border:none;
	box-shadow:none;
	margin: 0 0 40px;
}

div#mfp_phase_confirm table tr th {
	text-align: left;
	width: 100%;
	display:block;
	background:#ccc;
}
div#mfp_phase_confirm table tr td {
	text-align: left;
	width: 100%;
	display:block;
	background:#fff;
}

form#mailformpro dl dd ul li, form#mailformpro dl dd ol li {
	padding: 2px 0;
}





.age-block{
	display:block;
	margin-bottom:8px;
}