@charset "utf-8";

/* CSS Document */

.searchBox {
	background:url(../img/bg_searchBox.jpg);
	padding:0 10px 10px;
}

.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 h4 {
	background:url(../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;
}

.innerBox01 ul.searchUl01 li {
	float:left;
	padding:0 9px 10px 0;
}
 .innerBox01 ul.searchUl01 li:nth-child(3n) {
 padding-right:0;
}

.innerBox01 ul.searchUl01 li a {
	display:block;
	border:1px solid #0088cc;
	width:90px;
	font-size:12px;
	line-height:30px;
	padding:0 0 0 10px;
}



/*
   勤務地で探す
---------------------------------------------------*/

.map {
	background:url(../img/map_47search.gif) no-repeat center center;
	width:580px;
	height:330px;
	position: relative;
	margin:0 auto 20px;
}

/*.map .detail .chugoku a, .map .detail .tokai a, .map .detail .hokuriku a, .map .detail .chushikoku a, .chugoku a, .shikoku a, .map .detail .kansai a, .map .detail .kyushu a, .map .detail .kanto a, .map .detail .tokai_hokushinetu a, .map .detail .tohoku a {
	position: absolute;
	text-indent: -9999px;
	background-repeat: no-repeat;
}*/
.map a {
	position: absolute;
	display:block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

.map a:hover {
	background-position: 0px -78px;
}

.map .hokkaidou a {
	background-image: url(../img/map/hokkaido_130_70.png);
	height: 70px;
	width: 130px;
	left: 450px;
	top: 0px;
}

.map .okinawa a {
	background-image: url(../img/map/okinawa_66_30.png);
	height: 30px;
	width: 66px;
	left: 0;
	top: 130px;
}

.map .oversea a {
	background-image: url(../img/map/oversea_96_60.png);
	height: 60px;
	width: 96px;
	left: 0;
	top: 0;
}

.map .yamaguchi a {
	background-image: url(../img/map/yamaguchi_28_63.png);
	height: 63px;
	width: 28px;
	left: 138px;
	top: 193px;
}

.map .shimane a {
	background-image: url(../img/map/shimane_38_31.png);
	height: 31px;
	width: 38px;
	left: 167px;
	top: 193px;
}

.map .tottori a {
	background-image: url(../img/map/tottori_38_31.png);
	height: 31px;
	width: 38px;
	right: 336px;
	top: 193px;
}

.map .hiroshima a {
	background-image: url(../img/map/hiroshima_38_31.png);
	height: 31px;
	width: 38px;
	left: 167px;
	top: 225px;
}

.map .okayama a {
	background-image: url(../img/map/okayama_38_31.png);
	height: 31px;
	width: 38px;
	right: 336px;
	top: 225px;
}

.map .ehime a {
	background-image: url(../img/map/ehime_48_30.png);
	height: 30px;
	width: 48px;
	left: 155px;
	top: 267px;
}

.map .kagawa a {
	background-image: url(../img/map/kagawa_48_30.png);
	height: 30px;
	width: 48px;
	left: 204px;
	top: 267px;
}

.map .kouchi a {
	background-image: url(../img/map/kouchi_48_30.png);
	height: 30px;
	width: 48px;
	left: 155px;
	top: 298px;
}

.map .tokushima a {
	background-image: url(../img/map/tokushima_48_30.png);
	height: 30px;
	width: 48px;
	left: 204px;
	top: 298px;
}

.map .hyogo a {
	background-image: url(../img/map/hyogo_28_63.png);
	height: 63px;
	width: 28px;
	left: 245px;
	top: 193px;
}

.map .kyoto a {
	background-image: url(../img/map/kyoto_70_55.png);
	height: 55px;
	width: 70px;
	top: 193px;
	right: 236px;
}

.map .shiga a {
	background-image: url(../img/map/shiga_35_49.png);
	height: 49px;
	width: 35px;
	right: 200px;
	top: 224px;
	z-index:1;
}

.map .osaka a {
	background-image: url(../img/map/osaka_38_39.png);
	height: 39px;
	width: 38px;
	bottom: 42px;
	left: 275px;
}

.map .nara a {
	background-image: url(../img/map/nara_30_54.png);
	height: 54px;
	width: 30px;
	left: 314px;
	bottom: 27px;
	z-index:1;
}

.map .wakayama a {
	background-image: url(../img/map/wakayama_70_42.png);
	height: 42px;
	width: 70px;
	left: 274px;
	bottom: -1px;
}

.map .nagasaki a {
	background-image: url(../img/map/nagsaki_28_58.png);
	height: 58px;
	width: 28px;
	left: 13px;
	top: 193px;
}

.map .saga a {
	background-image: url(../img/map/saga_28_58.png);
	height: 58px;
	width: 28px;
	left: 42px;
	top: 193px;
}

.map .fukuoka a {
	background-image: url(../img/map/fukuoka_28_58.png);
	height: 58px;
	width: 28px;
	left: 71px;
	top: 193px;
}

.map .ohita a {
	background-image: url(../img/map/ohita_28_58.png);
	height: 58px;
	width: 28px;
	top: 193px;
	right: 453px;
}

.map .kumamoto a {
	background-image: url(../img/map/kumamoto_47_43.png);
	height: 43px;
	width: 47px;
	left: 42px;
	bottom: 35px;
}

.map .miyazaki a {
	background-image: url(../img/map/miyazaki_38_43.png);
	height: 43px;
	width: 38px;
	right: 453px;
	bottom: 35px;
}

.map .kagoshima a {
	background-image: url(../img/map/kagoshima_86_35.png);
	height: 35px;
	width: 86px;
	left: 41px;
	bottom: -1px;
}

.map .gunma a {
	background-image: url(../img/map/gunma_41_30.png);
	height: 30px;
	width: 41px;
	top: 206px;
	left: 458px;
}

.map .tochigi a {
	background-image: url(../img/map/tochigi_41_30.png);
	height: 30px;
	width: 41px;
	left: 500px;
	top: 206px;
}

.map .saitama a {
	background-image: url(../img/map/saitama_83_28.png);
	height: 28px;
	width: 83px;
	top: 237px;
	left: 458px;
}

.map .ibaraki a {
	background-image: url(../img/map/ibaraki_30_46.png);
	height: 46px;
	width: 30px;
	top: 206px;
	right: 8px;
}

.map .tokyo a {
	background-image: url(../img/map/tokyo_72_28.png);
	height: 28px;
	width: 72px;
	top: 266px;
	left: 469px;
}

.map .kanagawa a {
	background-image: url(../img/map/kanagawa_60_30.png);
	height: 30px;
	width: 60px;
	left: 458px;
	bottom: 5px;
}

.map .chiba a {
	background-image: url(../img/map/chiba_30_78.png);
	height: 78px;
	width: 30px;
	bottom: -1px;
	right: 8px;
}

.map .fukui a {
	background-image: url(../img/map/fukui_66_30.png);
	height: 30px;
	width: 66px;
	left: 314px;
	top: 193px;
}

.map .ishikawa a {
	background-image: url(../img/map/ishikawa_35_53.png);
	height: 53px;
	width: 35px;
	left: 345px;
	top: 139px;
}

.map .toyama a {
	background-image: url(../img/map/toyama_35_50.png);
	height: 50px;
	width: 35px;
	right: 164px;
	top: 175px;
}

.map .nigata a {
	background-image: url(../img/map/nigata_60_30.png);
	height: 30px;
	width: 60px;
	top: 175px;
	right: 103px;
}

.map .mie a {
	background-image: url(../img/map/mie_35_57.png);
	height: 57px;
	width: 35px;
	left: 345px;
	bottom: -1px;
}

.map .gifu a {
	background-image: url(../img/map/gifu_35_51.png);
	height: 51px;
	width: 35px;
	left: 381px;
	bottom: 53px;
}

.map .nagano a {
	background-image: url(../img/map/nagano_40_59.png);
	height: 59px;
	width: 40px;
	right: 123px;
	bottom: 65px;
}

.map .yamanashi a {
	background-image: url(../img/map/yamanashi_51_28.png);
	height: 28px;
	width: 51px;
	bottom: 36px;
	right: 112px;
	z-index:1;
}

.map .aichi a {
	background-image: url(../img/map/aichi_35_53.png);
	height: 53px;
	width: 35px;
	bottom: -1px;
	left: 381px;
}

.map .shizuoka a {
	background-image: url(../img/map/shizuoka_40_36.png);
	height: 36px;
	width: 40px;
	right: 123px;
	bottom: -1px;
}

.map .aomori a {
	background-image: url(../img/map/aomori_105_30.png);
	height: 30px;
	width: 105px;
	left: 467px;
	top: 82px;
}

.map .akita a {
	background-image: url(../img/map/akita_52_30.png);
	height: 30px;
	width: 52px;
	left: 467px;
	top: 113px;
}

.map .iwate a {
	background-image: url(../img/map/iwate_52_30.png);
	height: 30px;
	width: 52px;
	right: 8px;
	top: 113px;
}

.map .yamagata a {
	background-image: url(../img/map/yamagata_52_30.png);
	height: 30px;
	width: 52px;
	left: 467px;
	bottom: 156px;
}

.map .miyagi a {
	background-image: url(../img/map/miyagi_52_30.png);
	height: 30px;
	width: 52px;
	right: 8px;
	bottom: 156px;
}

.map .fukushima a {
	background-image: url(../img/map/fukushima_94_30.png);
	height: 30px;
	width: 94px;
	left: 478px;
	bottom: 125px;
}

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

#jobBox01 {
	float:right;
}

#jobBox01 dl {
 width:;
	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:left;
}

#jobBox02 select, #jobBox02 input[type="text"] {
	display:block;
	margin:0 auto 15px;
	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;
	background:none;
}

.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;
}
 @media screen and (max-width: 640px) {
/*　SP用修正　-------------------------*/

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



.cont-left #jobBox02 p{
	text-align:center;
	font-size:12px;
	margin-bottom:10px;}
	
.cont-left #jobBox02 span{
	display:block;
	text-align:center;
	margin-bottom:10px;}


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

#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;}
/*ここまで----------------------*/
}