@charset "UTF-8";

/*-----------------------------------サブナビゲーション個別指定*/

#service li#liService a:before{ color: #FBB03B; }
#tokuyou li#liTokuyou a:before{ color: #FBB03B; }
#carehouse li#liCarehouse a:before{ color: #FBB03B; }
#grouphome li#liGrouphome a:before{ color: #FBB03B; }
#shortstay li#liShortstay a:before{ color: #FBB03B; }
#dayservice li#liDayservice a:before{ color: #FBB03B; }
#dayservice li#liDayservice #liDayservice02 a:before{ color: #D2C2AF; }
#dayservice li#liDayservice #liDayservice02 a:hover{ color: #FBB03B; }
#dayservice01 li#liDayservice #liDayservice02 li.day01 a:before{ color: #FBB03B; }
#dayservice01 li#liDayservice #liDayservice02 li.day01 a:hover{ color: #FBB03B; }
#dayservice02 li#liDayservice #liDayservice02 li.day02 a:before{ color: #FBB03B; }
#dayservice02 li#liDayservice #liDayservice02 li.day02 a:hover{ color: #FBB03B;}
#dayservice03 li#liDayservice #liDayservice02 li.day03 a:before{ color: #FBB03B; }
#dayservice03 li#liDayservice #liDayservice02 li.day03 a:hover{ color: #FBB03B; }
#dayservice04 li#liDayservice #liDayservice02 li.day04 a:before{ color: #FBB03B; }
#dayservice04 li#liDayservice #liDayservice02 li.day04 a:hover{ color: #FBB03B; }
#dayservice05 li#liDayservice #liDayservice02 li.day05 a:before{ color: #FBB03B; }
#dayservice05 li#liDayservice #liDayservice02 li.day05 a:hover{ color: #FBB03B;}


#chiiki li#liChiiki a:before{ color: #FBB03B; }
#kyotaku li#liKyotaku a:before{ color: #FBB03B; }
#kyotaku li#liKyotaku  #liKaigonintei a:before{ color: #D2C2AF; }
#kyotaku li#liKyotaku  #liKaigonintei a:hover{ color: #FBB03B; }

#kaigonintei li#liKaigonintei a:before{ color: #FBB03B; }
#hoiku li#liHoiku a:before{ color: #FBB03B; }
li#liHoiku { background: url(none); }

/*-----------------------------------サービス用ナビゲーション*/
#subnav #liKyotakuul#navKyotaku {
	width: 100%;
	margin: 0px;
}
#subnav #liKyotaku #navKyotaku li,#subnav #liDayservice li{
	width: 94%;
	padding: 0px;
	margin: 0 0 0 15px;
	background: url(none);
}
#subnav #liKyotaku #navKyotaku li,#subnav #liDayservice li:last-child{
	border-bottom: none;
}



/*-----------------------------------サービスページインデックス*/
#serviceShisetsu,
#serviceHome,
#serviceSonota {
	font-size: 116.6%;
	font-weight: bold;
	padding: 10px 0 23px 50px;
	margin: 20px 0;
}
#serviceShisetsu {
	background:url(images/index/shisetsu.jpg) no-repeat bottom left;
}
#serviceHome {
	background:url(images/index/home.jpg) no-repeat bottom left;
}
#serviceSonota {
	background:url(images/index/sonota.jpg) no-repeat bottom left;
}
.liServiceIndex {
	clear: both;
	overflow: hidden;
}
.liServiceIndex img{
	vertical-align:bottom;
}
.liServiceIndex li{
	width: 250px;
	float :left;
	margin: 0 25px 10px 0;
}
.liServiceIndex li:nth-child(3n){
	margin-right: 0;
}
/*-----------------------------------要介護認定調査*/
#nintei01,
#nintei02,
#nintei03,
#nintei04,
#nintei05,
#nintei06 {
	padding: 5px 0 60px 175px;
}
#nintei01 {
	margin-top: 20px;
	background:url(images/kaigonintei/1.jpg) no-repeat left top;
}
#nintei02 {
	background:url(images/kaigonintei/2.jpg) no-repeat left top;
}
#nintei03 {
	background:url(images/kaigonintei/3.jpg) no-repeat left top;
}
#nintei04 {
	background:url(images/kaigonintei/4.jpg) no-repeat left top;
}
#nintei05 {
	background:url(images/kaigonintei/5.jpg) no-repeat left top;
	padding: 5px 0 30px 175px;
}
#nintei06 {
	background:url(images/kaigonintei/6.jpg) no-repeat left top;
}
/*-----------------------------------COCORO保育園*/
.hoikulist li { display:inline; margin-right: 10px; }


