@charset "utf-8";

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

header{

}

#main-image{
	margin-bottom:30px;
	position:relative;
	top:0px;
	width:100%;
	overflow:hidden;
	z-index:1;
}

.tp-back0 p{
	display:block;
	margin-left:-50%;
}


.tp-back1{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
.tp-back1 img{
	width:100%;
	height:auto;
}

.tp-back2{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:2;
}
.tp-back2 img{
	width:auto;
	height:100%;
}

.slider li.slide .copy p{
	display:block;
	width:100%;
	margin-left:-50%;
	text-align:center;

}

#tit-jobnav{
	width:100%;
	height:52px;
	background:url(../img/tit_navi.png) repeat left top;
	position:absolute;
	bottom:0px;
	z-index:8:
}

#tit-jobnav p{
	display:block;
	padding-top:12px;
	text-align:center;
}

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

.head-contents h1{
	margin:5px 0 7px;
	font-size:10px;
	line-height:100%;
}

.head-contents h2{
	line-height:0;
}

.head-contents .cont{
	float:left;
}

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

.head-contents a.regist span{
	display:block;
	padding-left:37px;
	background:url(../img/bg_regist.png) no-repeat left center;
}


nav{
	position:absolute;
	top:35px;
	left:50%;
	z-index:20;
}

nav ul.pattern1{
	margin-left:-50%;

}

nav ul.pattern1 li{
	width:31%;
	float:left;
	
}


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


nav ul.pattern1 li a.menu1 {
display:block;
border-left:1px #d80000 solid;
border-right:1px #d80000 solid;
}

nav ul.pattern1 li a.menu2 {
display:block;
border-right:1px #d80000 solid;
}

nav ul.pattern1 li a.menu3 {
display:block;
border-right:1px #d80000 solid;
}

nav ul.pattern1 li .submenu1 {
visibility:hidden;
position:absolute;
top:30px;
z-index:30;
padding:0px 0px 0px;
}


nav ul.pattern1 li .submenu1 a {
margin:0px 0px 1px;
display:block;
padding:10px 20px;
text-decoration:none;
background:#fff;
z-index:100;
}

nav ul.pattern1 li .submenu1 a:hover {
color:#fff;
text-decoration:none;
background:#D80000;
}

nav ul.pattern1 li .submenu2 {
visibility:hidden;
position:absolute;
top:30px;
z-index:30;
padding:0px 0px 0px;
}

nav ul.pattern1 li .submenu2 a {
margin:0px 0px 1px;
display:block;
padding:10px 20px;
text-decoration:none;
background:#fff;
z-index:100;
}

nav ul.pattern1 li .submenu2 a:hover {
color:#fff;
text-decoration:none;
background:#D80000;
}

nav ul.pattern1 li .submenu3 {
visibility:hidden;
position:absolute;
top:30px;
z-index:30;
padding:0px 0px 0px;
}


nav ul.pattern1 li .submenu3 a {
margin:0px 0px 1px;
display:block;
padding:10px 20px;
text-decoration:none;
background:#fff;
z-index:100;
}

nav ul.pattern1 li .submenu3 a:hover {
color:#fff;
text-decoration:none;
background:#D80000;
}

.head-contents-u{
	margin-bottom:30px;	
	width:98%;
	height:75px;
	overflow:hidden;
	top:0;
	padding:0 1%;
	background:#f1f1f1;
	z-index:10;
}

.head-contents-u h1{
	margin:5px 0 7px;
	font-size:10px;
	line-height:100%;
}

.head-contents-u h2{
	line-height:0;
}

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

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

.head-contents-u a.regist span{
	display:block;
	padding-left:37px;
	background:url(../img/bg_regist.png) no-repeat left center;
}

/*======================================================================*/
	/* search-box
/*======================================================================*/

#search-box{
	position:absolute;
	left:50%;
	bottom:80px;
	z-index:200;
}

#search-box .innar{
	margin-left:-50%;
	width:640px;
	padding:20px;
	background:url(../img/bg_search_box.png) repeat left top;
}

#search-box h3{
	text-align:center;
	margin-bottom:20px;
}

