@charset "UTF-8";
/*
 * TOP style.css
 */


/* index.html
---------------------------------------------------------- */
/* 新着情報 */
#topNews {
	margin: 10px 0;
	line-height: 1;
	padding: 0 5px;
	font-size: 14px;
}
#topNews dt {
	float: left;
	width: 5em;
	height: 14px;
	padding-left: 18px;
	background: url("../sp/common/img/ico_info01.png") no-repeat left 0;
	-webkit-background-size: 14px auto; /* Safari,Chromeなど */
	   -moz-background-size: 14px auto; /* Firefox */
	    -ms-background-size: 14px auto; /* ie */
	     -o-background-size: 14px auto; /* Opera */
	        background-size: 14px auto;
	font-weight: bold;
}


/* アルバイト検索 */
#navArbeit01 {
	width: 290px;
	margin: 10px auto 0;
}
	#navArbeit01 li {
		float: left;
		list-style: none;
		width: 140px;
		height: 80px;
	}
	#navArbeit01 li:first-child {
		margin-right: 10px;
	}


/* 初めての方へ */
#topGuide01 {
	width: 290px;
	margin: 10px auto 0;
}
	#topGuide01 h3 {
		min-height: 25px;
		line-height: 1;
		border: none;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		    -moz-border-radius-topleft: 5px;
		    -moz-border-radius-topright: 5px;
		        border-radius: 5px 5px 0 0;
		background: #d6e5ef;
		color: #495c68;
		font-size: 16px;
		text-align: center;
		text-shadow: 0 2px 0 #fff;
	}
	#topGuide01 h3 span {
		display: inline-block;
		min-height: 25px;
		line-height: 25px;
		padding: 5px 10px 5px 25px;
		background: url("/sp/common/img/ico_first.png") no-repeat left center;
		-webkit-background-size: 18px auto; /* Safari,Chromeなど */
		   -moz-background-size: 18px auto; /* Firefox */
		    -ms-background-size: 18px auto; /* ie */
		     -o-background-size: 18px auto; /* Opera */
		        background-size: 18px auto;
	}
#topGuide01 ul {
	width: 288px;
	margin: 1px auto 0;
	border: #d6e5ef 1px solid;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	    -moz-border-radius-bottomleft: 5px;
	    -moz-border-radius-bottomright: 5px;
	        border-radius: 0 0 5px 5px;
}
	#topGuide01 li {
		display: table-cell;
		list-style: none;
		width: 95px;
		line-height: 1.3;
		vertical-align: middle;
		padding: 5px 0;
		border-left: #d6e5ef 1px solid;
		text-align: center;
	}
	#topGuide01 li:first-child {
		width: 96px;
		border-left: none;
	}
	#topGuide01 li a {
		text-decoration: none;
	}

/* 新着求人 */
#newArbeit_part,
#newArbeit_spot {
	position: relative;
	margin: 15px 0 20px;
}
	#newArbeit_part h3 {
		padding: 5px 5px 5px 50px;
		background: #e1430a;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
	}
	#newArbeit_spot h3 {
		padding: 5px 5px 5px 50px;
		background: #8cbf33;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
	}
	#newArbeit_part .icoNew,
	#newArbeit_spot .icoNew {
		position: absolute;
		top: -3px;
		left: 5px;
		width: 42px;
		height: 28px;
		background: url("../img/ico_new01.png") no-repeat left top;
		-webkit-background-size: 42px auto; /* Safari,Chromeなど */
		   -moz-background-size: 42px auto; /* Firefox */
		    -ms-background-size: 42px auto; /* ie */
		     -o-background-size: 42px auto; /* Opera */
		        background-size: 42px auto;
		text-indent: -9999px;
	}
	#newArbeit_part .upDate01,
	#newArbeit_spot .upDate01 {
		position: absolute;
		top: 5px;
		right: 5px;
		height: 16px;
		line-height: 16px;
		padding: 3px 6px 3px 3px;
		background: #fff;
		border: none;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		font-size: 12px;
	}
	#newArbeit_part .upDate01 span,
	#newArbeit_spot .upDate01 span {
		padding-left: 3px;
		color: #f08226;
		font-size: 14px;
		font-weight: bold;
	}

