@charset "UTF-8";

/*==================================================================
	background setting
===================================================================*/
.section h2,
.searchSubmit a,
.searchSec .close {
	position:relative;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	display:block;
	background:none;
}
.section h2 span,
.searchSubmit a span,
.searchSec .close span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/*==================================================================
	main
===================================================================*/
#contents {
	/*background-color:#333;*/
}
#main {
	float:none;
	width:700px;
	margin:0 auto;
}

/*==================================================================
	common
===================================================================*/
.section {
	padding:20px 20px 5px 20px;
	background-color:#FFF;
	margin-bottom:20px;
}
.section h2 {
	height:25px;
}
.section h2 span {
	background:url(/img/front/search/h_search_advanced.gif) no-repeat;
}
.searchSec {
	background:url(/img/front/search/bg_advanced_search.gif) no-repeat 0 100%;
	margin-bottom:15px;
	position:relative;
	height:1%;
}
.searchSec .inner {
	background:url(/img/front/common/bg_inner.gif) repeat-x 0 0;
	margin:0 1px;
	padding:10px;
}
.searchSec h3 {
	height:32px;
	background:url(/img/front/search/h_search_advanced.gif) no-repeat 0 -400px;
	font-weight:bold;
	padding:4px 0 0 17px;
}
.searchSec .close {
	position:absolute;
	top:5px;
	right:3px;
	width:48px;
	height:11px;
	z-index:1;
}
.searchSec .close span {
	background:url(/img/front/search/search.png) no-repeat -428px -669px;
}
.searchSec .close:hover span {
	background:url(/img/front/search/search.png) no-repeat -477px -669px;
}
.innerSec {
	position:relative;
	margin-bottom:15px;
}
.innerSec h3 input {
	margin-right:3px;
}
.innerSec ul.advancedList {
	position:absolute;
	top:5px;
	right:10px;
}
* html body .innerSec ul.advancedList {
	top:3px;
	right:15px;
}
.innerSec ul.advancedList li {
	display:inline;
	margin-left:5px;
}
a.arrowDown {
	background:url(/img/front/common/common.gif) no-repeat -246px -631px;
	padding-left:14px;
	font-size:10px;
}
a.arrowUp {
	background:url(/img/front/common/common.gif) no-repeat -246px -692px;
	padding-left:14px;
	font-size:10px;
}
* html body a.arrowDown {
	background:url(/img/front/common/common.gif) no-repeat -246px -632px;
}
* html body a.arrowUp {
	background:url(/img/front/common/common.gif) no-repeat -246px -693px;
}
*+html a.arrowDown {
	background:url(/img/front/common/common.gif) no-repeat -246px -632px;
}
*+html a.arrowUp {
	background:url(/img/front/common/common.gif) no-repeat -246px -693px;
}
.section .formListType1 {
	padding:0 5px;
}
.section .formListType1 li {
	width:206px;
	margin-right:3px;
}
.section .formListType1 input {
	margin-right:3px;
}
.searchSubmit {
	position:relative;
	text-align:center;
	height:35px;
}
.searchSubmit a {
	position:absolute;
	top:5px;
	left:0;
	width:85px;
	height:20px;
}
.searchSubmit a span {
	background:url(/img/front/search/search.png) no-repeat 0 -614px;
}
.searchSubmit a:hover span {
	background:url(/img/front/search/search.png) no-repeat 0 -634px;
}
.checkPlus {
	background:url(/img/front/common/common.gif) no-repeat -244px -774px;
	padding-left:20px;
}
.mb10 {
	margin-bottom:10px;
}

/* searchStationBox
-------------------------------------------------------------------*/
.section #searchStationBox h2 span {
	background-position:0 0;
}

/* searchRouteBox
-------------------------------------------------------------------*/
.section #searchRouteBox h2 span {
	background-position:0 -25px;
}
.routeList {
	margin-bottom:15px;
}
.routeList li {
	display:inline;
	margin-right:15px;
}
.routeList li a {
	background:url(/img/front/common/common.gif) no-repeat -246px -630px;
	padding-left:13px;
}
* html body .routeList li a {
	background:url(/img/front/common/common.gif) no-repeat -246px -632px;
	padding-left:14px;
}
*+html .routeList li a {
	background:url(/img/front/common/common.gif) no-repeat -246px -632px;
}

