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

	TopCSS

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

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

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

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

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

	Utility

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

/**/

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

	Layer

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

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

body#index {
}

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

body#index #main {
	border: none;
}

body#index #contents {
}

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

	Header

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

/**/

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

	Main

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


/**/


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

	Contnets

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

/*--- Layer -----------------*/

div.pickupJob,
div.serviceFlow,
div.jobSearch {
	background: url(../../common/images/ctn_box_bottom.gif) no-repeat left bottom;
	margin-bottom: 3px;
	padding: 0px 10px 5px 10px;
	clear: both;
}

div.jobSearch {
	margin-top: -10px;
}

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

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

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

body#index #contents h2.jobpickup {
	background: url(../../common/images/ctn_pickup_hd.jpg) no-repeat left top;
	margin-bottom: 3px;
}
body#index #contents h2.jobflow {
	background: url(../../common/images/ctn_flow_hd.jpg) no-repeat left top;
}
body#index #contents h2.jobsearch {
	background: url(../../common/images/ctn_jobsearch_hd.jpg) no-repeat left top;
}
body#index #contents h2.jobnew {
	background: url(../../common/images/ctn_latestjob_hd.jpg) no-repeat left top;
}
body#index #contents h2.jobspecial {
	background: url(../../common/images/ctn_special_hd.jpg) no-repeat left top;
}

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

/*--- pickupJob -----------------*/

div.pickupJob ul {
	margin-top: -4px;
	margin-bottom: -2px;
}

div.pickupJob ul li {
	line-height: 180%;
}

div.pickupJob ul li a {
	background: url(../../common/images/list_icon.jpg) no-repeat left 0em;
	padding-left: 20px;
}

div.pickupJob ul li a span{
    font-weight:bold;
}

div.pickupJob  span.pickupJob_date{
	float:right;
	margin-top:-35px;
}

/*--- serviceFlow -----------------*/

div.serviceFlow {
	float: left;
}

div.serviceFlow p {
	margin-bottom: 10px;
}

div.serviceFlow div.detail {
	width: 583px;
}

div.serviceFlow div.detail p.r {
	padding-left: 5px;
}

div.serviceFlow div.detail p.r img {
	border: 1px solid #cccccc;
}

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

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

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

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

/*--- latestJob -----------------*/

div.latestJob h2 {
	margin-bottom:4px;
}

div.latestJob ul li {
	width: 100%;
	margin-bottom: 5px;
	float: left;
}

div.latestJob li div.job {
	position: relative;
	float: left;
	width: 300px;
	padding-top: 7px;
	border-top: 1px solid #999999;
	background: url(../../common/images/ctn_latestjob_box_bottom.gif) no-repeat left bottom;
}

div.latestJob li div.end {
	float:right;
}

div.latestJob li .thumbnail {
	position: absolute;
	top: 5px;
	left: 6px;
	padding: 3px 3px 50px 3px;
	background: url(../../common/images/ctn_latestjob_box_bg.jpg) no-repeat left top;
}

div.latestJob li .thumbnail img {
	border: 1px solid #cccccc;
}

div.latestJob li div.job .details {
	margin-left: 123px;
}

div.latestJob li div.job .details h3 {
	font-size: 100%;
	margin-bottom: 6px;
}

div.latestJob li div.details p.comment {
	font-size: 83.3%;
	margin-bottom: 10px;
}

div.latestJob li div.details p.submit {
	margin-bottom: 12px;
	text-align: right;
	padding-right: 10px;
}

/*--- special -----------------*/

#contents div.special h2 {
	margin-bottom: 4px;
}

#contents div.special {
	margin-bottom: -3px;
}

/*--- error -----------------*/

#contents div.error {
	margin-bottom: 30px;
}

#contents div.error h1 {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 116.7%;
	background: url(../../common/images/ctn_search_jobtitle_hd.jpg) repeat-x left top;
	border: 1px solid #cccccc;
}

#contents div.error h1 span {
	padding: 10px 8px 8px 8px;
	border: 1px solid #ffffff;
	display: block;
}

#contents div.error p {
	margin: 0px 10px 0.8em 10px;
}