/* リスト　イメージ有 */
ul.ul_arrow02 {
	width: 100%;
}
	ul.ul_arrow02 li {
		display: block;
		position: relative;
		min-height: 60px;
		line-height: 1.3;
		padding: 10px 25px 10px 110px;
		border-bottom: #deeaf2 1px solid;
		background: #eff5f9;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eff5f9)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #fff, #eff5f9); /* Chrome 10+, Saf5.1+ */
		background-image:    -moz-linear-gradient(top, #fff, #eff5f9); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, #fff, #eff5f9); /* IE10 */
		background-image:      -o-linear-gradient(top, #fff, #eff5f9); /* Opera 11.10+ */
		background-image:         linear-gradient(top, #fff, #eff5f9);
	}
	ul.ul_arrow02 li a {
		color: #333;
		text-decoration: none;
	}
	ul.ul_arrow02 li h4 {
		max-height: 2.5em;
		overflow: hidden;
		margin-bottom: 3px;
		font-weight: normal;
	}
	ul.ul_arrow02 li .hospital {
		max-height: 2.5em;
		overflow: hidden;
		color: #999;
		font-size: 12px;
	}
	ul.ul_arrow02 li .photo {
		display: block;
		width: 90px;
		position: absolute;
		top: 10px;
		left: 10px;
	}

	ul.ul_arrow02 span.arrowNext {
		position: absolute;
		top: 50%;
		right: 5px;
		width: 10px;
		height: 16px;
		margin-top: -8px;
		background: url("/sp/common/img/ico_arrow01.png") no-repeat 0 0;
		-webkit-background-size: 10px auto; /* Safari,Chromeなど */
		   -moz-background-size: 10px auto; /* Firefox */
		    -ms-background-size: 10px auto; /* ie */
		     -o-background-size: 10px auto; /* Opera */
		        background-size: 10px auto;
	}
	

/* リスト 記事 */
ul.ul_arrow03 {
	width: 100%;
}
	ul.ul_arrow03 li {
		position: relative;
		padding:  10px 25px 10px 10px;
		border-bottom: #deeaf2 1px solid;
		background: #eff5f9;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eff5f9)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #fff, #eff5f9); /* Chrome 10+, Saf5.1+ */
		background-image:    -moz-linear-gradient(top, #fff, #eff5f9); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, #fff, #eff5f9); /* IE10 */
		background-image:      -o-linear-gradient(top, #fff, #eff5f9); /* Opera 11.10+ */
		background-image:         linear-gradient(top, #fff, #eff5f9);
	}
	ul.ul_arrow03 li a {
		color: #333;
		text-decoration: none;
	}
	ul.ul_arrow03 span.arrowNext {
		position: absolute;
		top: 50%;
		right: 5px;
		width: 10px;
		height: 16px;
		margin-top: -8px;
		background: url("/sp/common/img/ico_arrow02.png") no-repeat 0 0;
		-webkit-background-size: 10px auto; /* Safari,Chromeなど */
		   -moz-background-size: 10px auto; /* Firefox */
		    -ms-background-size: 10px auto; /* ie */
		     -o-background-size: 10px auto; /* Opera */
		        background-size: 10px auto;
	}


/* もっと見る */
.readMore01 {
	position: relative;
	border-top: #fff 1px solid;
	border-bottom: #deeaf2 1px solid;
	background: #e6eff5;
}
	.readMore01 a {
		display: block;
		padding: 10px;
		line-height: 1;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}
	.readMore01 .arrowNext02 {
		display: block;
		position: absolute;
		top: 50%;
		right: 5px;
		width: 10px;
		height: 16px;
		margin-top: -8px;
		background: url("/sp/common/img/ico_arrow02.png") no-repeat 0 0;
		-webkit-background-size: 10px auto; /* Safari,Chromeなど */
		   -moz-background-size: 10px auto; /* Firefox */
		    -ms-background-size: 10px auto; /* ie */
		     -o-background-size: 10px auto; /* Opera */
		        background-size: 10px auto;
	}


/* 注目求人 */
#topNotice,
#topFeature {
	margin: 15px 0 20px;
}
	#topFeature img {
		border-bottom: #f8d179 1px solid;
	}


/* 前回の検索条件 */
#topBeforeCondition {
	margin: 15px 10px 20px;
}
	#topBeforeCondition h3.tit_sub02 {
		padding: 5px;
		border: #dbdee1 1px solid;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		    -moz-border-radius-topleft: 5px;
		    -moz-border-radius-topright: 5px;
		        border-radius: 5px 5px 0 0;
	}

.ul_condition01 {
	width: 100%;
}
	ul.ul_condition01 li {
		position: relative;
		list-style: none;
		padding: 5px;
		border: #deeaf2 1px solid;
		border-top: none;
	}
	ul.ul_condition01 li p.type {
		color: #999;
		font-size: 12px;
	}
	ul.ul_condition01 li p.text {
		padding: 5px 20px 0 0;
		max-height: 3.8em;
		line-height: 1.3em;
		overflow: hidden;
		font-size: 12px;
	}
	ul.ul_condition01 li a {
		color: #333;
		text-decoration: none;
	}
	ul.ul_condition01 span.hitWorks {
		display: inline-block;
		position: absolute;
		top: 5px;
		right: 5px;
		padding: 3px;
		line-height: 1;
		border: #ccc 1px solid;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
		background: #dbdee1;
		color: #000;
		font-size: 10px;
		text-align: center;
		white-space: nowrap;

	}
	ul.ul_condition01 span.arrowNext {
		position: absolute;
		top: 50%;
		right: 5px;
		width: 10px;
		height: 16px;
		margin-top: -8px;
		background: url("/sp/common/img/ico_arrow01.png") no-repeat 0 0;
		-webkit-background-size: 10px auto; /* Safari,Chromeなど */
		   -moz-background-size: 10px auto; /* Firefox */
		    -ms-background-size: 10px auto; /* ie */
		     -o-background-size: 10px auto; /* Opera */
		        background-size: 10px auto;
	}


/* login.html
---------------------------------------------------------- */
#formLogin {
	margin: 10px 10px 20px;
}
	#formLogin h3 {
		padding: 5px 5px;
		border: #8cbf33 1px solid;
		border-bottom: none;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		    -moz-border-radius-topleft: 5px;
		    -moz-border-radius-topright: 5px;
		        border-radius: 5px 5px 0 0;
		background: #8cbf33 url("/sp/common/img/bg_tit03.png") repeat-x 0 0;
		-webkit-background-size: 5px auto; /* Safari,Chromeなど */
		   -moz-background-size: 5px auto; /* Firefox */
		    -ms-background-size: 5px auto; /* ie */
		     -o-background-size: 5px auto; /* Opera */
		        background-size: 5px auto;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-shadow: 0 1px 1px #709929;
}
#formLoginIn {
	padding: 0 10px 15px;
	border: #b6bec3 1px solid;
	border-top: none;
	-webkit-border-bottom-left-radius: 5px;  
	-webkit-border-bottom-right-radius: 5px;
	    -moz-border-radius-bottomleft: 5px;  
	    -moz-border-radius-bottomright: 5px;
	        border-radius: 0 0 5px 5px;
}
	#formLoginIn dl {
		padding-right: 2px;
	}
	#formLoginIn dt {
		list-style: none;
		padding: 10px 0 0 16px;
		background: url("/sp/common/img/ico_list01.png") no-repeat 0 10px;
		-webkit-background-size: 14px auto; /* Safari,Chromeなど */
		   -moz-background-size: 14px auto; /* Firefox */
		    -ms-background-size: 14px auto; /* ie */
		     -o-background-size: 14px auto; /* Opera */
		        background-size: 14px auto;
		line-height: 1;
		color: #8cbf33;
		font-size: 14px;
		font-weight: bold;
	}
	#formLoginIn dd {
	}
	#formLoginIn input[type="text"],
	#formLoginIn input[type="password"] {
		width: 100%;
		margin-top: 5px;
	}