#search-box #job-btn{
	margin:0 auto 20px;
	width:100%;
}

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

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

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

#search-box #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;
}

#search-box #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;
}

#search-box .tp-search{
	width:640px;
}

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

#search-box .DropDownField{
	width:27%;
	margin-right:1%;
	float:left;	
}

#search-box .DropDownField select{
	width:97%;
	padding:10px 0 10px 3%;
}


#search-box .searchform-controls{
	width:15%;
	float:right;
}

#search-box .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;
}

#search-box .regist-box{
	width:200px;
	float:right;
}

#search-box .regist-box a.regist{
	margin:0;
	display:block;
	padding:8px 15px;
	background:#df061b;
	border-bottom:1px #8c0000 solid;
}

#search-box .regist-box a.regist span{
	display:block;
	padding-left:37px;
	background:url(../img/bg_regist.png) no-repeat left center;
}



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

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

.base{
	margin:0px auto;
	width:980px;
}

.pc{
	display:block;;
}

.smp{
	display:none;
}

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

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

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


.jobnav li:first-child{	border-left:none;}
.jobnav li:last-child{	border-right:none;}

.jobnav li:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.intro{
	width:470px;
	float:left;
	background:#eee;
}

.intro-innar{
	padding:35px;
}

.intro dt{
	margin:0px auto 20px;
	width:78%;
}

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

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

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

.tp-apri{
	width:470px;
	float:right;
}

.tp-apri .block1{
	margin-bottom:4px;
	padding-bottom:15px;
	border-bottom:1px #ccc solid;
	background:url(../img/bg_tp_apri1.png) no-repeat right top;
	background-size:100% auto;
}

.tp-apri .block1 p{
	display:block;
	float:left;
}

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

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

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

.tp-apri .block2 a.btn1{
	margin-bottom:12px;
	display:block;
	padding:15px;
	background:url(../img/tp_btn1.png) repeat left top;
}

.tp-apri .block2 a.btn1 span{
	display:block;
	padding-left:81px;
	background:url(../img/bg_tp_apri_flow.png) no-repeat left center;
}

.tp-apri .block2 a.btn2{
	display:block;
	padding:15px;	
	background:url(../img/tp_btn2.png) repeat left top;
}

.tp-apri .block2 a.btn2 span{
	display:block;
	padding-left:81px;
	background:url(../img/bg_tp_apri_faq.png) no-repeat left center;
}

.tp-apri .block2 a.btn1:hover,
.tp-apri .block2 a.btn2:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.info-tit{
	padding-bottom:5px;
	border-bottom:1px #ccc solid;
}

.info-tit dt{
	float:left;
	font-size:23px;
	font-weight:bold;
	line-height:150%;
	font-family: "新ゴ L   または  Shin Go Light";
	font-family: "新ゴ R   または  Shin Go Regular";
	font-family: "新ゴ M   または  Shin Go Medium";
}

.info-tit dt.blog{
	background:url(../img/bg_blog_topics_tit.png) no-repeat left top;
	padding-left:33px;
}

.info-tit dd{
	float:right;
	padding:10px 10px 0 0;
}

.info-tit dd a{
	display:block;
	padding-right:20px;
	color:#000;
	background:url(../img/bg_list.png) no-repeat right center;
}


.information{
	width:100%;
}

.information a{
	display:block;
	color:#333;
}

.information th{
	padding:10px 0px;
	width:60px;
	border-bottom:1px #ccc solid;
}

.information td{
	padding:10px;
	border-bottom:1px #ccc solid;
}

.information td.day{
	text-align:right;
}

.information tr:nth-child(2n) {
	background: #ffede6;
}


.news-block{
	width:470px;
	float:left;
}

.blog-block{
	width:470px;
	float:right;
}

.topics{
	width:100%;
}

.topics a{
	display:block;
	color:#333;
}

.topics th{
	padding:10px 0 10px 5px;
	color:#d80000;
	width:75px;
	border-bottom:1px #ccc solid;
}

.topics td{
	padding:10px;
	border-bottom:1px #ccc solid;
}


