/*-----------------------------------------------------
マージン・パディングなど共通CSS
-------------------------------------------------------*/
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mr05{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr100{margin-right:100px;}
.mr110{margin-right:110px;}
.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb230{margin-bottom:230px;}
.p05{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pt05{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt45{padding-top:45px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.flL{float:left;}
.flR{float:right;}
.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}
.txtB{font-weight: bold;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt16{font-size:16px;}
.txt24{font-size:24px;}
.txt30{font-size:30px;}
.txtCoBl{color:#3498db;}
.inlineBlock{
	display:inline-block;
	*display: inline;  
    *zoom: 1;
}


/*-----------------------------------------------------
共通レイアウト
-------------------------------------------------------*/
h1{
	padding:5px;
}
#contents {
	width:950px;}
#contents section{
	overflow:hidden;
	position:relative;
}
#contents section h3 {
	background-color: #fff;
	color: #000;
	padding: 10px 10px 5px;
	margin-top:30px;
	clear: both;
}
#contents section:first-child h3{
	margin-top:0;}
#contents section h3 span{
	font-size:21px;
}
.acordion_tree{display:block;}
@media screen and (max-width: 640px) {
	.acordion_tree{display:none;}
	#contents{max-width:100%;overflow:hidden;}
	#contents section{width:auto;}
	#contents section h3 { margin-top:0px;
		padding: 5px 10px;
	}
	#contents section h3 span{font-size:13px;}
}

/*-----------------------------------------------------
メイン画像まわり
-------------------------------------------------------*/
#mainColumn{
	background:#fff;
	position:relative;
	width:auto;
	margin:auto;
}
#title2 img{
	width:100%;
}
#title2 {
	position:relative;
	overflow:hidden;
}
#title2 p {
	font-size: 30px;
	position: absolute;
	bottom:7.66%;
	left:3.5%;
	font-weight: bold;
	color: #000;
}
#know{
	width: 450px;
	line-height:24px;
	font-size:16px;
	margin:20px 0;}

@media screen and (max-width: 800px) {
	#know{
		width: 50%;
		}
	#title2 p {	font-size: 24px;}
}

@media screen and (max-width: 640px) {
	#mainColumn{
		width:auto;
		background:url(../images/back.png) repeat;
	}
	#contents{
		position:relative;
	}
	#title2 p{
		font-size: 18px;
		position: absolute;
		font-weight: bold;
		color: #000;
	}
	h1{
		position: absolute;
		bottom: 5px;
		left: 5px;
		padding:5px;
	}
	#know{
		margin:0;
	}
}
@media screen and (max-width: 480px) {
	#title2 p {	font-size: 13px;}
}
@media screen and (max-width: 340px) {
	#mainColumn{background:url(../images/back.png) repeat;}
	#title2 h2{	border:0 none;}
	#title2 img{width:100%;}
	#title2 {position:relative;}
	#title2 p {
		font-size: 11px;
		position: absolute;
		/* top: 65px;
		left: 12px; */
		font-weight: bold;
		color: #000;
	}
}

#textLink {
	padding:14px 10px;
	background-color: #fff;
	border-radius: 5px;
	border: #fff solid 2px;
}
#textLinkContents {
	position: relative;
}
#textLinkContents a p{
	color: #000;
	text-decoration: none;
	font-size:16px;
	position:relative;
}
#textLinkContents a p:after{
		content:"";
		display:block;
		height:25px;
		width:25px;
		position:absolute;
		right:10px;
		top:0;
		margin:0;
		background-color:#fff;
		background-image: url(../images/arrow_bc.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		* height: 38px\9;
		* width: 42px\9;
		* top: -14px\9;
		* right: 20px\9;
}



#textLinkContents a:hover {
	text-decoration: none;
}


/*---------------------------------------------------

新着求人

---------------------------------------------------*/
#contents section#new h3{margin-top:0;}
#new .pc{display:block;}
#new .smt{display:block;}

