@charset "utf-8";
/* CSS Document */

@import url("base.css");
/*
Header
-------------------------------------------*/

#header_wrapper {
	width:950px;
	background-image:url(../image/index/bg_header_top.png);
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0 auto;
}
#header_container {
	width:950px;
	height:381px;
	background-image:url(../image/index/mainimage.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	position:relative;
	overflow:hidden;
}
/*
Logo
--------------------------------------------*/

#header_container h1 {
	width:259px;
	height:52px;
	position:absolute;
	top:21px;
	left:0px;
}
/*
header banner
--------------------------------------------*/

#header_container .h_bn01 {
	display:block;
	width:63px;
	height:63px;
	position:absolute;
	top:14px;
	left:276px;
}

#kosodate{
	width:255px;
	height:80px;
	position:absolute;
	left: 10px;
	top: 250px;
}

#kosodate a{
	display:block;
	width:255px;
	height:80px;;
	overflow:hidden;
}

#kosodate a span{
	display:none;
}

/*
header menu
--------------------------------------------*/

#header_container ul {
	width:400px;
	height:20px;
	overflow:hidden;
	position:absolute;
	right:35px;
	top:14px;
}
#header_container ul li {
	background-image:url(../image/index/li_header_link.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	float:right;
	list-style-type:none;
	margin-left:10px;
	display:inline;
	line-height:20px;
}
#header_container ul li a {
	color:#333;
}
#header_container ul li a:hover {
	text-decoration:none;
}
/*
contents container
----------------------------------------------*/

#contents_container {
	clear:both;
	width:950px;
	margin:0 auto;
	background-image:url(../image/index/bg_main_container.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
	padding-top:39px;
}
/*
left column
-----------------------------------------------*/
#left_column {
	width:624px;
	float:left;
	display:inline;
	margin-left:28px;
}
/*
介護サービス
-----------------------------------------------*/
#kaigo_container {
	width:624px;
	height:176px;
	position:relative;
}
#kaigo_container li {
	list-style-type:none;
	line-height:0px;
}
#kaigo01 {
	width:141px;
	height:123px;
	position:absolute;
	left:0px;
	top:0px;
}
#kaigo02 {
	width:483px;
	height:16px;
	position:absolute;
	right:0px;
	top:0px;
}
#kaigo03 {
	width:239px;
	height:31px;
	position:absolute;
	left:141px;
	top:16px;
}
#kaigo04 {
	width:244px;
	height:31px;
	position:absolute;
	right:0px;
	top:16px;
}
#kaigo05 {
	width:239px;
	height:30px;
	position:absolute;
	left:141px;
	top:47px;
}
#kaigo06 {
	width:244px;
	height:30px;
	position:absolute;
	right:0px;
	top:47px;
}
#kaigo07 {
	width:239px;
	height:30px;
	position:absolute;
	left:141px;
	top:77px;
}
#kaigo08 {
	width:244px;
	height:46px;
	position:absolute;
	right:0px;
	top:77px;
}
#kaigo09 {
	width:239px;
	height:16px;
	position:absolute;
	left:141px;
	bottom:53px;
}
#kaigo10 {
	width:380px;
	height:53px;
	position:absolute;
	left:0px;
	bottom:0px;
}
#kaigo11 {
	width:244px;
	height:53px;
	position:absolute;
	right:0px;
	bottom:0px;
}


/*
求人
-----------------------------------------------*/
#rec_container {
	width:624px;
	height:76px;
	position:relative;
	margin-top: 21px;
	margin-bottom: 25px;
}
#rec_container li {
	list-style-type:none;
	line-height:0px;
}
#rec01 {
	width:140px;
	height:62px;
	position:absolute;
	left:0px;
	top:14px;
}
#rec02 {
	width:624px;
	height:14px;
	position:absolute;
	right:0px;
	top:0px;
}
#rec03 {
	width:239px;
	height:43px;
	position:absolute;
	left:140px;
	top:14px;
}
#rec04 {
	width:245px;
	height:43px;
	position:absolute;
	right:0px;
	top:14px;
}
#rec05 {
	width:239px;
	height:19px;
	position:absolute;
	left:140px;
	top:57px;
}
#rec06 {
	width:245px;
	height:19px;
	position:absolute;
	right:0px;
	top:57px;
}
#rec07 {
	width:239px;
	height:30px;
	position:absolute;
	left:141px;
	top:77px;
}
#rec08 {
	width:244px;
	height:46px;
	position:absolute;
	right:0px;
	top:77px;
}
#rec09 {
	width:239px;
	height:16px;
	position:absolute;
	left:141px;
	bottom:53px;
}
#rec10 {
	width:380px;
	height:53px;
	position:absolute;
	left:0px;
	bottom:0px;
}
#rec11 {
	width:244px;
	height:53px;
	position:absolute;
	right:0px;
	bottom:0px;
}