.topics tr:nth-child(2n) {
	background: #eee;
}

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

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

.top-menu li{
	float:left;
	margin:0 4px;
}

.top-menu li:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}



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

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

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


#foot-search h3{
	width:124px;
	padding-right:23px;
	float:left;
}

#foot-search .tp-search{
	width:625px;
	float:left;
}

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

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

#foot-search .DropDownField select{
	width:97%;
	padding:10px 0 10px 3%;
}

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

#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;
}

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


#foot-search .regist-box{
	width:200px;
	float:right;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #foot-search .regist-box {
	  padding-top:2px;
  }
}

#foot-search .regist-box a.regist{
	margin:0;
	display:block;
	padding:8px 15px;
	background:#df061b;
	border-bottom:1px #8c0000 solid;
}

#foot-search .regist-box a.regist span{
	display:block;
	padding-left:37px;
	background:url(../img/bg_regist.png) no-repeat left center;
}

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

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

#foot-menu dt{
	margin-bottom:20px;
	width:120px;
	float:left;
	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:980px;
}

#foot-end .foot-logo{
	width:185px;
	float:left;
}

#foot-end .copyrights{
	width:400px;
	float:right;
	padding-top:10px;
	text-align:right;
}


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

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

#area{
	width:880px;
	float:none;
}

#side{
	width:230px;
	float:right;
}

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

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

h3#page-tittle{
	padding:20px;
	font-size:23px;
	font-family:"Shin Go Regular";
	/*font-weight:bold;*/
	line-height:150%;
	border-top:4px #DF061B solid;
	border-left:1px #ddd solid;
	border-right:1px #ddd solid;
	border-bottom:1px #ddd solid;
}

h3#blog-tittle{
margin-bottom:10px;
width:690px;
color:#203C8f;
font-size:18px;
font-weight:bold;
line-height:150%;
padding:0px 0px 5px;
border-bottom:1px #dbdbdb solid;
}

h3#blog-tittle a{color:#203C8f;}

.headline{
	min-height:37px;
	padding:13px 20px 0;
	font-size:16px;
	line-height:150%;
	color:#000;
	margin-bottom:20px;
	background: url(../img/head_line.gif) repeat-x left top;
}

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

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

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

.result-hit .hit span{
	font-size:28px;
	margin-right:5px;
	font-weight:bold;
	line-height:150%;
	color:#cc0000;
}

.result-hit .pager{
	float:right;
}

.result-hit .pagination{
	padding:10px 0 0;
}

.blog-pager .pagination{
	padding:10px 0 0;
	text-align:center;
}

a.page-numbers,
.pagination .current{
    background: #fff;
	color:#333;
    padding:5px 8px;
    margin:0 1px 10px;
	line-height:3em;
	border:1px #c8c8c8 solid;
    text-decoration: none;
}
.pagination .current{
    background: #DF061B;
    color: #fff;
}

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


.cont-tit{
	border:1px #ccc solid;
	padding:15px 0;
	background:#E8E8E8;
}

.cont-tit h3{
	font-size:18px;
	font-weight:bold;
	line-height:150%;
	padding-left:20px;
	border-left:4px #DF061B solid;
	
}

.cont-tit h3 a{
	display:block;
	color:#333;
	font-weight:bold;
	float:left;
}

.cont-tit h3 p{
	display:block;
	color:#333;
	float:right;
	padding-top:1em;
	padding-right:20px;
}

.cont-tit h3 img{
	padding-left:10px;
	vertical-align:-0.2px;
}

.cont-tit h3 span{
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
}

.cont-block{
	padding:20px;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background:#fff;
}

.list-image{
	width:320px;
	margin-right:20px;
	float:left;
}

.list-image .panel{
	margin-bottom:15px;
}

.list-image #thumbnail{

}

.list-image #thumbnail li{
	width:32%;
	margin:0 0 0 2%;
	float:left;
}

.list-image #thumbnail li:first-child{	margin:0;}

.list-image #thumbnail li img{
	width:100%;
	float:none;
}

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

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

.cont-block table.w100 th{
	width:80px;
}

