@charset "utf-8";

/*====================================================================================================
 Author and Copyright
     Author: A*Design
     Copyright: A*Design&Co All Rights Reserved.(http://adesign.jp)
     Created: 2014-11
====================================================================================================*/

/*====================================================================================================
■住宅型有料老人ホーム鶴沼の里　index.html
====================================================================================================*/
html,
body {
margin: 0;
padding: 0;
background:#ffffff;
color: #231815;
text-align:center;
line-height:1.6;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

body {
min-width: 970px;
}

hr {
display:none;
}

em {
font-style:normal;
}

address {
font-style:normal;
}

table {
}

table th {
font-weight:normal;
}

a {
text-decoration:none;
color: #231815;
outline:none;
}

a:link {
color: #231815;
}

a:visited {
color: #231815;
}

a:hover {
color:#999;
}

p.pagelink {
margin: 0 8px 50px 0;
}

p.pagelink a {
display:block;
float:right;
padding-right: 13px;
font-size: 85%;
background:url(../img/pagetop.png) right 3px no-repeat;
}

.wrapper {
background: url(../img/header/back.png) center 0 repeat-x;
}

.wrapper-inner {
width:970px;
margin: 0 auto;
text-align: left;
}


/*====================================================================================================
header
====================================================================================================*/
.header {
position: relative;
height:575px;
}

.header h1 {
float:left;
padding: 23px 0 0 5px;
}

.header div#info {
float:right;
width:650px;
padding:22px 5px 0 0;
text-align:right;
}

.header div#info img#open {
	padding-right:25px;
}

.header div#info img#stop {
	padding:30px 70px 0 0;
}

.header .main-photo {
position: absolute;
top: 155px;
left:0;
}


.header #globalNav {
width:962px;
position: absolute;
top: 530px;
left: 4px;

}

.header #globalNav li {
float:left;
}

.header #globalNav li a {
display: block;
width: 137px;
height: 45px;
background: url(../img/header/nav.png) no-repeat;
text-indent: -9999px;
}

.header #globalNav li#gl01 a { background-position: 0 0px; }
.header #globalNav li#gl01 a:hover { background-position: 0 -45px; }
.header #globalNav li#gl02 a { background-position: -137px 0px; }
.header #globalNav li#gl02 a:hover { background-position: -137px -45px; }
.header #globalNav li#gl03 a { background-position: -274px 0px; }
.header #globalNav li#gl03 a:hover { background-position: -274px -45px; }
.header #globalNav li#gl04 a { background-position: -411px 0px; }
.header #globalNav li#gl04 a:hover { background-position: -411px -45px; }
.header #globalNav li#gl05 a { background-position: -548px 0px; }
.header #globalNav li#gl05 a:hover { background-position: -548px -45px; }
.header #globalNav li#gl06 a { background-position: -685px 0px; }
.header #globalNav li#gl06 a:hover { background-position: -685px -45px; }
.header #globalNav li#gl07 a { background-position: -822px 0px; width:162px; width:140px; }
.header #globalNav li#gl07 a:hover { background-position: -822px -45px; width:140px; }






/*====================================================================================================
contents
====================================================================================================*/
.contents {
padding: 20px 5px 0 5px;
}

.contents h2 {
	margin-top:10px;
padding-bottom: 15px;
}

.contents .read-text {
padding-top: 10px;
min-height: 230px;
background: url(../img/photo01.jpg) 640px 5px no-repeat;
}

.contents .read-text h3 {
width: 600px;
font-size: 116%;
font-weight: bold;
}

.contents .box1 {
padding: 0 0 20px 0;
}

/* あいさつ */
.contents .greeting {

}

/* 充実のサービス */
.contents .service dl {
margin-top:60px;
width:960px;
border-top:dotted 1px #231815;
}

.contents .service dl dt {
float: left;
padding: 16px 0 16px 140px;
width: 140px;
height:140px;
}

.contents .service dl dd {
height:140px;
padding:16px 0 16px 300px;
border-bottom: dotted 1px #231815;
}

.contents .service dl dd h3 {
font-size:18px;
font-weight:bold;
color:#005da4;
}

.contents .service dl dd h3 span {
font-size:14px;
font-weight:bold;
color:#fff;
vertical-align:middle;
background-color:#c61a22;
margin-left:10px;
padding:2px 10px;
}



/* ご入居に関わる費用 */
.contents .expenses table.t1 {
width:960px;
margin:10px 0 25px 0;
border:1px solid #acabab;
}

.contents .expenses table.t1 th {
width:320px;
border:1px solid #acabab;
text-align:center;
font-weight:bold;
background:#f8c6bd;
padding:10px 0;
}

.contents .expenses table.t1 td {
	padding:10px 0 10px 150px;
}

.contents .expenses table.t2 {
width:960px;
margin:10px 0 0 0;
border:1px solid #acabab;
}

.contents .expenses table.t2 th {
width:320px;
border:1px solid #acabab;
text-align:center;
font-weight:bold;
color:#fff;
background:#298948;
padding:10px 0;
}

.contents .expenses table.t2 td {
text-align:center;
padding:10px 0;
border:1px solid #acabab;
}

.contents .expenses table.t2 td.ttl {
	background:#f7f5ef;
	font-weight:bold;
}

.contents .expenses table.t2 td.brown {
background:#e5a856;
color:#FFF;
}

.contents .expenses p.breakdown {
	margin-top:2em;
	text-align:left;
	padding-left:25px;
}

