@charset "UTF-8";

/* =========================================================
search.css

[#blockSearchHeader]
[#blockSearchBody]
[#blockSearchFooter]

[#blockResultHeader]

[unitJobtypeCatagory]

[unitJobOffer]

Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px

========================================================= */

@import url(/css/import/reset.css);
@import url(/css/import/common.css);
@import url(/css/import/module.css);
@import url(/css/import/clear.css);


/* =========================================================
■blockSearchHeader
========================================================= */
div#blockSearchHeader {
	position: relative;
	margin: 0 0 5px;
	padding: 0;
	background: url(/img/common/line_solid_02.gif) repeat-x 0 100%;
}

/* jobTitle
----------------------------------------------- */
div#blockSearchHeader div.jobTitle {
	float: left;
	width: 280px;
	height: 25px;
	*overflow: hidden; /* Hack for IE6-7 */
}

div#blockSearchHeader div.jobTitle h2 {
	display: -moz-inline-box; /* Hack for Firefox2 */
	display: inline-block;
	margin: 0;
	margin-right: 5px;
	color: #008800;
	font-size: 124%;
	font-weight: bold;
	border: none;
	vertical-align: middle;
	*zoom: 1; /* Hack for IE6-7 */
	*display: inline; /* Hack for IE6-7 */
}

/* ----- jobTypeChangeBtn ----- */
div#blockSearchHeader div.jobTitle p#jobTypeChangeBtn {
	position: relative;
	min-height: 36px;
	z-index: 500;
	display: -moz-inline-box; /* Hack for Firefox2 */
	display: inline-block;
	line-height: 1.4;
	vertical-align: top;
	*zoom: 1; /* Hack for IE6-7 */
	*display: inline; /* Hack for IE6-7 */
}

div#blockSearchHeader div.jobTitle p#jobTypeChangeBtn.open {
	width: 80px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: 50% 10px;
	background-image: url(/img/search/bg_jobtypelist_top.png);
	*background-image: url(/img/search/bg_jobtypelist_top.gif);
}

div#blockSearchHeader div.jobTitle p#jobTypeChangeBtn.close {
	background: none;
}

/* ----- tab ----- */
div#blockSearchHeader ul.tab {
	display: inline;
	float: right;
	width: 350px;
	text-align: right;
}

div#blockSearchHeader ul.tab li {
	display: inline;
	vertical-align: top;
}

div#blockSearchHeader ul.tab li a {
	display: inline-block;
	width: 110px;
	margin-right: 2px;
	*margin-right: 5px;
	padding: 6px 0 2px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/img/common/bg_tab_01.gif);
	text-align: center;
	line-height: 1.5;
}

div#blockSearchHeader ul.tab li.current a {
	background-image: url(/img/common/bg_tab_01_o.gif);
	color: #66BB00;
	font-weight: bold;
	text-decoration: none;
}

div#blockSearchHeader ul.tab li.off a {
	padding: 6px 0 0;
}



/* unitJobtypeList
----------------------------------------------- */
div#blockSearchHeader div#unitJobtypeList {
	position: absolute;
	top: 28px;
	left: 0;
	width: 640px;
	height: 103px;
	background: url(/img/search/bg_jobtyle_list_01.gif) no-repeat 0 100%;
}

div#blockSearchHeader div#unitJobtypeList ul {
	padding-top: 12px;
	padding-left: 7px;
}

div#blockSearchHeader div#unitJobtypeList ul li {
	float: left;
	width: 105px;
	height: 22px;
}



/* =========================================================
■blockSearchBody
========================================================= */
div#blockSearchBody {
	border: 1px #CCCCCC solid;
	border-width: 1px 1px 0;
}

div#blockSearchBody.default {
	width: 640px;
	height: 215px;
	background: url(/img/search/bg_search_01.gif) no-repeat 0 0;
	border: none;
}

/* searchCondition
----------------------------------------------- */
div#blockSearchBody table.searchCondition {
	width: 100%;
	background: #F3F3F3;
}

div#blockSearchBody table.searchCondition th {
	width: 90px;
	padding: 5px;
	background: url(/img/common/line_dotted_01.gif) repeat-x 0 100%;
	font-weight: bold;
	text-align: right;
}