.pc .recommend .pt01 > ul > li {
	display:block;
	box-sizing: border-box;
	width:25%;
	padding:10px;
	border: 1px #ccc solid;
	background-color:#fff;
	float:left;
	line-height: 19px;
}
.pc .recommend .pt01 ul dt {
	font-weight: bold;
}
.pc .recommend .pt01 ul dt, 
.pc .recommend .pt01 ul dd,
.pc .recommend .pt01 ul dd li{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pc .recommend .pt01 ul dl{position:relative;}
.pc .recommend .pt01 ul .dd02{position:absolute;top:0;left: 8px;height: 150px;}
.pc .recommend .pt01 ul .dd02 img {width: 100%;height: auto;}
.pc .recommend .pt01 ul .dt01{padding-top:160px;}

@media screen and (max-width: 800px) {
.pc .recommend .pt01 ul .dt01{padding-top:130px;}}	
@media screen and (max-width: 720px) {
.pc .recommend .pt01 ul .dt01{padding-top:110px;}}	


@media screen and (max-width: 640px) {
.pc .recommend .pt01 > ul > li {width:50%;}
.pc .recommend .pt01 ul .dt01{padding-top:160px;}
.pc .recommend .pt01 ul .dd02{width:100%; height:150px;}
.pc .recommend .pt01 ul .dd02 img{width: 100%;height:auto;}
}

@media screen and (max-width: 480px) {
.pc .recommend .pt01 > ul > li {width:100%; min-height:90px;}
.pc .recommend .pt01 ul .dd02{width: 120px;height: 90px; float:left;}
.pc .recommend .pt01 ul .dt01{padding:0;}
.pc .recommend .pt01 ul .dt01, 
.pc .recommend .pt01 ul .dd01, 
.pc .recommend .pt01 ul .dd03{margin-left:140px;}
}

.smt .recommend hr {
	display:none;
}
.smt .recommend .pt01 ul li {
	border-bottom: 1px #ccc solid;
	background-color:#fff;
	position:relative;
}
.smt .recommend .pt01 ul li dl {
	padding-right:15px;
}
.smt .recommend .pt01 ul li a {
	color: #545454;
	display: block;
	padding: 10px;
	font-size:11px !important;
	border-right: 2px solid transparent;
	position:relative;
	background:#fff;
	box-sizing: border-box;	
	text-decoration: none;
	cursor: pointer;
	}
.smt .recommend .pt01 ul li:after {
	content:"";
	display:block;
	height:27px;
	width:27px;
	position:absolute;
	right:10px;
	top:26px;
	margin:0;
	background:#fff url(../images/arrow_c.gif) no-repeat;
	background-size:contain;
}
.smt .recommend .pt01 ul dt {
	font-weight: bold;
}
.smt .recommend .pt01 ul dt,
.smt .recommend .pt01 ul dd {
	overflow: hidden;
	height: 15px;
	line-height: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*---------------------------------------------------

検索

---------------------------------------------------*/
/*-----------------
  共通部分
-------------------*/
.open-close {display:none;}
div.boxSearch{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
div.boxSearch > div{
	border-bottom:1px solid #cccccc;
}
div.boxSearch h4 {
    font-size: 16px;
	padding:0;
	color: #545454;
	font-weight:normal;
	padding:10px 10px;
}
div.boxSearch ul{
	border-left:1px solid #cccccc;
	min-height:28px;
	overflow:hidden;
	padding:6px;
}
div.boxSearch ul li{
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	float:left;
	padding:0;}
div.boxSearch ul li:after{
	content:"|";
	margin:0 10px;}
div.boxSearch ul li:last-child:after{
	content:"";
	margin:0;}

/*-----------------
  検索_エリアから探す
-------------------*/
#area div.boxSearch{
	width:489px;
	float:right;
}
#area div.boxSearch h4 {
	width:100px;
}
#area div.boxSearch .trigger {
	float:left;
}
#area div.boxSearch ul{
	margin-left:120px;
	overflow:hidden;
}
/*--------------
  検索_地図
--------------*/
/*
#area div.mapSearch{
	width:459px;
	height:318px;
	float:left;
	background:url(../images/joblp_map.png) repeat;
	position:relative;
}
#area div.mapSearch p{
	position:absolute;
	top: 43px;
	left: 88px;
}
*/
#area div.mapSearch {
	position: relative;
	width: 459px;
	float: left;
}
#area div.mapSearch p {
	position:absolute;
	top: 43px;
	left: 88px;
}
#area div.mapSearch li a {
	position: absolute;
	color: #fff;
	font-weight: bolder;
}
#area div.mapSearch li.hokkaidou a {
	top: 46px;
	left: 364px;
}
#area div.mapSearch li.tohoku a {
	top: 136px;
	left: 336px;
}
#area div.mapSearch li.kanto a {
	bottom: 100px;
	left: 298px;
}
#area div.mapSearch li.hokuriku a {
	top: 151px;
	left: 248px;
}
#area div.mapSearch li.tokai a {
	bottom: 65px;
	left: 210px;
}
#area div.mapSearch li.kansai a {
	bottom: 105px;
	left: 180px;
}
#area div.mapSearch li.chugoku a {
	bottom: 120px;
	left: 135px;
}
#area div.mapSearch li.shikoku a {
	bottom: 65px;
	left: 110px;
}
#area div.mapSearch li.kyusyu a {
	bottom: 105px;
	left: 60px;
}
#area div.mapSearch li.okinawa a {
	bottom: 20px;
	left: 26px;
}

