@charset "UTF-8";


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

* CSS file For
	FileName: detail_care.css
	data:2009/07/09 yoshii

■目次 ==========================================

■

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


/*-----------------------------------------------------------
■共通部分
------------------------------------------------------------*/
h2{
	margin: 0;
	padding: 0;
}


/* div#Content{
	width: 950px;
} */


/*-----------------------------------------------------------
■ヘッダー
------------------------------------------------------------*/
div#DtlTtl {
	background: url(/img/care/content_head_bg.gif) repeat left top;
	text-align: center;
}

div#DtlTtl div{
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 8px 0 6px;
}

div#DtlTtl h2{
	width: 640px;
	float: left;
	background: url(/img/care/list_name.gif) no-repeat  0 4px;
	font-weight: bold;
	color: #8f825f;
	font-size: 16px;
	line-height: 24px;
	padding:0 0 0 60px;
}

div#DtlTtl p.Category{
	width: 670px;
	clear: both;
	background: url(/img/care/list_service.gif) no-repeat 0 4px;
	font-weight: bold;
	color: #8f825f;
	font-size: 14px;
	line-height: 22px;
	padding:0 0 0 60px;
}

div#DtlTtl p.Num{
	width: 235px;
	float: right;
	font-weight: bold;
	color: #8f825f;
	font-size: 16px;
	line-height: 24px;
	/* text-align: right; */
}

div#DtlInfo{
	clear: both;
	background: url(/img/care/main_img_bg.gif) repeat-x left top;
	text-align: center;
}

div#DtlInfo div{
	width: 950px;
	height: 134px;
	margin: 0 auto;
	background: url(/img/care/care_main_img.jpg) no-repeat left top;
	text-align: left;
}

p.InfoTxt{
	color:#2B6296;
	float:left;
	font-size:12px;
	height:75px;
	line-height:20px;
	padding:42px 10px 0 24px;
	width:375px;
}

p.InfoCopy{
	font-weight: bold;
	color: #2b6296;
	font-size: 14px;
	line-height: 22px;
	width: 520px;
	float: right;
	padding:105px 0 0;
	text-align: right;
}

div#OtherS{
	clear: both;
	background: url(/img/care/other_cate_bg.gif) repeat left top;
	text-align: center;
	margin:0 0 30px;
}

div#OtherS div{
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

div#OtherS div p{
	padding: 3px 0 3px 19px;
	background: url(/img/care/list_cate_arrow.gif) no-repeat 3px 7px;
	color:#8f825f;
	font-size: 10px;
}

div#OtherS div p#NoArrow{
	background: none;
}
div#OtherS div p a:link{color:#8f825f; text-decoration:underline;}
div#OtherS div p a:visited{color:#8f825f; text-decoration:underline;}
div#OtherS div p a:hover{color:#b9af90; text-decoration:underline;}


/*-----------------------------------------------------------
■タブ
------------------------------------------------------------*/
div#tabContent {
	float: left;
	margin: 0 0 20px;
	padding: 0;
	color: #514c41;
	width: 684px;
}

div.Tab{
	width: 684px;
	float: left;
}

div.Tab p{
	height: 31px;
	float: left;
	display: block;
}

div.Tab p img{
	cursor: pointer;
}

div.Tab p img#Frame{
	cursor:default;
	margin: 26px 0 0;
}

p#Date01 { display:block;}
p#Date02 { display:none;}


p#Date01{
	width: 352px;
	font-size: 10px;
	font-weight: bold;
	color: #b66fb4;
	text-align: right;
	background: url(/img/care/office_frame.gif) repeat-x left bottom;
}

p#Date02{
	width: 352px;
	font-size: 10px;
	font-weight: bold;
	color: #8ea84a;
	text-align: right;
	background: url(/img/care/recruit_frame.gif) repeat-x left bottom;
}

p#Date01 span,
p#Date02 span{
	display: block;
	margin:6px 3px 0 0;
}

/*-----------------------------------------------------------
■タブコンテンツ共通[search01:事業所情報]　[search02：求人情報]
------------------------------------------------------------*/
div#search01,
div#search02{
	float: left;
	background-color: #f9f9f5;
	padding:14px 14px 0px;/*  */
}

