/***********************************************

	SearchCSS

***********************************************/

/***********************************************

	1.Utility
	2.Layer
	3.Header
	4.Main
	5.Contents
	6.RelationNavi
	7.Footer
	8.Table
	9.Form

***********************************************/

/***********************************************

	Utility

***********************************************/

/**/

/***********************************************

	Layer

***********************************************/

/*--- htmlbody -----------------*/

body#search {

}

/*--- divlayer -----------------*/

body#search #contents {
	float: none;
	width: 820px;
	clear: both;
}

/***********************************************

	Header

***********************************************/

/**/

/***********************************************

	Main

***********************************************/

/*--- pageTop -----------------*/

#main p.pageTop {
	padding: 10px 10px 10px 0px;
	text-align: right;
	clear: both;
	border: none;
}

/***********************************************

	Contents

***********************************************/

/*--- Title -----------------*/

div.jobSearch h2 {
	margin: 0px -10px 10px -10px;
}

body#search #contents h2.hd {
	width: 820px;
	height: 33px;
	display: block;
	clear: both;
}

body#search #contents h2.jobsearch {
	background: url(../../common/images/ctn_jobsearch_hd_820.jpg) no-repeat left top;
}

body#search #contents h2.hd span {
	display: none;
}


body#search div.searchResultHeader div.title p {
	margin: 0px -0px -5px 0px;
}

body#search div.searchResultHeader div.title p.hd {
	width: 820px;
	height: 33px;
	display: block;
	clear: both;
}

body#search div.searchResultHeader div.title p.searchresult {
	background: url(../../common/images/ctn_search_result_hd.jpg) no-repeat left top;
}

body#search div.searchResultHeader div.title p.hd span {
	display: none;
}

/*--- searchResultHeader -----------------*/

#contents div.searchResultHeader {
	padding: 10px;
	font-size: 100%;
	background: url(../../common/images/ctn_seahead_box_bottom.gif) no-repeat left bottom;
}

#contents div.searchResultHeader div.title {
	margin: -10px -10px 0px -10px;
}

#contents div.searchResultHeader div.searchTitle {
	width: 800px;
	padding: 10px 0px 0.5em 0px;
	font-size: 100%;
	background: url(../../common/images/dot_line.gif) repeat-x left bottom;
	position: relative;
}

#contents div.searchResultHeader div.searchTitle h1,
#contents div.searchResultHeader div.searchTitle p.seaCategory {
	display: inline;
	font-size: 100%;
	font-weight: normal;
}

#contents div.searchResultHeader div.searchTitle p.seaChange {
	position: absolute;
	top: 0.5em;
	right: 0px;
}

#contents div.searchResultHeader div.searchTitle span.strong,
#contents div.searchResultHeader div.count span.strong {
	margin-right: 10px;
	font-size: 116.7%;
	color: #CB0000;
	font-weight: bold;
}

#contents div.searchResultHeader div.count {
	padding-top: 0.5em
}

#contents div.searchResultHeader div.count span.allcount {
	margin-right: 8px;
	font-size: 160%;
}

/*--- pageNate -----------------*/

#contents div.pagenate {
	width: 820px;
	padding: 20px 0px;
	text-align: center;
}

#contents div.pagenate ul {
	text-align: center;
	font-weight: bold;
}

#contents div.pagenate ul li {
	margin: 0px 1px;
	display: inline;
}

#contents div.pagenate ul li a {
	padding: 4px;
	border: 1px solid #cccccc;
}

#contents div.pagenate ul li a:hover {
	text-decoration: none;
	background: #0366CC;
	color: #ffffff;
}

#contents div.pagenate ul li.stay span {
	padding: 4px;
	border: 1px solid #eeeeee;
	background: #ff4400;
        color:white;
}

#contents div.pagenate ul li.previous a,
#contents div.pagenate ul li.next a {
	padding: 4px;
	border: 1px solid #ffffff;
}