.contents .expenses p.breakdown span {
	margin-left:8em;
}

.contents .expenses p.breakdown span.short {
	margin-left:6em;
}




/* 施設のご紹介 */
.contents .institution h3 {
width:940px;
border-bottom:1px dotted #005da4;
margin:10px 0 15px 0;
padding:0 0 7px 20px;
}

.contents .institution ul.sp1 {
margin-bottom:5px;
}

.contents .institution ul.sp1 li {
width:920px;
padding:20px;
background-color:#f5f7fc;
border:#70a4cc solid 1px;
}

.contents .institution ul.sp2 li {
width:430px;
padding:20px;
margin-right:10px;
display: inline-block;
background-color:#f5f7fc;
border:#70a4cc solid 1px;
}

.contents .institution ul.sp2 li.sp2-no {
margin-right:0;
}

.contents .institution ul.sp3 {
margin-top:10px;
}

.contents .institution ul.sp3 li {
width:268px;
padding:20px;
margin-right:10px;
display: inline-block;
background-color:#f5f7fc;
border:#70a4cc solid 1px;
}

.contents .institution ul li img {
margin-bottom:5px;
}

.contents .institution ul li span {
font-size:18px;
font-weight:bold;
color:#005da4;
}


.contents .institution ul.madori {
padding:35px;
background-color:#f7f5ef;
}

.contents .institution ul.madori li {
margin-top:25px;
padding-top:30px;
border-top:1px dotted #817700;
}

.contents .institution ul.madori li.f1 {
margin-top:0;
padding-top:0;
border-top:none;
}

.contents .institution table {
width:960px;
margin:25px 0 50px 0;
border:1px solid #acabab;
}

.contents .institution table th {
width:190px;
border:1px solid #acabab;
font-size:21px;
color:#FFF;
background:#298948;
text-align:center;
padding:20px 0;
}

.contents .institution table td {
padding:20px 0 20px 30px;
font-size:15px;
background:#f7f5ef;
}

.contents .institution table td span {
color:#298948;
}



/* 施設概要 */
.contents .profile table {
	width:960px;
	border:1px solid #acabab;
}

.contents .profile table th {
	width:225px;
	border:1px solid #acabab;
	background-color:#f7f5ef;
	font-weight:bold;
	font-size:15px;
	padding:10px 0 10px 25px;
}

.contents .profile table td {
	border:1px solid #acabab;
	padding:10px 0 10px 30px;
	width:735px;
}



/* アクセス */
.contents .access dl {
margin-top:15px;	
}

.contents .access dl dt {
	margin-bottom:10px;	
}

.contents .access img {
margin-top:10px;
}




/* グループホーム鶴沼の里 */
.contents .grouphome p {
margin-bottom:20px;
}

.contents .grouphome .back {
width:900px;
padding:30px;
background-color:#fffaf6;
border:#c7c8c8 solid 1px;
margin-bottom:15px;
}

.contents .grouphome .back h3 {
	margin-top:20px;
}

.contents .grouphome dl {
margin-top:25px;
width:900px;
}

.contents .grouphome dl dt {
float: left;
padding:0 0 0 50px;
width: 70px;
}

.contents .grouphome dl dd {
	width:765px;
padding:0 0 0 135px;
margin-bottom:30px;
}

.contents .grouphome dl dd h4 {
font-size:19px;
font-weight:bold;
color:#2f8cbf;
margin-bottom:8px;
padding-bottom:2px;
border-bottom:dotted 1px #231815;
}

.contents .grouphome dl dd h4 span {
font-size:14px;
font-weight:bold;
color:#fff;
vertical-align:middle;
background-color:#c61a22;
margin-left:10px;
padding:2px 10px;
}




.contents .grouphome ul.place li {
width:396px;
padding:20px;
margin-right:15px;
display: inline-block;
background-color:#ffffff;
border:#dcd7d2 solid 1px;
}

.contents .grouphome ul.place li.place2-no {
margin-right:0;
}

.contents .grouphome ul.place li h4 {
width:396px;
margin:15px 0 10px 0;
font-size:20px;
font-weight:bold;
color:#2f8cbf;
padding-bottom:10px;
border-bottom:#231815 dotted 1px;
}





/* お問い合わせ */
.contents .information {
margin-bottom:0px;
}

.contents .information address img {
margin:10px 0;
}


/*====================================================================================================
footer
====================================================================================================*/
.footer {
position: relative;
min-width: 960px;
height: 100px;
background-color:#298948;
border-top: 1px solid #05502b;
}

.footer-inner {
width: 960px;
margin: 0 auto;
text-align: left;
}

.footer-inner ul.footer-navi {
	padding:15px 0 0 5px;
	float:left;
	width:800px;
}

.footer-inner ul.footer-navi li {
display: inline-block;
border-right:solid 1px #FFFFFF;
padding:0 7px;
}

.footer-inner ul.footer-navi li.end {
border-right:none;
}

.footer-inner ul.footer-navi li a {
color:#FFF;
font-style:normal;
}

.footer-inner ul.footer-navi li a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
zoom: 1;
}

.footer-inner p.footer-logo {
	float:right;
	margin:25px 0 0 0;
	width:150px;
}


/* clearfix ----------------------------- */
p.pagelink:after,
.header ul:after,
.contents .member-overview .shelf:after {
content : '';
display : block;
clear : both;
height:0;
}

p.pagelink,
.header ul,
.contents .member-overview .shelf {
zoom: 1;
}