/* terms.html
---------------------------------------------------------- */
.sectionTerms01 {
	margin: 10px 0;
}

.dl_terms01 dt {
	background: #d1e5ad;
	line-height: 1;
	margin: 10px 0;
	padding: 10px;
	font-weight: bold;
}
.dl_terms01 dd {
	margin: 0 10px;
}


/* company.html
---------------------------------------------------------- */
.sectionCompany01 .tit_sub02 {
	line-height: 1;
	padding: 10px 5px;
}
	.sectionCompany01 .box p {
		margin: 5px 10px 0;
	}

/* リスト1 */
.dl_company01 dt {
	line-height: 1;
	padding: 10px 10px 0;
	color: #f08226;
	font-weight: bold;
}
.dl_company01 dd {
	margin: 3px 10px 10px;
}

/* リスト2　(ライン) */
.dl_company02 {
	font-size: 12px;
}
.dl_company02 dt {
	line-height: 1;
	padding: 5px 10px 0;
	border-top: #b8c4cc 1px dotted;
	font-weight: bold;
	color: #8a9399;
}
	.dl_company02 dt:first-child {
		border-top: none;
	}
.dl_company02 dd {
	margin: 3px 10px 5px;
}

/* k_add */
#topFeature .kougaku {
    background: url("/sp/topic/kougaku/images/topiclink_kougaku.png")no-repeat left center;
}
#topFeature .LinkArea {
    background: url("/sp/topic/kougaku/images/topiclink_icon_arrow.png")no-repeat right center;
    border-bottom: solid 1px #d2c9b3;
    padding: 5px 0;
}
#topFeature .LinkImg {
    padding-left: 70px;
    display: block;
    line-height: 60px;
    color: inherit;
    font-size: 14px;
    background-size: contain;
}
.btn_freeMail img {
  display: block;
  margin: 15px auto 0;
  width: 290px;
  height: auto;
}
.toDr10 img {
  display: block;
  margin: 0 auto 10px;
  width: 100%;
  height: auto;
}