.cont-block th{
	border-bottom:1px #ccc solid;
	padding:10px 20px 10px 0;
	white-space:nowrap;
}

.cont-block th span{
	background:#333;
	color:#fff;
	width:60px;
	text-align:center;
	display:block;
	font-weight:bold;
	padding:0 10px;
}

.cont-block th.bo-none{
	border-bottom:none;
}

.cont-block td{
	border-bottom:1px #ccc solid;
	padding:10px 0;
	word-break: break-all;
}

.cont-block td.bo-none{
	border-bottom:none;
}

.cont-block td p{
	margin-bottom:10px;
}


.list-btn{
	margin-bottom:20px;
	padding:15px;
	text-align:center;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background:#F4F3F0;
}

.list-btn a{
	margin:0 auto;
	padding:10px 0 5px;
	font-size:16px;
	line-height:150%;
	width:150px;
	display:block;
	background:#FF8000;
	border-bottom:4px #CA6500 solid;
	text-align:center;
	color:#fff;
}

.list-btn a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.single-case{
	margin-bottom:10px;
	padding-bottom:20px;
	border-bottom:1px #ccc solid;
}

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

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

#form-block th{
	width:180px;
	padding:10px 20px 10px 0;
	border-bottom:1px #ccc solid;
}

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

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

#form-block td.type1 input{
	margin-right:10px;
	width:60%;
	padding:10px;
	border:1px #ddd solid;
}

#form-block td.type1 input {
background:#EEFFE8;
}

#form-block td.type1 input:focus {
background:#fff;
}

#form-block td.must input {
background:#EEFFE8;
}

#form-block td.must  input:focus {
background:#fff;
}

#form-block td.type2 input{
	margin-right:10px;
	width:10%;
	padding:10px;
	border:1px #ddd solid;
}

label.radio{
	margin-right:10px;
}

#form-block td select{
	padding:5px 0 5px 2%;
}

#form-block .txt1{
	font-size:11px;
	line-height:150%;
}

#form-block .submit {text-align:center;}
#form-block .submit input{
	color:#fff;
	padding:15px 100px;
	font-size:18px;
	background:#008C00;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px #336600 solid;
	cursor:pointer;
}

#form-block .submit input:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*======================================================================*/
	/* side
/*======================================================================*/

#side #side-admenu{
}

#side #side-admenu dt{
	margin-bottom:10px;
	border:1px #ccc solid;
	cursor:pointer;
	padding:10px 10px 10px 0;;
}

#side #side-admenu dt span{
	display:block;
	background:url(../img/bg_side_menu.png) no-repeat left center;
	padding-left:20px;
}

#side #side-admenu dd{
	display:none;
	margin-bottom:10px;
}

#side #side-admenu dd.open{
	display:block;
}

#side #side-admenu dd a{
	display:block;
	padding:10px 20px 10px 10px;
	color:#333;
	border-bottom:1px #ccc solid;
	background:url(../img/icon_side_menu.png) no-repeat right center;
}

#side #side-admenu dd a:hover{
	color:#fff;
	background:url(../img/icon_side_menu.png) no-repeat right center #DF061B;
}

.side-regist{
	margin-bottom:10px;
}

.side-regist a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.side-menu{}


.side-menu li{
	float:left;
	margin-bottom:20px;
}

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

.side-menu li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.side-bannr{}

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

.side-bannr a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


.blog-box{
	padding-bottom:0px;
	margin-bottom:10px;
	width:100%;
	border-bottom:1px #ccc solid;
}

.blog-box p{
	margin-bottom:15px;
}

.blog-box a{color:#203C8f;}

.day{
	text-align:right;
	margin-top:30px;
}

/* test */
.intro {
    width: 470px;
    background: #eee;
}

.intro dt {
    margin: 0px auto 20px;
    width: 78%;
    text-align: center;
    font-family: "Shin Go Medium";
    font-size: 20px;
    line-height: 120%;
}

.intro dd {
    margin-bottom: 20px;
    line-height: 160%;
    font-size: 14px;
    text-align: justify;
    text-justify: inter-ideograph;
}

.intro-copy {
    font-family: "Shin Go Light";
}