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

	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;
}



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

/*----------------------注目求人情報タブ-------------------------------*/


div#tabs-1{
background:url("http://www.kaigo-icare.jp/common/images/tokuyou.jpg") no-repeat right 5px;
}

div#tabs-2{
background:url("http://www.kaigo-icare.jp/common/images/roken.jpg") no-repeat right 5px;
}

div#tabs-3{
background:url("http://www.kaigo-icare.jp/common/images/yuryo.jpg") no-repeat right 5px;
}

body#index #contents h2.jobpickup{
margin:0px;
}
div.pickupJob{
margin:0px;
margin-bottom:5px;
padding:0px;
}


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
/*.ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; border-top:none;}*/

.ui-widget-header { border: 1px solid #378728; background: #83c317 url() 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url() 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; background-image:none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url() 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #378728; background: #ffffff url() 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #378728; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0px 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 3px 1em; text-decoration: none; list-style-type:none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background-image:none; list-style-type:none; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em 0.5em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }