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

  ■スタイル定義

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


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

	共通

*******************************************************************************/
.content.inner
{
	margin: 2em auto;
}

.content.inner .section
{
	margin-bottom: 3em;
}

.content.inner .section > h2
{
	margin-bottom: 2em;
}

/*
カラム 2分割
**************/
.content.inner .section > dl
{
	padding: 2em 0;
	border-bottom: 1px solid #d8d8d8;
}
.content.inner .section > dl:last-child
{
	border: none;
}

.content.inner .section > dl > dt
{
	float: left;
	width: 25%;
	font-size: 200%;
}
.content.inner .section > dl > dt > h3
{
	text-align: center;
	margin-top: .75em;
	color: #ad8bd0;
}

.content.inner .section > dl > dd
{
	margin-left: 30%;
}

.content.inner .section > dl > dd > ol
{
	list-style: decimal;
}
.content.inner .section > dl > dd > ol > li
{
	margin: 0 0 1em;
}



/*
カラム 3分割
***************/
.content.inner .columns
{

}
.content.inner .columns > .column
{
	float: left;
	width: 30%;
  margin-right: 3%;
}
.content.inner .columns > .column:last-child
{
	width: 34%;
	margin-right: 0;
}

.content.inner .columns > .column > h3
{
	font-size: 130%;
	color: #C082BB;
	border-bottom: 1px dotted #C082BB;
	margin-bottom: .5em;
}
.content.inner .columns > .column > h3 > span
{
	display: block;
  padding-bottom: 5px;
}
.content.inner .columns > .column > h3 > span > small
{
	font-size: 70%;
	margin-right: .5em;
}


.content.inner .columns > .column > p
{
	margin: 0;
}

.content.inner .columns > .column img
{
	width: 100%;
  display: block;
}

.content.inner  span.phone:before
{
	content: 'TEL：';
}
.content.inner  span.fax:before
{
	content: 'FAX：';
}


/*
詳細地図
************/
.map-detail
{
	margin: 2em auto;
}
.map-detail > img
{
	display: block;
	margin: 0 auto;
}

/*
画像左
**********/
.content img.image-center
{
	display: block;
	margin: 0 auto;
	padding: 10px;
	background-color: #cfe6ff;
}

.content p.image-left
{
	margin: 0 auto;
	padding: 10px;
	background-color: #cfe6ff;
	float: left;
	margin-right: 2%;
	margin-bottom: 1em;
	width: 38%;
}
.content p.image-left > img
{
	display: block;
	width: 100%;
}


/*
画像列挙 3列
***************/
.content ul.images
{
	margin: 1em 0 3em;
}
.content ul.images:after
{
	display: block;
	content: ' ';
	clear: left;
}
.content ul.images > li
{
	float: left;
	padding: 5px;
	margin-right: 1%;
	margin-bottom: 1%;
	background-color: #cfe6ff;
	width: calc(33% - 10px);
}
.content ul.images > li.end
{
	width: calc(32% - 10px);
	margin-right: 0;
}
.content ul.images > li > span
{
	display: block;
	height: 212px;
	overflow: hidden;
	position: relative;
}
.content ul.images > li > span > img
{
	width: 100%;
	display: block;
}
.content ul.images > li > span> cite
{
	position: absolute;
	background-color: rgba(0,0,0,.25);
	bottom: 0;
  left: 0;
  right: 0;
	text-align: center;
	font-size: 80%;
	color: #fff;
	padding: .6em 0;
	line-height: 1;
	white-space: nowrap;
	text-shadow: 1px 1px 0 black;
}


/*
画像右
*********/
.content p.image-right
{
	margin: 0 auto;
	padding: 10px;
	background-color: #cfe6ff;
	float: right;
	margin-left: 2%;
	margin-bottom: 2em;
	width: 38%;
}
.content p.image-right > img
{
	display: block;
	width: 100%;
}
.content p.image-right:after
{
	display: block;
	float: none;
	content: '';
	height: 1px;
}

/*
コンタクト
************/
.section > p.contact
{
	padding: 1em 2em;
	background: url(../theme/images/bg-lightblue-noisy.png);
	border-radius: 7px;
	border: 1px solid #9abee4;
	width: 70%;
	margin: 0 auto;
	text-align: center;
}
.section > p.contact > span.phone
{
	font-weight: bold;
	margin-right: .25em;
}
.section > p.contact > span.phone:before
{
	font-weight: normal;
}

.section > p.contact > span.notice
{
	font-size: 90%;
}


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

  特養あおやまについて .content.guide

*******************************************************************************/
.section-about .section-title > span:before
{
	background-image: url(../theme/images/icon-heart.png);
}
.section-overview .section-title > span:before
{
	background-image: url(../theme/images/icon-check.png);
}


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

	施設案内  .content.outline

*******************************************************************************/
.section-abstract .section-title > span:before
{
	background-image: url(../theme/images/icon-clip.png);
}
.section-facility .section-title > span:before
{
	background-image: url(../theme/images/icon-share.png);
}
.section-floor .section-title > span:before
{
	background-image: url(../theme/images/icon-home.png);
}

.content.outline table.tbl-side
{
	width: 58%;
	height: 310px;
	margin-left: 40%;
  border-top: 1px solid #aac8e8;
  border-left: 1px solid #aac8e8;

}
.content.outline table.tbl-side th,
.content.outline table.tbl-side td
{
  border-bottom: 1px solid #aac8e8;
  border-right: 1px solid #aac8e8;
	padding: .5em 1em;
}

.content.outline table.tbl-side th
{
	background-color: #cfe6ff;
	color: #506f7d;
	font-weight: normal;
}