#contents div.error p.error_text{
	margin-top: 10px;
	margin-left: 50px;
	text-align: center;
	border: 1px solid #c5c5c5;
	background-color: #f6f6f6;
	width:530px;
	font-size:120%;
}

*>#contents div.error p.error_text{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 1px solid #c5c5c5;
	background-color: #f6f6f6;
	width:530px;
	font-size:120%;
}

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

	RelationNavi

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

/*--- list -----------------*/

#relationNavi ul li {
	line-height: 180%;
	clear: both;
	padding-left: 4px;
}

#relationNavi ul li a {
	background: url(../../common/images/list_icon.jpg) no-repeat left 0em;
	padding-left: 20px;
}

#relationNavi ul li.pickup {
	height: 65px;
}

#relationNavi ul li.pickup img {
	float: left;
	margin-right: 7px;
	border: 1px solid #cccccc;
}

#relationNavi ul li.pickup a {
	background: none;
	padding-left: 0px;
}

#relationNavi .banner ul {
	margin-bottom: 10px;
}

#relationNavi .banner ul li {
	margin-bottom: 3px;
	padding: 0px;
}
/*Safari Only*/
html[xmlns*=""] body:last-child #relationNavi .banner ul li.bookmark {
	display: none;
}

#relationNavi .banner ul li a {
	background: none;
	padding: 0px;
}

/*--- special/service -----------------*/

#relationNavi .special,
#relationNavi .service {
	margin-bottom: 20px;
}

/*--- h2title -----------------*/

#relationNavi .special h2,
#relationNavi .service h2 {
	font-size: 114.7%;
	background: url(../../common/images/rnavi_h2_bg.jpg) repeat-x left top;
	padding: 12px 9px 9px 9px;
	line-height: 120%;
	margin-bottom: 10px;
}

#relationNavi .mobile h2,
#relationNavi .staff h2,
#relationNavi .aboutus h2,
#relationNavi .relationLink h2,
#relationNavi .inquiry h2 {
	background: url(../../common/images/rnavi_h2_bg_02.jpg) repeat-x left bottom;
	font-size: 100%;
	margin-bottom: 6px;
	padding: 8px;
}

#relationNavi .mobile,
#relationNavi .staff,
#relationNavi .aboutus,
#relationNavi .relationLink,
#relationNavi .inquiry{
	border:1px solid #999999;
	padding:5px;
	margin-bottom:5px;
	clear:both;
}

/*--- paragraph -----------------*/

#relationNavi .inquiry p {
	font-size: 83.3%;
	margin: 7px 0px;
}


#relationNavi .staff p {
	height: 83px;
}


#relationNavi .mobile p img {
	margin-right: 5px;
}
#relationNavi .staff p img {
	margin-right: 10px;
}

#relationNavi .mobile p.url {
	padding-top: 5px;
	clear: both;
}

#relationNavi .mobile p.url span {
	text-align: center;
	background: #f3f3f3;
	display: block;
}

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

	Footer

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

/**/

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

	Table

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

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

#contents div.jobSearch table.detail {
	width: 585px;
	margin-bottom: 0px;
}

#contents div.jobSearch table.detail th {
}

/*--- latestJob -----------------*/

#contents div.latestJob li div.details table {
	width: 162px;
	border: none;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 10px;
	font-size: 83.3%;
}

#contents div.latestJob li div.job table th {
	background: none;
	border: none;
	padding: 6px 0px 3px 0px;
	width: 58px;
}

#contents div.latestJob li div.job table td {
	background: none;
	border: none;
	width: 95px;
	padding: 6px 0px 3px 0px;
	color: #333333;
}

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

	Form

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

/**/

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

	bookmark

***********************************************/
div.bkm{
background: url(http://jinzai.i-care.jp/common/images/bkm_icon_bg2.jpg) no-repeat left top;
margin:0px 0px;
padding:4px 2px;
text-align:right;
}

div.bkm img{
margin:0px 2px;
}

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

	original

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

div.pickupJob img.new_icon{
	margin-bottom: 7px;
	margin-left:3px;
}