/* searchSheet
-------------------------------------------------------------------*/
.searchSheet {
	position:relative;
}
.searchSheet h4 {
	background:#E2E1DC;
	line-height:30px;
	height:30px;
	padding-left:10px;
	_padding:4px 0 0 10px;
}
.searchSheet h4 input {
	_margin:2px 0 0 0;
}
.searchSheet h4 a {
	font-weight:normal;
}
.searchSheet input {
	margin:0 5px 0 0;
}
.searchSheet h4 span {
	color:#333;
	font-weight:normal;
}
.searchSheet .btnSearch {
	position:absolute;
	top:5px;
	right:5px;
}
.searchSheet ul {
	background:#F0F0ED;
	padding:10px;
	margin-bottom:5px;
	border:1px solid #E2E1DC;
}
.searchSheet ul li {
	float:left;
	width:33%;
}
.searchSheet ul li span {
	font-size:10px;
	color:#666;
}

/* searchQualBox
-------------------------------------------------------------------*/
.section #searchQualBox h2 span {
	background-position:0 -175px;
}
#searchQualBox table {
	width:100%;
	margin-bottom:10px;
}
#searchQualBox table thead th {
	text-align:center;
	font-weight:bold;
	width:5%;
	line-height:110%;
}
#searchQualBox table thead td {
	width:35%;
}
#searchQualBox table th,
#searchQualBox table td {
	border:1px solid #DCDCDC;
	padding:5px;
}
#searchQualBox table td {
	text-align:center;
}

/* orangeSheet
-------------------------------------------------------------------*/
.orangeSheet th,
.orangeSheet td {
	background:#FFF5E5 url(/img/front/search/bg_sheet_orange_th.gif) repeat-x 0 0;
}
.orangeSheet .light th,
.orangeSheet .light td {
	background:#FFFAF2 url(/img/front/search/bg_sheet_orange_td.gif) repeat-x 0 0;
}

/* blueSheet
-------------------------------------------------------------------*/
.blueSheet th,
.blueSheet td {
	background:#F5FCFE url(/img/front/search/bg_sheet_blue_th.gif) repeat-x 0 0;
}
.blueSheet .light th,
.blueSheet .light td {
	background:#FAFDFE url(/img/front/search/bg_sheet_blue_td.gif) repeat-x 0 0;
}

/* greenSheet
-------------------------------------------------------------------*/
.greenSheet th,
.greenSheet td {
	background:#F2FFE6 url(/img/front/search/bg_sheet_green_th.gif) repeat-x 0 0;
}
.greenSheet .light th,
.greenSheet .light td {
	background:#F8FFF2 url(/img/front/search/bg_sheet_green_td.gif) repeat-x 0 0;
}

/* pinkSheet
-------------------------------------------------------------------*/
.pinkSheet th,
.pinkSheet td {
	background:#FFF7F4 url(/img/front/search/bg_sheet_pink_th.gif) repeat-x 0 0;
}
.pinkSheet .light th,
.pinkSheet .light td {
	background:#FFFBF9 url(/img/front/search/bg_sheet_pink_td.gif) repeat-x 0 0;
}

/* yellowSheet
-------------------------------------------------------------------*/
.yellowSheet th,
.yellowSheet td {
	background:#FEFDE0 url(/img/front/search/bg_sheet_yellow_th.gif) repeat-x 0 0;
}
.yellowSheet .light th,
.yellowSheet .light td {
	background:#FFFEF6 url(/img/front/search/bg_sheet_yellow_td.gif) repeat-x 0 0;
}

/* searchTimeBox
-------------------------------------------------------------------*/
.section #searchTimeBox h2 span {
	background-position:0 -125px;
}
#searchTimeBox h4 {
	font-weight:bold;
	background:url(/img/front/common/line_dot.gif) repeat-x 0 100%;
	padding-bottom:3px;
	margin-bottom:5px;
}
/* innerPopup h2
-------------------------------------------------------------------*/
.section #searchAreaBox h2 span {
	background-position:0 -50px;
}
.section #searchCityBox h2 span {
	background-position:0 -75px;
}
.section #searchJobBox h2 span {
    background-position:0 -100px;
}

.section #searchSkillBox h2 span {
	background-position:0 -150px;
}
.section #searchEnvironmentBox h2 span {
	background-position:0 -200px;
}
.section #searchIndustryBox h2 span {
	background-position:0 -225px;
}

/*
↓まだタイトルがないもの 座標
業界で検索  225px
待遇・福利厚生を選ぶ 250px
得意なエリアで検索 275px
特徴で検索 300px
*/

/*==================================================================
	hacks setting
===================================================================*/
/* clearfix styles
-------------------------------------------------------------------*/
.searchSheet ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.searchSheet ul {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .searchSheet ul {
	height: 1%;
}
.searchSheet ul {
	display: block;
}