.content.outline .section.section-floor ul
{
	
}
.content.outline .section.section-floor ul > li
{
	float: left;
	width: 48%;
	padding: 1em 1%;
}
.content.outline .section.section-floor ul > li > span.round-bar
{
	margin: 1em 0;
}
.content.outline .section.section-floor ul > li > cite
{
	display: block;
	font-size: 80%;
}

.content.outline .section.section-floor ul > li .round-bar
{
	margin-right: 1em !important;
}

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

	入居の案内  .content.movin

*******************************************************************************/
.content.movein .section .section-title > span:before
{
	background-image: url(../theme/images/icon-home.png);

}

.section-target > ul
{

}
.section-target > ul li
{
	margin-left: 2.5em;
}

.section-target > ul > li
{
	list-style: disc;
	margin-bottom: 1em;
}
.section-target ul > li > ol
{
	margin: 1em auto;
}
.section-target ul > li > ol > li
{
	list-style: decimal;
	color: green;
	font-weight: bold;
}

.section-kengaku
{
	margin-bottom: 6em !important;

}

.section-flow table.tbl01.flow caption
{
	font-weight: bold;
	padding: 1em 0;
	text-align: center;
	color: #7171ad;
}

.section-flow table.tbl01.flow th.step
{
	line-height: 1.2;
	color: white;
	background-color: #7171ad;
	text-shadow: 1px 1px 0 black;
	border-bottom: 1px solid #5f5f92;
}
.section-flow table.tbl01.flow tbody tr:last-child th.step
{
	border-bottom: 1px solid #b0d6ff;
}


.section-flow table.tbl01.flow th.step > span
{
	display: block;
	font-size: 250%;
}



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

	サービス .content.service

*******************************************************************************/
.content.service h3
{
	font-size: 145%;
	margin: 1em 0;
	line-height: 1;
	white-space: nowrap;
	padding-bottom:7px;
	/*border-bottom: 1px dotted #d3d3d3;*/
}
.content.service h3 > span
{
	display: inline-block;
	padding-left: .5em;
	border-left: 5px solid #3F51B5;
	color: #3F51B5;
}

.content.service ol
{
	margin: 2em 0 4em;
}
.content.service ol > li
{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 2.5em;
	margin-bottom: 1em;
}
.content.service ol > li small
{
	display: block;
	color: grey;
}


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

	利用料金  .content.charge

*******************************************************************************/
.content.charge .unit
{
	font-size: 80%;
}

.section-inquiry
{
	margin-bottom: 5em !important;
}

.section-inquiry > p
{
	text-align: center;
}

table.tbl-charge
{
	border-left: 1px solid #9fc4ec;
	border-top: 1px solid #9fc4ec;
	border-collapse: collapse;
	width: 100%;
	margin-top: 3em;
}

table.tbl-charge th,
table.tbl-charge td
{
	border-right: 1px solid #9fc4ec;
	border-bottom: 1px solid #9fc4ec;
	padding: .5em 1em;
	font-weight: normal;
	text-align: center;
}

table.tbl-charge thead
{
	background-image: url(../theme/images/bg-lightblue-noisy.png);
}
table.tbl-charge thead th
{
	padding: 1em;
	font-size: 80%;
}
table.tbl-charge tbody th
{
	font-weight: bold;
	background-color: #eff7ff;
}
table.tbl-charge caption
{
	text-align: left;
	padding: 0 0 .5em;
}
table.tbl-charge caption > small
{
	font-size: 80%;
	color: #555;
	font-weight: bold;
}
table.tbl-charge caption > small:before,
table.tbl-charge caption > small:after
{
	content: '～';
	margin-left: .25em;
  margin-right: .25em;
}

table.tbl-charge caption:before
{
	content: '○';
}

/*------------------------------------------------------------------------------
 ページ内リンク 
------------------------------------------------------------------------------*/
ul.in-place-nav
{
	margin: 1em 0 2em;
	text-align: center;
}

ul.in-place-nav > li
{
	display: inline-block;
	border-right: 1px solid #999;
}
ul.in-place-nav > li:first-child
{
	border-left: 1px solid #999;
}
ul.in-place-nav > li > a
{
	display: block;
	text-decoration: none;
	padding: .2em 1.5em;
	font-weight: bold;
}
ul.in-place-nav > li > a:hover
{
	text-decoration: underline;
}


.section.section-self-charge h3
{
	font-size: 120%;
	font-weight: bold;
}
ul.about-reduce,
ul.notice
{
	margin: 1em 0;
}

ul.about-reduce > li
{
	border-bottom: 1px dotted #ccc;
	padding: .5em 0;
}
ul.about-reduce > li > em
{
	font-style: normal;
	margin-right: 1em;
	font-weight: bold;
	color: #555;
	font-size: 90%;
}


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

	介護支援事業 .content.assist

*******************************************************************************/
.section.section-homecare
{
	text-align: center;
}

.section.section-homecare p.large-image
{
	/*background-color: #eff3ff;*/
	padding: 20px;
	border-radius: 10px;
	text-shadow: 1px 1px 0 white;
	font-size: 200%;
	margin: 0 auto;
  width: 75%;
	line-height: 1.25;
	/*box-shadow: 4px 0 15px rgba(0,0,0,.25);*/
}
.section.section-homecare p.large-image > span
{
	font-size: 80%;
	line-height: 1.4;
}
.section.section-homecare p.large-image > strong
{
	font-size: 200%;
	color: red;
}




.section.section-homecare p.large-image + div.shadow
{
background: -moz-radial-gradient(center top, ellipse cover,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
background: -webkit-radial-gradient(center top, ellipse cover,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
background: radial-gradient(ellipse at center top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	display: block;
	height: 20px;
}




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

	年間行事 .content.events

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