/*---------------------
  検索_条件から探す
----------------------*/
#terms div.boxSearch .trigger {
	width:180px;
	float:left;}
#terms div.boxSearch .acordion_tree{
/* 	padding:0 10px 0; */
}
#terms div.boxSearch ul{
	margin-left:200px;
	padding:6px;

}
/*---------------------
  検索_アコーディオン
----------------------*/
@media screen and (max-width: 800px) {
/*タブレット対応 地図画像なし*/
#area div.mapSearch{display:none;}
#area div.boxSearch{width: 100%;}

	/*-----------------
	  共通部分
	-------------------*/

	#contents div.boxSearch ul li:after{
		content:"";
	}
	
	#contents div.boxSearch .trigger {
		float:left;
		line-height:44px;
		}
	#contents div.boxSearch{
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-right:1px solid #cccccc;	
	}
	#contents div.boxSearch h4 {
		padding:10px 10px;
		width:100px;
	}
	#contents div.boxSearch > div{
		clear: both;
	}
	#contents div.boxSearch > div > acordion_tree{
		border-left:1px solid #cccccc;
	}
	#contents div.boxSearch > div > acordion_tree ul{
		border-bottom:1px solid #cccccc;
	}
	#contents div.boxSearch ul{
		margin-left:120px;
		padding:6px;
		overflow:hidden;
	}
	#contents div.boxSearch ul li{
		margin:20px 0px;}
	#contents div.boxSearch ul li a{
		padding:14px 20px;
		background-color:#efefef;
		border-radius:4px;
	}
}
	@media screen and (max-width: 640px) {
	#contents div.boxSearch{
		width:100%;
		float:none;
		border:none;
		padding:0;}	
	#contents div.boxSearch > div{
	width:100%;	
	float:none;
	border-bottom:0 none;}	
	#contents div.boxSearch h4 {
		font-size: 16px;
		font-weight: normal;
		padding: 0 10px;
		margin: 0 0 0 10px;
		float: left;
		border-bottom:none;
		font-size: 16px;
		width: auto;
	}
	#contents div.boxSearch ul{
		margin:0;
		padding:0;
		border-bottom: 1px solid #ccc;
	}
	#contents div.boxSearch ul:last-child {
		
	}
	#contents div.boxSearch ul li {
		/*background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E4E4E4));
		background: linear-gradient(to bottom, #FFFFFF 0%, #E4E4E4 100%) repeat scroll 0 0 transparent;*/
		background-color:#fff;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		font-size: 14px;
		list-style: none outside none;
		margin: 0 0 0 20px;
		padding:0;
		width: auto;
		float: none;
		display: block;
		line-height: 44px;
		position:relative;
	}
	#contents div.boxSearch ul li:last-child {
		border-bottom: none;
	}
	#contents div.boxSearch ul li a {
		color: #545454;
		display: block;
		padding: 0 10px;
		font-size:14px !important;
		border-right: 2px solid transparent;
		position:relative;
		background:#fff;
	}
	#contents div.boxSearch ul li:after {
		content:"";
		display:block;
		height:27px;
		width:27px;
		position:absolute;
		right:10px;
		top:10px;
		margin:0;
		background:#fff url(../images/arrow_c.gif) no-repeat;
		background-size:contain;
	}
	#contents div.boxSearch .trigger {	
		/*background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E4E4E4));
		background: linear-gradient(to bottom, #FFFFFF 0%, #E4E4E4 100%) repeat scroll 0 0 transparent;*/
		background-color:#fff;
		border:0 none;
		border-bottom: 1px solid #CCCCCC;
		float:none;
		min-height:inherit;
		clear:both;
		cursor: pointer;
		width:auto;
	}
	#contents div.boxSearch .open-close {
		cursor: pointer;
		float: right;
		text-indent: -9999px;
		top: 11px;
		right: 11px;
		z-index: 5;
		width:25px;
		height:25px;
		display: block;
		position:relative;
	}
	#contents div.boxSearch .open-close:after{
		content:"";
		display:block;
		visibility: initial;
		height:25px;
		width:25px;
		position:absolute;
		right:10px;
		top:0;
		margin:0;
		background:#fff url(../images/btn_plus_c.png) no-repeat 100% 50%;
		background-size:contain;}
	#contents div.boxSearch .trigger.active .open-close {
		position:relative;
	}
	#contents div.boxSearch .trigger.active .open-close:after{
		content:"";
		display:block;
		visibility: initial;
		height:25px;
		width:25px;
		position:absolute;
		right:10px;
		top:0;
		margin:0;
		background:#fff url(../images/btn_minus_c.png) no-repeat 100% 50%;
		background-size:contain;
	}
}

