@charset "utf-8";

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

.tp-back1{display:none;}
.tp-back2{display:none;}

.slider li {
  width: 100%;
  height:500px;
}

.slider li.slide .copy p{
	display:block;
	max-width:768px;
	z-index:100 !important;
}

.slider li.slide .copy p img{
	max-width:658px;
	height:auto;
}

.head-contents h2{
	width:55%;
}

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

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

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

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

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

nav ul.pattern1 li a{
	padding:5px 1%;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	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;}


.head-contents-u h2{

}

.head-contents-u .cont{
	float:none;
	width:94%;
	margin:0px auto;
}


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

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

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



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

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

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

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

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

.jobnav li{
	width:16.4%;
}

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

.intro{
	width:48%;
	float:left;
	background:#eee;
}

.intro-innar{
	padding:35px;
}

.tp-apri{
	width:48%;
	float:right;
}

.tp-apri .block1 h3{
	width:62%;
}

.tp-apri .block1 p{
	margin-bottom:5px;
	display:block;
	float:none;
}

.tp-apri .block1 ul{
	float:left;
}

.tp-apri .block1 li{
	float:left;
	margin-left:0px;
	margin-right:10px;
}

.tp-apri .block1 h3 img{
	width:100%;
	height:auto;
}

.tp-apri .block2{
	padding-top:10px;
	padding-left:36%;
	background:url(../img/bg_tp_apri2.png) no-repeat right top;
	background-size:100% auto;
}

.tp-apri .block2 h3 img{
	width:100%;
	height:auto;
}


.tp-apri .block2 a.btn1 span{
	text-align:center;
	padding-left:0px;
	background:none;
}

.tp-apri .block2 a.btn1 span img{
	width:100%;
	height:auto;
}

.tp-apri .block2 a.btn2 span{
	text-align:center;
	padding-left:0px;
	background:none;
}

.tp-apri .block2 a.btn2 span img{
	width:100%;
	height:auto;
}


.news-block{
	width:48%;
	float:left;
}

.blog-block{
	width:48%;
	float:right;
}

.top-menu{
	margin:0px auto;
	width:94%;
	padding:60px 0 130px;
	background:url(../img/bg_top_menu.png) no-repeat center top;
	background-size:auto 100%;
}

.top-menu h3{
	margin-bottom:50px;
	text-align:center;
}

.top-menu li{
	float:left;
	width:18%;
	margin:0 1%;
}

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


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

#foot-search .innar{
	width:94%;
}

#foot-search h3{
	width:12%;
	padding-top:0.6%;
	padding-right:2%;
	float:left;
}

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

#foot-search .tp-search{
	width:66%;
	margin-left:1%;
	margin-right:1%;
}


#foot-search .DropDownField{
	width:27%;
	margin-right:1%;

}

#foot-search .searchform-controls{
	width:15%;
}

#foot-search .regist-box{
	width:18%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #foot-search .searchform-controls input {
    padding:11px 0;
  }
}

#foot-search .regist-box a.regist span{
	display:block;
	padding-left:0px;
	background:none;
}

#foot-search .regist-box a.regist img{
	width:100%;
	height:auto;
}

#foot-menu{
	margin-bottom:20px;
	width:100%;
	padding:20px 0 0px;
	border-bottom:1px #ccc solid;
}

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

#foot-menu dl{
	margin-bottom:20px;
}

#foot-menu dt{
	margin-bottom:10px;
	width:100%;
	float:none;
	border-bottom:1px #ccc solid;
	font-size:13px;
	font-weight:bold;
	line-height:150%;
	padding-right:10px;
}

#foot-menu dd{
	margin-bottom:10px;
	float:left;
	padding-right:10px;
}

#foot-menu dd a:link { color: #000;text-decoration:none;}
#foot-menu dd a:visited { color: #000;text-decoration:none;}
#foot-menu dd a:hover {color: #000;text-decoration:underline;}
#foot-menu dd a:active {color: #000;text-decoration:none;}

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


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


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

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

#side{
	width:28%;
	float:right;
}

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

.side-menu li{
	width:48%;
	float:left;
	margin-bottom:15px;
}

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

.side-menu li:nth-child(even){
	margin-left:4%;
}

.side-bannr{}

.side-bannr p{
	margin-bottom:20px;
}

.side-bannr{}

.side-bannr p{
	margin-bottom:15px;
}

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


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

.list-image{
	width:38%;
	margin-right:2%;
	float:left;
}
.list-image img{
	width:100%;
	height:auto;
}

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









.mailform{
	width:100%;
}