#contents div.pagenate ul li.previous a:hover,
#contents div.pagenate ul li.next a:hover {
	padding: 4px;
	border: 1px solid #ffffff;

	text-decoration: underline;
	background: none;
	color: #0366CC;
}

#contents div.pagenate ul li.previous {
	padding-left: 5px;
	background: url(../../common/images/icon_arrow_previous.gif) no-repeat left center;
}

#contents div.pagenate ul li.next {
	padding-right: 5px;
	background: url(../../common/images/icon_arrow_next.gif) no-repeat right center;
}

/*--- searchResults-----------------*/

#contents ol#searchResults {
	clear: both;
}

#contents ol#searchResults li.job {
	position: relative;
	width: 100%;
}

#contents ol#searchResults li.job div.title {
	border: 1px solid #cccccc;
}

#contents ol#searchResults li.job h2 {
	margin: 1px 1px 0px 1px;
	padding: 10px 8px 8px 8px;
	font-size: 116.7%;
	background: url(../../common/images/ctn_search_jobtitle_hd.jpg) repeat-x;
}

#contents ol#searchResults li.job h2 span {
	width: 625px;
}

#contents ol#searchResults li.job h2.new span {
	width: 625px;
}

#contents ol#searchResults li.job h2.new span img {
	margin-left: 0.5em;
	vertical-align: middle;
}

#contents ol#searchResults li.job h2.new span a {
}

#contents ol#searchResults li.job p.job_number {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 116.7%;
	font-weight: bold;
}


#contents ol#searchResults li.job div.job_inner {
	padding: 10px;
	border: 1px solid #cccccc;
	border-top: none;
}

#contents ol#searchResults li.job div.image {
	float: left;
	width: 302px;
}

#contents ol#searchResults li.job div.image img {
	margin-bottom: 0px;
	border: 1px solid #cccccc;
}

#contents ol#searchResults li.job div.image ul {
	width: 302px;
}

#contents ol#searchResults li.job div.image ul li {
	margin: 0px 0.25em 0.25em 0px;
	padding: 0.25em;
	font-size: 80%;
	float: left;
	word-break: keep-all;
}
#contents ol#searchResults li.job div.image ul li.gray {
	background: #cccccc;
	border-top: 1px solid #f2f2f2;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #f2f2f2;
}
#contents ol#searchResults li.job div.image ul li.red {
	background: #F1A9AA;
	border-top: 1px solid #F7CFCF;
	border-right: 1px solid #B67E7F;
	border-bottom: 1px solid #986C6D;
	border-left: 1px solid #F5BBBA;
}
#contents ol#searchResults li.job div.image ul li.green {
	background: #C5E99F;
	border-top: 1px solid #DEF3C8;
	border-right: 1px solid #98B37E;
	border-bottom: 1px solid #809167;
	border-left: 1px solid #D3EEB9;
}
#contents ol#searchResults li.job div.image ul li.blue {
	background: #A9DCFB;
	border-top: 1px solid #CCEBFF;
	border-right: 1px solid #83A8C2;
	border-bottom: 1px solid #6C889D;
	border-left: 1px solid #BEE6FF;
}
#contents ol#searchResults li.job div.image ul li.yellow {
	background: #FFEA7F;
	border-top: 1px solid #FFF4B7;
	border-right: 1px solid #C3AE5F;
	border-bottom: 1px solid #9F924E;
	border-left: 1px solid #FFEFA1;
}
#contents ol#searchResults li.job div.image ul li.orange {
	background: #FCBB7B;
	border-top: 1px solid #FFD9B5;
	border-right: 1px solid #C6976D;
	border-bottom: 1px solid #9F7451;
	border-left: 1px solid #FDC999;
}
#contents ol#searchResults li.job div.image ul li.purple {
	background: #BAD0FF;
	border-top: 1px solid #DAE6FE;
	border-right: 1px solid #8B9EBF;
	border-bottom: 1px solid #7782A2;
	border-left: 1px solid #C6DAFD;
}
#contents ol#searchResults li.job div.image ul li.kango {
	background: #DA5664;
	border-top: 1px solid #FA8FA1;
	border-right: 1px solid #BA1D27;
	border-bottom: 1px solid #BA1D27;
	border-left: 1px solid #FA8FA1;
}
#contents ol#searchResults li.job div.image ul li.kaigo {
	background: #4A9433;
	border-top: 1px solid #59B83B;
	border-right: 1px solid #15560A;
	border-bottom: 1px solid #15560A;
	border-left: 1px solid #59B83B;
}
#contents ol#searchResults li.job div.image ul li.ptot {
	background: #2F82C4;
	border-top: 1px solid #36A2E7;
	border-right: 1px solid #094297;
	border-bottom: 1px solid #094297;
	border-left: 1px solid #36A2E7;
}