div#search01{
	border-right: 5px solid #e8d1ed;/*  */
	border-bottom: 5px solid #e8d1ed;/*  */
	border-left: 5px solid #e8d1ed;/*  */
}

div#search02{
	border-right: 5px solid #eaefca;
	border-bottom: 5px solid #eaefca;
	border-left: 5px solid #eaefca;
}

div#search01 { display:block;}/* タブ初期設定用 */
div#search02 { display:none;}/* タブ初期設定用 */


div#search01 h3,
div#search02 h3{
	font-weight: bold;
	color: #FFF;
	padding:3px 0 0;
	font-size: 14px;
	line-height: 26px;
	text-indent: 10px;
	width: 643px;
	height: 26px;
	clear: both;
}

div#search01 h3{background-color: #ca93c8;}
div#search02 h3{background-color: #9fb566;}


/* Table共通 */
div#search01 table,
div#search02 table{
	width: 643px;
	border-top: 1px solid #ebe9e4;
	border-right: 1px solid #ebe9e4;
	margin: 0 0 20px;
	line-height: 1.4;
	clear:both;
}


div#search01 table th,
div#search02 table th{
	background: #f6f1f6 url(/img/care/list_office_arrow.gif) no-repeat 11px 15px;
	padding: 10px 0 10px 25px;
	font-weight: bold;
	color: #8f825f;
	text-align: left;
	border-left: 1px solid #ebe9e4;
	border-bottom: 1px solid #ebe9e4;
	vertical-align: top;
}


div#search01 table th{
	background: #f6f1f6 url(/img/care/list_office_arrow.gif) no-repeat 11px 15px;
}

div#search02 table th{
	background: #f2f5df url(/img/care/list_recruit_arrow.gif) no-repeat 11px 15px;
}

div#search01 table td,
div#search02 table td{
	padding: 10px 17px;
	color: #545148;
	border-left: 1px solid #ebe9e4;
	border-bottom: 1px solid #ebe9e4;
	vertical-align: top;
}

/*  */


/*-----------------------------------------------------------
■タブコンテンツ部分[search01:事業所情報]
------------------------------------------------------------*/

/* スタッフ */
div#search01 table.Staff{
	border-right: 1px solid #ebe9e4;
}

div#search01 table.Staff th{
	border: none;
}

div#search01 table.Staff td{
	border-bottom: 1px solid #ebe9e4;
	border-left: 1px solid #ebe9e4;
	padding: 0 0 5px 5px;
}

div#search01 table.Staff td div{
	float: left;
	width: 87px;
	background-color: #ECEBE6;
	text-align: center;
	margin: 5px 0 0;
}

div#search01 table.Staff td div img{
	margin: 1px;
}

div#search01 table.Staff dl{
	float: right;
	background: url(/img/care/item_bg.gif) repeat-y left top;
	margin: 5px 0 0 5px;
	line-height: 1.4;
	width: 542px;
}


div#search01 table.Staff dl dt{
	float: left;
	width: 114px;
}

div#search01 table.Staff dl dt img{
	margin:6px 8px 9px;
}

div#search01 table.Staff dl dd{
	float: left;
	padding:4px 0 1px;
	width:428px;
	background-color: #F9F9F5;
}


/* これ以降Mac IE 5のみに適用される \*//*/
div#search01 table.Staff dl{
	width: 537px;
}

div#search01 table.Staff dl dd{
	width:414px;
}

/* これ以降Mac IE 5以外にも適用される */ 


/* 職員構成 */
div#CompositionTtl{
	width: 643px;
	float: left;
	background-color: #ca93c8;
}

div#search01 div#CompositionTtl h3{
	width: 580px;
	height: 26px;
	float: left;
}

div#search01 div#CompositionTtl p.COBtn{
	width: 63px;
	height: 26px;
	float: left;
}

div#search01 p.COBtn img{
	margin: 12px 0 0;
	cursor: pointer;
}

div#search01 table.Composition{
	margin:0 0 20px;
}

div#search01 table.Composition td{
	width: 180px;
}

div#search01 table.Composition th{
	width: 200px;
}

/* 備考 */
div.Others{
	clear: both;
	float: left;
	width: 643px;
	margin: 0 0 20px;
}

div.Others p{padding:3px 0 0;}
/*  */