/*
資料請求・見学申込み
-----------------------------------------------*/
.bt_shiryo {
	width:600px;
	margin:0 auto;
	text-align:right;
}
/*
ヘルパー講座
-----------------------------------------------*/
#helper_container {
	width:624px;
	height:122px;
	position:relative;
	margin:21px auto 0px;
	background-image:url(../image/index/helper09.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#helper_container li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:0px;
}
#helper01 {
	width:140px;
	height:99px;
	position:absolute;
	top:14px;
	left:0px;
	bottom:10px;
}
#helper02 {
	width:624px;
	height:14px;
	position:absolute;
	top:0px;
	right:0px;
}
#helper03 {
	width:239px;
	height:29px;
	position:absolute;
	top:14px;
	left:140px;
}
#helper04 {
	width:245px;
	height:29px;
	position:absolute;
	top:14px;
	right:0px;
}
#helper05 {
	width:239px;
	height:33px;
	position:absolute;
	top:43px;
	left:140px;
}
#helper06 {
	width:245px;
	height:33px;
	position:absolute;
	top:43px;
	right:0px;
}
#helper07 {
	width:230px;
	height:37px;
	position:absolute;
	top:76px;
	left:140px;
	bottom:10px;
}
#helper08 {
	width:254px;
	height:37px;
	position:absolute;
	top:76px;
	right:0px;
	bottom:10px;
}
#helper09 {
	clear:both;
	width:624px;
	height:10px;
	position:absolute;
	bottom:0px;
	left:0px;
	line-height:100%;
}
#helper_container_2 {
	clear:both;
	width:624px;
	background-image:url(../image/index/helper_container2_middle.png);
	background-repeat:repeat-y;
	background-position:left top;
	overflow:hidden;
}
#helper_container_2_ins {
	width:624px;
	background-image:url(../image/index/helper_container2_bottom.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	overflow:hidden;
	/*height:100px;*/
}
/*
ヘルパー講座最新情報
-----------------------------------------------*/
#helper_news {
	width:310px;
	float:left;
	display:inline;
	margin-left:12px;
	overflow:hidden;
}
#helper_news dd {
	padding:10px 10px 10px 10px;
}
#helper_news dd ul {
	width:290px;
	overflow:hidden;
}
#helper_news dd ul li {
	display:block;
	width:290px;
	list-style-type:none;
	overflow:hidden;
	font-size:12px;
	margin-bottom:8px;
	background-image:url(../image/index/li_helper_new.png);
	background-repeat:no-repeat;
	background-position:left 0.25em;
}
#helper_news dd ul li span {
	display:block;
}
#helper_news dd ul li .helper_date {
	width:60px;
	float:left;
	font-weight:bold;
	margin-left:10px;
}
#helper_news dd ul li .helper_title {
	width:210px;
	float:right;
}
#helper_news dd ul li .helper_title a {
	color:#333;
}
#helper_news dd ul li .helper_title a:hover {
	text-decoration:none;
}
/*
ホームヘルパーの声
-----------------------------------------------*/
#bn_voice {
	width:289px;
	float:right;
	display:inline;
	margin-right:7px;
}
/*
right column
-----------------------------------------------*/
#right_column {
	width:251px;
	float:right;
	display:inline;
	margin-right:30px;
}
/*
What's new
-----------------------------------------------*/
#whatsnew {
	width:250px;
	background-color:#FFF;
	overflow:hidden;
}
#whatsnew dl {
	clear:both;
	padding:0px 10px;
	margin:10px auto;
	overflow:hidden;
}
#whatsnew dl dt {
	max-width:45px;
	min-width:1px;
	display:block;
	float:left;
}
#whatsnew dl dd {
	display:block;
	float:right;
	/*min-width:180px;
	max-width:248px;*/
	width:180px;
	font-weight:bold;
	background-image:url(../image/index/li_whatsnew.png);
	background-repeat:no-repeat;
	background-position:left 0.25em;
}
#whatsnew dl dd p {
	display:block;
	padding-left:15px;
	font-size:12px;
}
#whatsnew dl dd p a {
	color:#333;
}
#whatsnew dl dd p a:hover {
	text-decoration:none;
}
/*
access
---------------------------------------------*/

.bn_access {
	width:250px;
	margin:20px auto;
}
.bn_access li {
	list-style-type:none;
}
/*
company informaiton
---------------------------------------------*/

.com_info {
	width:250px;
	margin:20px auto;
}
.com_info dd {
	padding-top:10px;
}
.com_info dd table {
	width:100%;
	font-size:12px;
}
.com_info dd table th {
	text-align:right;
	vertical-align:top;
	padding:3px 10px 3px 2px;
}
.com_info dd table td {
	text-align:left;
	vertical-align:top;
	padding:3px;
}

/**/

#btn_helper{
	width: 204px;
	height: 75px;
	position: absolute;
	overflow: hidden;
	left: 290px;
	top: 249px;
}


#btn_helper a{
	display:block;
	overflow:hidden;
	width: 204px;
	height: 75px;
	text-indent:-9999px;
}