div#blockSearchBody table.searchCondition td {
	width: 200px;
	padding: 5px;
	background: url(/img/common/line_dotted_01.gif) repeat-x 0 100%;
}

div#blockSearchBody table.searchCondition td input.keywordBox {
	width: 190px;
}


/* searchOption
----------------------------------------------- */
div#blockSearchBody table.searchOption {
	width: 100%;
	background: #E8E8E8;
}

div#blockSearchBody table.searchOption td {
	padding: 2px 15px;
}



/* =========================================================
■blockSearchFooter
========================================================= */
div#blockSearchFooter {
	position: relative;
	margin: 0 0 20px;
	padding: 10px;
	border: 1px #CCCCCC solid;
	border-width: 0 1px 1px;
	background: #F3F3F3;
}

div#blockSearchFooter p.search {
	margin: 0;
	text-align: center;
}

div#blockSearchFooter p.reset {
	position: absolute;
	top: 15px;
	right: 10px;
	margin: 0;
}



/* =========================================================
■blockResultHeader
========================================================= */
div#blockResultHeader {
	margin: 0 0 5px;
	padding: 0;
	background: url(/img/common/line_solid_02.gif) repeat-x 0 100%;
}

div#blockResultHeader h2 {
	float: left;
	padding: 0 0 5px;
	color: #008800;
	font-size: 124%;
	line-height: 1.2;
}


div#blockResultHeader ul.tab {
	float: right;
	padding-right: 10px;
}

div#blockResultHeader ul.tab li {
	display: inline;
	vertical-align: top;
}

div#blockResultHeader ul.tab li a {
	display: inline-block;
	width: 83px;
	margin-right: 2px;
	*margin-right: 5px;
	padding: 4px 0 2px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/img/common/bg_tab_02.gif);
	text-align: center;
	line-height: 1.5;
}

div#blockResultHeader ul.tab li.current a {
	background-image: url(/img/common/bg_tab_02_o.gif);
	color: #66BB00;
	font-weight: bold;
	text-decoration: none;
}

div#blockResultHeader ul.tab li.off a {
	padding: 4px 0 0;
}

/* =========================================================
■blockNoResult
========================================================= */
div#blockNoResult {
	margin: 0 0 50px;
}

div#blockNoResult p {
	font-size: 124%;
	line-height: 1.7;
}


/* =========================================================
■blockResultBody
========================================================= */
div#blockResultBody {

}

/* unitJobtypeCatagory for default
----------------------------------------------- */
div#blockResultBody div.unitJobtypeCatagory {
	position: relative;
	border-top: 1px #66BB00 solid;
	background: #E2E2E2;
	vertical-align: middle;
}

div#blockResultBody div.unitJobtypeCatagory h2 {
	float: left;
	margin: 0;
	padding: 3px 5px;
	border: none;
	background: #66BB00;
	color: #FFFFFF;
	font-size: 124%;
	font-weight: bold;
	line-height: 1.2;
	/zoom: 1; /* Hack for IE6-7 */
	/display: inline; /* Hack for IE6-7 */
}

div#blockResultBody div.unitJobtypeCatagory ul {
	float: left;
	padding: 3px 0 0 10px;
}

div#blockResultBody div.unitJobtypeCatagory ul li {

}

/* =========================================================
■unitJobOffer
========================================================= */
div.unitJobOffer {
	margin: 0 0 15px;
	font-size: 13px;
	*font-size: small; /* Hack for IE7 */
	*font: x-small; /* Hack for IE6  */
}

/* jobOfferHeader
----------------------------------------------- */
div.unitJobOffer div.jobOfferHeader {
	margin: 0 0 5px;
	padding: 2px 5px;
	border-top: 1px #CCCCCC solid;
	
	background: #F3F3F3 url(/img/common/line_solid_03.gif) repeat-x 0 0;
}

div#unitSearchResultBody.default div.unitJobOffer div.jobOfferHeader {
	border: none;
}

div.unitJobOffer div.jobOfferHeader h2 {
	float: left;
	margin: 0;
	padding: 4px 0 0;
	font-size: 124%;
	border: none;
}