/*---------------------------------------------------

○○バイトとは？

---------------------------------------------------*/
#about > div.boxSearch {
	padding: 8px 10px;
	margin:20px;
	border: 1px solid #ccc;
}
#about div.boxSearch ul{
	margin-left:0;}

#about > div.boxSearch .trigger{
	float:none;}
#about > div.boxSearch h4 {
	margin:0;
	padding:10px 10px;
	background-color: #cccccc;
}
#about div.boxSearch ul{
	border-left:0 none;}
#about > div.boxSearch ul li {
	margin:10px 0;
	line-height:1.7;}
#about div.boxSearch > div{
	border:0 none;}

@media screen and (max-width: 640px) {
	#about .trigger .open-close:after,
	#about li:after{display:none !important;}
	#about > div.boxSearch {
		padding:0;
		margin:0;
		border:0;
		width:100%;
	}
	#about > div.boxSearch h4 {
		width:auto;
		color: #fff;
		background-color:transparent !important;
		font-weight: normal;
		padding: 0 10px;
		float: left;
		border:none;
		font-size: 16px;
	}
	#about > div.boxSearch ul{
	}
	#about > div.boxSearch ul:last-child {
		border-bottom: none;
	}
	#about > div.boxSearch ul li {
		background-color: #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		font-size: 14px;
		list-style: none outside none;
		margin: 0 10px;
		padding: 5px;
		/* line-height:1; */
		box-shadow: 1px 3px 3px #ccc;
		-moz-box-shadow: 1px 3px 3px #ccc;　/* Firefox用 */  
		-webkit-box-shadow: 1px 3px 3px #ccc;　/* Safari,Google Chrome用 */ 
	}
	#about > div.boxSearch ul li a {
		background: url(../images/arrow_w.png)  no-repeat 98% 50%;
		-moz-background-size:15px auto;
		-webkit-background-size:15px auto;
		background-size:15px auto;
		color: #545454;
		display: block;
		padding: 14px 0 14px 10px;
		font-size:14px !important;
		border-right: 2px solid transparent;
	}
	#about > div.boxSearch .trigger {
		background: url(../images/back_clear.png) repeat;
		background-color: #fff;
		border: 2px solid #fff;
		border-radius: 5px;
		margin: 0px 10px;
		cursor: pointer;
	}
	#about > div.boxSearch .trigger h4{color: #fff;
		font-weight: normal;
		float: left;
		border: none;
		font-size: 16px;}
	#about > div.boxSearch .open-close {
		background: url(../images/btn_plus_w.png) no-repeat 100% 50%;
		-moz-background-size:25px auto;
		-webkit-background-size:25px auto;
		background-size:25px auto;
		cursor: pointer;
		float: right;
		position: relative;
		text-indent: -9999px;
		top: 11px;
		right: 11px;
		z-index: 5;
		width:25px;
		height:25px;
		display: block;
	}
	#about > div.boxSearch .trigger.active .open-close {
		background: url(../images/btn_minus_w.png) no-repeat 100% 50%;
		-moz-background-size:25px auto;
		-webkit-background-size:25px auto;
		background-size:25px auto;
	}
	#about > div.boxSearch .trigger.active {
		border-radius: 5px 5px 0px 0px;
	}}
/*---------------------------------------------------
other
---------------------------------------------------*/
#other div.boxSearch ul{
	border-left:0 none;}

@media screen and (max-width: 800px) {
	#about > div.boxSearch h4,
	#other > div.boxSearch h4{
		width: auto;}
	#other > div.boxSearch .trigger{
		float:none;}
	#contents div.boxSearch ul{
		margin-left:0;}
}
/*---------------------------------------------------

pageTop

---------------------------------------------------*/
#pageTop {
	margin: 12px 5px 5px;
	color: #bababa;
	cursor: pointer;
	text-align: right;
}
#pageTop p a,
#pageTop p a:visited {
color: #666;
text-decoration: none;
}

/*---------------------------------------------------

Social

---------------------------------------------------*/
#contents #sns{
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
}
.social li{
	float: left;
	padding:10px 9px 5px 0;
}
@media screen and (max-width: 640px) {
	#contents #sns{
		position:static;
		width: 100%;
		}
	.social{
		width:300px;
		margin:0 auto;
		text-align:center;
		padding-left:20px;
	}
	.social li{
		float: left;
		padding:15px 9px 5px 0;
	}
	.social li#facebook_like{
		float: left;
		padding:15px 3px 5px 0;
	}
	.social li#line{
		float: left;
		padding:15px 0 5px;
	}
	.social li#line a{
		width:50%;
	}
	.social li#line_like img{
		width:50%;
		height:auto;
	}

}
/*---------------------------------------------------

footer

---------------------------------------------------*/
.common-globalFooter .pt03,
.common-globalFooter .pt04 {
	margin: 0;
	width: 100%;
	border-top: 1px #999 dotted;
}
.common-globalFooter .pt03 .p01,
.common-globalFooter .pt03 .p02{
	margin: 10px auto 0;
	width: 950px;
	text-align:center;
}
@media screen and (max-width: 800px) {
	.common-globalFooter .pt03 .p01,
	.common-globalFooter .pt03 .p02{
		max-width:100%;
	}
}
@media screen and (max-width: 640px) {
	.common-globalFooter .pt03,
	.common-globalFooter .pt04{
		border-top:1px #ccc solid;
		max-width:100%;
		margin:0 auto;
	}
	.common-globalFooter .pt03 .p01,
	.common-globalFooter .pt03 .p02{
		max-width:95%;
		margin:0 auto;
		}
}
@media screen and (max-width: 340px) {
	.common-globalFooter .pt03,
	.common-globalFooter .pt04{
		border-top:1px #ccc solid;
		width:100%;
	}
}

/* ----------------------------------------------------
    footer_nav
---------------------------------------------------- */ 
.footer_nav {
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
}

.footer_nav ul {
    padding-top: 5px;
}

.footer_nav ul li {
    display: inline-block;
    padding-right: 5px;
}

.footer_nav ul li a {
    padding-top: 5px;
    color: #444 !important;
    font-size: 11px;
    text-decoration: none;
}

.footer_nav ul li a:after {
    content: '';
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    width: 5px;
    height: 10px;
    vertical-align: middle;
    border-right: 1px solid #444;
}

.footer_nav ul li a:visited {
    color: #888;
}

.footer_nav ul li:last-of-type a:after {
    content: none;
}

/* ----------------------------------------------------
    footer_nav
---------------------------------------------------- */ 
.footer_nav {
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
}

.footer_nav ul {
    padding-top: 5px;
}

.footer_nav ul li {
    display: inline-block;
    padding-right: 5px;
}

.footer_nav ul li a {
    padding-top: 5px;
    color: #444 !important;
    font-size: 11px;
    text-decoration: none;
}

.footer_nav ul li a:after {
    content: '';
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    width: 5px;
    height: 10px;
    vertical-align: middle;
    border-right: 1px solid #444;
}

.footer_nav ul li a:visited {
    color: #888;
}

.footer_nav ul li:last-of-type a:after {
    content: none;
}