/*------扉-----*/
#dayli{ overflow:hidden;}
#dayli li{ width:250px; margin: 0 25px 30px 0; float:left;}
#dayli li:nth-child(3n){ margin-right: 0;}
#dayli li img{ margin-bottom: 5px; }

/*----デイサービス詳細-----*/

.txtredb{ color:#B6083B; font-weight:bold; font-size:116.6%;}
.day01t{ overflow:hidden; margin-bottom:10px;}
.day02t{ overflow:hidden;}

.day01t table,.day02t table{border-left:1px solid #999;border-top:1px solid #999; text-align:center;}
.day01t th,.day02t th{background:#f0f0f0; text-align:center; padding:5px; border-right:1px solid #999;border-bottom:1px solid #999;}
.day01t td,.day02t td{text-align:center; padding:5px; border-right:1px solid #999;border-bottom:1px solid #999;}

#dayservice02 .day01t,#dayservice03 .day01t,#dayservice04 .day01t,#dayservice05 .day01t{overflow:hidden; margin-bottom:10px; width:600px;}
#dayservice02 .day01t td,#dayservice03 .day01t td,#dayservice04 .day01t td,#dayservice05 .day01t td{vertical-align:middle;}


.time{float:left; width:580px; overflow:hidden;}
.time dl{ overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px;}
.time dt{ float:left; width:95px;}
.time dd{ float:left; width:485px;}
.time dd em{font-weight:bold; color:#B6083B;}

.timeimg{float:right; width:150px;}
.timeimg img{margin-bottom:3px;}
.timeimg p{margin-bottom:5px;}

#daytel{margin:30px 0 40px;}
#daytel dd em{font-size:28px; color:#B6083B; font-weight:bold;}
.address{margin-bottom:10px;}
.address th{background:url(../common/images/icn01.jpg) no-repeat left top 4px; padding:5px 5px 5px 15px;}
.address td{padding:5px;}

@media screen and (max-width: 767px){
	.liServiceIndex {
		width: 100%;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	#dayli li{ width:31%; margin:1%; float:left;}
	#dayli li img{ width:100%; margin:0 0 5px 0; }
	.day01t{width:100%; overflow:hidden; margin-bottom:10px;}
	.day02t{width:100%; overflow:hidden;}
	.time{float:none; width:100%; overflow:hidden;}
	.time dt{ float:none; width:95px;}
	.time dd{ float:none; width:auto;}
	.timeimg{float:none; width:auto; padding-top: 10px; clear: both; overflow: hidden;}
	.timeimg div{ float: left; margin: 0 5px 5px; width: 150px;}
}
@media screen and (max-width: 650px){
	.liServiceIndex li{
		width: 32%;
		float :left;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.liServiceIndex li.marL15{
		margin-left: 0;
	}
	.liServiceIndex li:nth-child(3n){
		margin-right: 0;
	}
}
@media screen and (max-width: 500px){
	.liServiceIndex li{
		width: 49%;
		float :left;
		margin-right: 2%;
	}
	.liServiceIndex li:nth-child(3n){
		margin-right: 2%;
	}
	.liServiceIndex li:nth-child(2n){
		margin-right: 0;
	}
}
@media screen and (max-width: 440px){
	#dayli li{ width:48%; margin:1%; float:left;}
	#dayli li:nth-child(3n){ margin-right: 1%;}
}
@media screen and (max-width: 360px){
	.timeimg div{ float: left; margin: 0 1% 5px; width: 48%;}
}