div.unitJobOffer div.jobOfferHeader p {
	float: right;
	margin: 0;
	padding: 3px 0 0;
	color: #666666;
	font-size: 77%;
	line-height: 1.1;
	text-align: right;
}

/* jobOffterBody
----------------------------------------------- */
div.unitJobOffer div.jobOffterBody {

}

/* ----- jobOfferMain ----- */
div.unitJobOffer div.jobOfferMain {
	float: left;
	width: 480px;
}

div.unitJobOffer div.jobOfferMain h3 {
	margin: 0 0 5px;
	padding: 0 5px;
	color: #FF6600;
	font-size: 124%;
}

div.unitJobOffer div.jobOfferMain p {
	margin: 0 0 5px 175px;
	line-height: 1.4;
}

div.unitJobOffer div.jobOfferMain p.photo {
	float: left;
	width: 160px;
	height: 120px;
	margin: 0 15px 0 0;
	vertical-align: top;
	text-align: center;
}

div.unitJobOffer div.jobOfferMain p.noPhoto {
	display: inline;
	float: left;
	width: 160px;
	height: 120px;
	margin: 0 15px 0 0;
	vertical-align: top;
	background: url(/img/search/bg_nophoto_01.gif) no-repeat 0 0;
}

div.unitJobOffer div.jobOfferMain p.noPhoto span {
	display: block;
	height: 95px;
	margin: 0;
	padding: 25px 10px 0;
	color: #666666;
	line-height: 1.5;
	text-decoration: none;
}


div.unitJobOffer div.jobOfferMain dl {
	margin: 0 0 0 175px;
}

div.unitJobOffer div.jobOfferMain dl dt {
	float: left;
	width: 5em;
	color: #999999;
	padding: 2px 0 0;
	font-size: 82%;
	*font-size: 78%; /* Hack for IE6-7 */
}

div.unitJobOffer div.jobOfferMain dl dd {
}


/* ----- seminarMain ----- */
div.unitJobOffer div.seminarMain {
	float: left;
	width: 480px;
}

div.unitJobOffer div.seminarMain h3 {
	margin: 0 0 5px;
	padding: 0 5px;
	color: #FF6600;
	font-size: 124%;
}

div.unitJobOffer div.seminarMain p {
	margin: 0 0 5px 0;
	line-height: 1.4;
}

div.unitJobOffer div.seminarMain p.photo {
	float: left;
	width: 160px;
	height: 120px;
	margin: 0 15px 0 0;
	vertical-align: top;
	text-align: center;
}

div.unitJobOffer div.seminarMain p.noPhoto {
	display: inline;
	float: left;
	width: 160px;
	height: 120px;
	margin: 0 15px 0 0;
	vertical-align: top;
	background: url(/img/search/bg_nophoto_01.gif) no-repeat 0 0;
}

div.unitJobOffer div.seminarMain p.noPhoto span {
	display: block;
	height: 95px;
	margin: 0;
	padding: 25px 10px 0;
	color: #666666;
	line-height: 1.5;
	text-decoration: none;
}


div.unitJobOffer div.seminarMain dl {
}

div.unitJobOffer div.seminarMain dl dt {
	float: left;
	width: 5em;
	color: #999999;
	padding: 2px 0 0;
	font-size: 82%;
	*font-size: 78%; /* Hack for IE6-7 */
}

div.unitJobOffer div.seminarMain dl dd {
}



/* ----- jobOfferSub ----- */
div.unitJobOffer div.jobOfferSub {
	float: right;
	width: 150px;
}

div.unitJobOffer div.jobOfferSub div.appeal {
	display: block;
	height: 89px;
	margin: 0;
	color: #665544;
	font-size: 82%;
	*font-size: 78%; /* Hack for IE6-7 */
}

div.unitJobOffer div.jobOfferSub div.appeal p {
	margin: 0;
	padding: 5px 8px;
	border-bottom: 1px #F2F1EE solid;
}

div.unitJobOffer div.jobOfferSub div.appeal p img {
	margin-right: 5px;
	vertical-align: middle;
}

div.unitJobOffer div.jobOfferSub div.appeal p.last {
	border: none;
}

div.unitJobOffer div.jobOfferSub p.detail {
	margin: 0;
	padding: 0;
}