@charset "utf-8";
/*-------------------------------

	for searchwindow.htm

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

#mainSearchBox{
	width: 960px;
	height: auto;
	min-height: 300px;
	margin: 5px auto 15px;
	padding-bottom: 10px;
	text-align:left;
	overflow: hidden;
}
#listModal #mainSearchBox{
	width: 722px;
	height: auto;
	min-height: 300px;
	margin: 15px auto 0;
	padding-bottom: 10px;
	text-align:left;
	overflow: hidden;
}


/* Left設定 */
#mainSearchBox #searchfield{
	position: relative;
	left: 205px;
}

#listModal #mainSearchBox #searchfield{
	position: relative;
	left: 0px;
}

#mainSearchBox #msbLeft{
	float: left;
	height: auto;
	width: 492px;
	padding: 15px;
	overflow: hidden;
	border-right: 1px solid #ddd;
	box-shadow: 5px 0 3px 1px #eee;
}
#mainSearchBox .wide #msbLeft{
	width: 722px;
	border-right: none;
	box-shadow: none;
}


/*Left設定 検索項目表示*/
#mainSearchBox .bt_tab{
	margin-bottom: 10px;
	overflow: hidden;
	border: 3px solid #eee;
	background: #eee;
}
#mainSearchBox .bt_tab li {
	float: left;
}
#mainSearchBox .bt_tab li a{
	display: block;
	width: 67px;
	*width:67px;
	height: 20px;
	padding:5px;
	background: #fff;
	border: 1px solid #ddd;
	border-left: none;
	text-align: center;
	color:#666;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	vertical-align:middle;
	line-height:1.2;
}
#mainSearchBox #srchbox_syokusyu .bt_tab li a{
	width: 167px;
	height: 32px;
	border: 1px solid #ddd;
	display:table-cell;
}
#mainSearchBox .bt_tab li a:hover{
	background: #f90;
	color:#fff;
	border-right:1px solid #ddd;
}
#mainSearchBox .bt_tab li a:first-child{
	border-left: 1px solid #ddd;
}
#mainSearchBox .bt_tab li.active a{
	width:65px;
	height: 18px;
	border: 2px solid #f90;
	background: #fafbe7;
	cursor: default;
	color:#f90;
}
#mainSearchBox #srchbox_syokusyu .bt_tab li.active a{
	width: 165px;
	height: 30px;
	border: 2px solid #f90;
}

#mainSearchBox h3,
#mainSearchBox #srchbox_style .prm_box dt{
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 18px;
	color:#888;
	background: url(../../img/common/icons.png) no-repeat 0 -186px;
}
#mainSearchBox h3 span,
#mainSearchBox #srchbox_style .prm_box dt span{
	padding-left: 10px;
	font-size: 11px;
	font-weight: normal;
	color:#b3010f;
}
#mainSearchBox .wide .prm_box,
#mainSearchBox #srchbox_style .prm_box dd{
	position: relative;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 3px 13px 13px;
	background-color: #FAFBE7;
	border: 2px solid #f90;
	border-radius:5px;
}
#mainSearchBox .wide #srchbox_area .prm_box,
#mainSearchBox .wide #srchbox_route .prm_box, 
#mainSearchBox .wide #srchbox_station .prm_box{
	padding-top:13px;
}
#mainSearchBox #srchbox_style .prm_box{
	margin-bottom: 0;
	padding: 0;
	background-color: #fff;
	border: none;
}
#mainSearchBox .wide .prm_box{
	min-height: 180px;
}
#mainSearchBox #srchbox_syokusyu .prm_box{
	min-height: 90px;
}
#mainSearchBox #srchbox_koyo .prm_box,
#mainSearchBox #srchbox_style .prm_box{
	min-height: auto;
}
#mainSearchBox .prm_box dl{
	border-top: 1px solid #ccc;
}
#mainSearchBox .prm_box dl + dl,
#mainSearchBox #srchbox_style .prm_box dl{
	border-top: none;
}
#mainSearchBox .prm_box dt{
	padding: 5px 10px;
	border: 1px solid #ccc;
	background:#ddd;
	text-indent: 5px;
}
#mainSearchBox #srchbox_route .prm_box dt{
	background: url(../../img/common/icons.png) no-repeat 7px -516px #ddd;
}
#mainSearchBox #srchbox_style .prm_box dt{
	border: none;
	padding: 0 0 0 5px;
}
#mainSearchBox .prm_box dd{
	padding: 0 0 10px 15px;
	background: #fff;
	border:1px solid #ccc;
	border-top:none;
}
#mainSearchBox .wide .prm_list,
#mainSearchBox #srchbox_koyo .prm_list{
	overflow: hidden;
}
#mainSearchBox #srchbox_syokusyu tr.group{
	border-bottom: 1px dashed #ddd;
}
#mainSearchBox #srchbox_syokusyu tr.group td{
	padding-bottom: 5px;
	width:50%;
}
#mainSearchBox #srchbox_syokusyu tr.group a{
	font-weight: bold;
}
#mainSearchBox .wide .prm_list td{
	width: 23%;
	padding: 10px 10px 0 0;
	float: left;
	/*white-space:nowrap;*/
	word-break: normal;
}
#mainSearchBox .wide #srchbox_route .prm_list td,
#mainSearchBox .wide #srchbox_syokusyu .prm_list tr.child td{
	width: 31%;
}
#mainSearchBox .wide .prm_list td input{
	float: left;
	vertical-align: top;
	margin-right: 5px;
	margin-right: 0\9;
}
#mainSearchBox .wide .prm_list td span{
	font-size: 11px;
	color:#111;
}
#mainSearchBox #sct_box{
	position: relative;
	overflow: auto;
	float: left;
	width: 560px;
	height: 97px;
	padding: 2px 5px 5px;
	border: 1px solid #ddd;
}
#mainSearchBox #sct_box p{
	font-size: 11px;
	text-indent: 5px;
	color: #555;
}
#mainSearchBox #sct_box p span{
	padding-left: 10px;
	color:#b3010f;
}
#mainSearchBox #sct_box .sct_list{
	display: block;
	overflow: auto;
	position: relative;
	height: 60px;
	width: 430px;
	padding: 10px;
	background: #f7f7f7;
}

