@charset "utf-8";

/* CSS Document */


hgroup {
	width:100%;
	min-width:940px;
	background-image: url(../img/bg_top_main.png); /* 全体の背景画像 */
	background-repeat: no-repeat;            /* 背景を繰り返さない */
	background-position:center 0;            /* 背景画像の位置は画面中央 */
	height:250px;
	margin-bottom:20px;
	overflow:hidden;
}

#top hgroup div {
	width:940px;
	margin:0 auto;
}

#top hgroup h1 {
	display:inline;
	text-indent:-999px;
	padding:0;
	float:left;
}

#top hgroup ul {
	float:right;
	width:220px;
	margin-top:40px;
}

/*-------------------------------------------*/
.searchBox {
	background:url(../search/img/bg_searchBox.jpg);
	padding:0 10px 10px;
	margin-bottom:20px;
}

.searchBox h3 {
	border-bottom:none;
	margin-bottom: 0px;
}

.cont-left .searchBox h3 {
	padding:0;
	margin:0;
	border-bottom:none;
	letter-spacing:1px;
	height:50px;
}

/*---------------------------------*/
.cont-left .searchBox .innerBox01 h4 {
	background:url(../search/img/bg_ttl.jpg) repeat-x left center;
	border:1px solid #026ea0;
	color:#FFF;
	font-size:16px;
	line-height:40px;
	padding:0 1em;
	margin: 0 -10px 15px;
}

.searchBox .innerBox01 {
	background:#FFF;
	padding:0 10px 10px;
	margin-bottom:10px;
}

.cont-left .searchBox .innerBox02 h4 {
	background:url(../img/bg_top_title.png) no-repeat left center;
	border:1px solid #bdbcbd;
	color:#5a5a5a;
	font-size:16px;
	line-height:40px;
	padding:0 1.5em;
	margin: 0 -10px 15px;
}

.searchBox .innerBox02 {
	background:#FFF;
	padding:0 10px 10px;
	margin-bottom:10px;
	height:150px;
}

.searchBox .innerBox02 li {
	margin-top:0;
	line-height:2em;
	overflow:hidden
}

/*
  職種で探す
---------------------------------------------------*/
.searchBox .innerBox01 dl {
	width:315px;
}

.searchBox .innerBox01 dl a {
	font-weight:bold;
}

/*
  職種で探す
---------------------------------------------------*/
.jobBox {
	width:315px;
	overflow:hidden;
}

#jobBox01 {
	float:left;
	width:315px;
	height:355px;
	overflow:hidden;
}

#jobBox01 dl {
	text-align:center;
	margin-bottom:2px;
}
#jobBox01 dl:nth-child(odd) {
 float:left;
 margin-left:15px;
}
#jobBox01 dl:nth-child(2n) {
 float:right;
 margin-right:15px;
}

/*
  希望条件で探す
---------------------------------------------------*/
#jobBox02 {
	float:right;
	width:315px;
	height:355px;
	overflow:hidden;
}

#jobBox02 select, #jobBox02 input[type="text"] {
	display:block;
	margin:0 auto 10px;
	width:230px;
}

#jobBox02 span.center {
	display:block;
}

#jobBox02 select {
	font-size:108%;
}

#jobBox02 input[type="text"] {
	height:25px;/*margin-top:10px;*/
}

#jobBox02 input[type="submit"] {
	text-align:center;
	background:url(../common/img/btn_search.png) no-repeat center top;
	width:160px;
	height:42px;
	text-indent:-999px;
	border:none;
}

/*
  こだわり条件で探す
---------------------------------------------------*/

#detailBox {
	overflow:hidden;
}

.searchBox #detailBox div {
	width:325px;
	height:220px;
}

.searchBox #detailBox .box02 {
	height:160px;
}
#detailBox div:nth-child(odd) {
 float:left;
}
#detailBox div:nth-child(2n) {
 float:right;
 height:220px;
}

#detailBox h5 {
	clear:both;
	color:#5a5a5a;
	font-size:108%;
	line-height:30px;
	padding:0 10px;
	margin:0 0 10px;
}

#detailBox h5.h5_01 {
	background:#FFDCB2;
}

#detailBox h5.h5_02 {
	background:#BAEAF8;
}

#detailBox h5.h5_03 {
	background:#FED6E1;
}

#detailBox h5.h5_04 {
	background:#CFDBB5;
}

.cont-left .infoSection h4 {
	background:url(../img/bg_top_title.png) no-repeat left center;
	border:1px solid #bdbcbd;
	color:#5a5a5a;
	font-size:16px;
	line-height:40px;
	padding:0 1.5em;
	margin: 0 0 0;
}

.cont-left .infoSection div {
	border:1px solid #bdbcbd;
	padding:15px 10px 10px;
	border-top:none;
	margin-bottom:20px;
}

.cont-left .infoSection div em {
	width:80px;
	display:inline-block;
}

.cont-left .infoSection div p {
	margin-bottom:0;
}

.cont-left .topTxtBox {
	padding:18px;
	background:#F9F9F9;
}

.cont-left .topTxtBox h4 {
	font-weight:bold;
	font-size:123%;
	margin-bottom:1em;
}

.cont-left .topTxtBox p {
	font-size:12px;
	margin-bottom:0;
}
 @media screen and (max-width: 640px) {
/*　SP用修正　-------------------------*/

.cont-left .top_searchBox p {
 text-align:center;
 font-size:12px;
 margin-bottom:10px;
}
 .cont-left .top_searchBox span {
 display:block;
 text-align:center;
 margin-bottom:10px;
}
 .top_searchBox select, .top_searchBox input[type="text"] {
 display:block;
 margin:0 auto 10px;
 width:230px;
}
 .top_searchBox select {
 font-size:108%;
}
 .top_searchBox input[type="text"] {
 height:25px;
/*margin-top:10px;*/
}
 .top_searchBox input[type="submit"] {
 text-align:center;
 background:url(../common/img/btn_search.png) no-repeat center top;
 width:160px;
 height:42px;
 text-indent:-999px;
 border:none;
}
 .jobBox {
 width:auto;
 height:auto;
 overflow:auto;
}
 #jobBox01 {
 float:none;
}
#jobBox02 {
 float:none;
}
 .innerBox01 ul.searchUl01 li:nth-child(3n) {
 padding:0 9px 10px 0;
}
#jobBox01 dl {
 text-align:center;
 margin-bottom:10px;
 padding:0 10px;
}
#jobBox01 dl:nth-child(odd) {
 float:none;
 margin-left:0px;
}
#jobBox01 dl:nth-child(2n) {
 float:none;
 margin-right:0px;
}
 .searchBox #detailBox div {
 width:100%;
 height:auto;
}
 .searchBox #detailBox .box02 {
 height:auto;
}
#detailBox div:nth-child(odd) {
 float:none;
}
#detailBox div:nth-child(2n) {
 float:none;
height:auto;
}
/*ここまで----------------------*/
}