@charset "utf-8";

/*###################################################################################
 *
 *SiteName : デイサービス縁（株式会社ケアフリーケア）
 *URL : http://www.day-en.jp/
 *Date : 2011-08
 *Update : 2024-07
 *Designer : クノデザインワークス（http://www.k-dw.com/）
 *
#####################################################################################*/

/*###################################################################################
 *top */

#animation {
	width: 900px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}

#top_cont {
	width: 900px;
	background-image: url(../../image/top_cont.jpg);
	background-repeat: no-repeat;
	height: 165px;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 40px;
	clear: both;
}

#top_cont ul {
	padding: 0px;
	margin: 0px;
}

#top_cont li, #top_cont a{
	float: left;
	width: 300px;
	height: 165px;
	text-indent: -9000px;
	list-style: none;
}

#en_facility a{
	background-color: transparent;
	background-image: url(../../image/top_cont.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#en_facility a:hover, #en_facility a:visited:hover {
	background-color: transparent;
	background-image: url(../../image/top_cont.jpg);
	background-repeat: no-repeat;
	background-position: 0px -165px;
}

#en_meal a{
	background-color: transparent;
	background-image: url(../../image/top_cont.jpg);
	background-repeat: no-repeat;
	background-position: -300px 0px;
}

#en_meal a:hover, #en_meal a:visited:hover {
	background-color: transparent;
	background-image: url(../../image/top_cont.jpg);
	background-repeat: no-repeat;
	background-position: -300px -165px;
}

#en_healing a{
	background-color: transparent;
	background-image: url(../../image/top_cont.jpg);
	background-repeat: no-repeat;
	background-position: -600px 0px;
}

#en_healing a:hover, #en_healing a:visited:hover {
	background-color: transparent;
	background-image: url(../../image/top_cont.jpg);
	background-repeat: no-repeat;
	background-position: -600px -165px;
}

#info {
}

#info #news {
	float: right;
	width: 595px;
}

#info #news h2 {
	margin-bottom: 10px;
}

#info #news iframe {
	border: 1px solid #CCC;
}

#info #info_side {
	float: left;
	width: 290px;
}

#info #info_side ul {
	list-style-type: none;
}

#info #info_side li {
	display: block;
	width: 290px;
}

#info #info_side #bnr_blog {
	background-image: url(../../image/bnr_blog_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 55px;
	margin-bottom: 15px;
}

#info #info_side #bnr_blog a:hover img  {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

#info #info_side #bnr_nekonote {
	background-image: url(../../image/bnr_nekonote_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 120px;
	margin-bottom: 7px;
}

#info #info_side #bnr_nekonote a:hover img  {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

#info #info_side #bnr_si {
	text-align: left;
}

/*###################################################################################
 *about */

#h2_about {
	margin-bottom: 30px;
}

.about_en {
	padding: 0px;
	width: 580px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 1em;
}

.about_en th {
	width: 80px;
	height: 80px;
}

.about_en td {
	text-align: left;
	padding-left: 5px;
}

.about_en .btn {
	background-image: url(../../about/image/btn_en_on.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.about_en .btn a:hover img  {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

#price {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
}

#price table {
	font-size: 0.9em;
	padding: 0px;
	width: 580px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	line-height: 1.2em;
}

#price table th {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #360;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

#price table td {
	text-align: center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#price table .thead {
	background-color: #E1F2D7;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

#price table .cell {
	background-color: #F1F9EC;
}

#price p {
	text-align: left;
	font-size: 0.9em;
	padding-top: 10px;
	margin-bottom: 20px;
}

#price2 {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
}

#price2 table {
	font-size: 0.9em;
	padding: 0px;
	width: 580px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	line-height: 1.2em;
}

#price2 table th {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #360;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

#price2 table td {
	text-align: center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#price2 table .thead1 {
	background-color: #E1F2D7;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

#price2 table .thead2 {
	background-color: #E1F2D7;
	font-weight: bold;
}

#price2 table .cell {
	background-color: #F1F9EC;
}

#price2 p {
	text-align: left;
	font-size: 0.9em;
	padding-top: 10px;
	margin-bottom: 20px;
}