#mainSearchBox #sct_box .sct_list dl{
	overflow: hidden;
	padding-bottom: 5px;
	*width: 430px;
}
#mainSearchBox #sct_box .sct_list dt{
	float: left;
	display: block;
	white-space:nowrap;
	word-break: normal;
	margin-right: 10px;
	padding: 0 10px;
	background: #555;
	color:#fff;
	font-size: 10px;
}
 #mainSearchBox #sct_box .sct_list dd{
	float: left;
	white-space:nowrap;
	word-break: normal;
	padding-right: 15px;
}
#mainSearchBox #sct_box .sct_list dd span{
	display: block;
	float: left;
	width: 14px;
	height: 0;
	padding-top: 18px;
	overflow: hidden;
	background: url(../../img/common/icons.png) no-repeat 0 -214px;
	cursor: pointer;
}
#mainSearchBox #sct_box .bt_clear{
	position: absolute;
	right:7px;
	top: 25px;
	width: 98px;
	height: 0;
	padding-top: 48px;
	overflow: hidden;
	background-image: url(../../img/common/btns.png);
	background-repeat: no-repeat;
	background-position: 0 -640px;
	cursor: pointer;
}
#mainSearchBox #sct_box .bt_clear:hover{
	background-position: -98px -640px;
}

#mainSearchBox #srchbox_route + #sct_box .bt_clear,
#mainSearchBox #srchbox_station + #sct_box .bt_clear{
	top :10px;
}
#mainSearchBox #sct_box .btRequestStation,
#mainSearchBox #sct_box .btBackRoute{
	position: absolute;
	bottom:5px;
	right:0;
	width: 115px;
	height: 18px;
	padding: 5px 0;
	text-indent: 15px;
	color: #fff;
	background-image: url(../../img/common/btns.png);
	background-repeat: no-repeat;
	background-position: -3px -580px;
	cursor: pointer;
}
#mainSearchBox #sct_box .btBackRoute{
	text-indent: 10px;
}
#mainSearchBox .bt_submit{
	float: right;
	width: 132px;
	height: 0;
	margin-top: 10px;
	padding-top: 80px;
	overflow: hidden;
	cursor: pointer;
	background: url(../../img/common/btns.png);
	background-repeat: no-repeat;
	background-position: 0 -500px;
}
#mainSearchBox .bt_submit:hover{
	background-position: -132px -500px;
}

/* Left設定 -職種 Group- */
#mainSearchBox #srchbox_syokusyugroup ul{
	border:4px solid #eee;
	width: 486px;
	overflow: hidden;
}
#mainSearchBox #srchbox_syokusyugroup li{
	float: left;
}
#mainSearchBox #srchbox_syokusyugroup li a{
	display: block;
	width: 160px;
	height: 0;
	padding-top: 85px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ddd;
	background-repeat: no-repeat;
	background-image: url(../../img/uniq/top_btn_syokusyu.png);
}
#mainSearchBox #srchbox_syokusyugroup li.syo_0 a{
	background-position: 0 0;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_1 a{
	background-position: -162px 0;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_2 a{
	background-position: -324px 0;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_3 a{
	background-position: 0 -87px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_4 a{
	background-position: -162px -87px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_5 a{
	background-position: -324px -87px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_6 a{
	background-position: 0 -174px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_7 a{
	background-position: -162px -174px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_8 a{
	background-position: -324px -174px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_9 a{
	background-position: 0 -261px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_10 a{
	background-position: -162px -261px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_11 a{
	background-position: -324px -261px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_12 a{
	background-position: 0px -348px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_13 a{
	background-position: -162px -348px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_14 a{
	background-position: -324px -348px;
}

#mainSearchBox #srchbox_syokusyugroup li.syo_0 a:hover{
	background-position: -486px 0;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_1 a:hover{
	background-position: -648px 0;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_2 a:hover{
	background-position: -810px 0;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_3 a:hover{
	background-position: -486px -87px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_4 a:hover{
	background-position: -648px -87px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_5 a:hover{
	background-position: -810px -87px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_6 a:hover{
	background-position: -486px -174px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_7 a:hover{
	background-position: -648px -174px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_8 a:hover{
	background-position: -810px -174px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_9 a:hover{
	background-position: -486px -261px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_10 a:hover{
	background-position: -648px -261px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_11 a:hover{
	background-position: -810px -261px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_12 a:hover{
	background-position: -486px -348px;
}
#mainSearchBox #srchbox_syokusyugroup li.syo_13 a:hover{
	background-position: -648px -348px;
}