#contents ol#searchResults li.job div.detail {
	width: 480px;
	float: right;
}

#contents ol#searchResults li.job div.detail p.more {
	text-align: right;
	margin-bottom: 0.8em;
}

#contents ol#searchResults li.job div.entry {
	padding: 10px;
	text-align: center;
	background: url(../../common/images/ctn_apply_btn_bk.jpg) repeat-x left top;
	clear: both;
}

/*--- jobSearch -----------------*/

#contents div.jobSearch {
	background: url(../../common/images/ctn_box_bottom_820.gif) no-repeat left bottom;
	margin-bottom: 10px;
	padding: 0px 10px 10px 10px;
	text-align: center;
}

#contents div.jobSearch table {
	font-size: 0px;
	line-height: 0px;
}

#contents div.jobSearch table th,
#contents div.jobSearch table td {
	font-size: 12px;
	line-height: 6px;
}

#contents div.jobSearch p.submit {
	width: 585px;
	background: url(../../common/images/ctn_jobsearch_bg.jpg) repeat-x left top;
	padding: 15px 0px 10px 0px;
	margin: 0px auto;
	text-align: center;
}

#contents div.jobSearch p.submit input.searchButton {
	margin-left: 5px;
	margin-right: 10px;
}

#contents div.jobSearch p.submit span.help {
	padding: 0 10px 5px 13px;
	background: url(../../common/images/beginner_icon.gif) no-repeat left 0px;
	vertical-align: bottom;
	font-size: 0.8em;
}

/*--- noSearch-----------------*/

#contents div.noSearch {
	margin: 30px 0px 0px 0px;
	border: 1px solid #cccccc;
	clear: both;
}

#contents div.noSearch p {
	margin: 0px;
	padding: 10px;
	font-size: 116.7%;
	color: #CB0000;
	font-weight: bold;
	text-align: center;
}

/***********************************************

	RelationNavi

***********************************************/

/**/

/***********************************************

	Footer

***********************************************/

/**/

/***********************************************

	Table

***********************************************/

/*--- searchResults -----------------*/

#contents ol#searchResults li.job div.detail table {
	width: 480px;
}

/*--- jobSearch -----------------*/

#contents div.jobSearch table {
	width: 585px;
	margin: 0px auto;
}

#contents div.jobSearch table th {
	text-align: left;
	padding: 10px 7px;
}

/***********************************************

	Form

***********************************************/

/**/



div.search_job_new_info{
    margin-left:-18px;
}

div.search_job_new_text{
    float: left; margin-bottom: 10px;
}

ul.search_job_new_list{
    margin: 0px 0px 0px 40px; text-align: left;
}

ul.search_job_new_list li{
	background-image: url(../../common/images/sch_hd_icn.jpg);
	background-repeat: no-repeat;
	background-position:0px 4px;
	padding-left: 18px;
}

ul.search_job_new_list li a
{
	text-decoration: underline;
}

ul.search_job_new_list li a:hover
{
	color: rosyBrown;

}