#h2_en {
}

#catch {
	float: right;
	width: 164px;
}

#en_detail {
	float: left;
	width: 430px;
	padding-top: 30px;
}

#en_detail  .h3_en {
	font-size: 1.3em;
	text-align: left;
	color: #663300;
	margin-bottom: 10px;
	line-height: 1.5em;
}

#en_detail table {
	width: 430px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.9em;
	line-height: 1.4em;
}

#en_detail table th {
}

#en_detail table td {
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 15px;
}

#en_detail table td h4 {
	color: #F60;
	margin-bottom: 5px;
}

#menu {
	text-align: left;
}

#menu h4 {
	margin-bottom: 5px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu li {
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F90;
	padding-bottom: 10px;
	color: #673409;
	font-weight: bold;
	padding-left: 60px;
	padding-top: 10px;
	background-color: #FAF8DF;
}

#menu #num01 {
	background-image: url(../../about/image/menu_num01.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
}

#menu #num02 {
	background-image: url(../../about/image/menu_num02.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
}

#menu #num03 {
	background-image: url(../../about/image/menu_num03.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
}

#menu #num04 {
	background-image: url(../../about/image/menu_num04.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
}

#menu #num05 {
	background-image: url(../../about/image/menu_num05.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*###################################################################################
 *service */

#h2_service {
	margin-bottom: 10px;
}

.service {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.service .careplan {
	width: 580px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.8em;
	color: #666;
	margin-top: 30px;
	margin-bottom: 15px;
	line-height: 1.2em;
}

.service .careplan th {
	width: 300px;
}

.service .careplan td {
	padding-left: 20px;
}


.service .servicelist {
	width: 580px;
	font-size: 0.9em;
	line-height: 1.4em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	background-color: #FBF1D2;
}

.service .servicelist th {
	vertical-align: top;
	padding: 10px;
	width: 70px;
}

.service .servicelist td {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}

.service .servicelist td h4 {
	color: #F96906;
	font-size: 1.2em;
	margin-bottom: 5px;
}

/*###################################################################################
 *outline */

#h2_ol {
	display: block;
	width: 600px;
	margin-bottom: 10px;
}

#outline {
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	width: 578px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.9em;
	line-height: 1.4em;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

#outline th {
	text-align: left;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 120px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	color: #360;
}

#outline td {
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#outline .cell1 {
	background-color: #F1F9EC;
}

#location {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

#location h4 {
	text-align: left;
	color: #F96906;
	font-size: 1.2em;
	margin-bottom: 10px;
}

#location h4 span {
	font-weight: normal;
	margin-left: 30px;
}

#location img {
}

#location .map {
	margin-top: 10px;
}

/*###################################################################################
 *privacy */

#h2_privacy {
	margin-bottom: 10px;
}

.privacy {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.privacy h4 {
	margin-bottom: 10px;
}

/*###################################################################################
 *staff */

#h2_staff {
	margin-bottom: 10px;
}

#h3_counseling {
	font-size: 1.3em;
	text-align: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #b4ecec;
	color: #009999;
	padding: 10px;
	margin-bottom: 10px;
	background-image: url(../../staff/image/bg_h3_counseling.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#h3_culture {
	font-size: 1.3em;
	text-align: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ffcccc;
	color: #dd5cb4;
	padding: 10px;
	margin-bottom: 10px;
	background-image: url(../../staff/image/bg_h3_culture.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#h3_nurse {
	font-size: 1.3em;
	text-align: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #66cc99;
	color: #339966;
	padding: 10px;
	background-image: url(../../staff/image/bg_h3_nurse.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#h3_staffblog {
	font-size: 1.3em;
	text-align: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ffcc66;
	color: #efa433;
	padding: 10px;
	margin-bottom: 10px;
	background-image: url(../../staff/image/bg_h3_staffblog.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.staff {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#nurse {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#nurse p {
	float: left;
	width: 310px;
	padding-top: 10px;
}

#nurse img {
	float: right;
	display: block;
}

#staffblog {
	background-image: url(../../staff/image/staffblog_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#staffblog a:hover img  {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}