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

/*===============================================
●SP.css 画面の横幅が750px以下
===============================================*/

body {
  font-size:11px;
}

body p{
  font-size:14px;
}
.pc{
	display:none;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

.contents h1{
	padding-top:20px;
	text-align:center;
}
.criteria h1{
	text-align:left;
}

header{
	width:100%;
	float:left;
	box-sizing:border-box;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-top:3px #ddd solid;
	float:left;
}
header a p{
	padding-top:5px;
}

header img {
	width:100%;
	max-width:330px;
}
.sp #mv img{
	width:100%;
}

.spnone{
	display:none;
}



.mainmenu h1{
	font-size:190%;
	font-family:FOT-MatissePro-DB;
	padding-bottom:1px;
}
.mainmenu h2{
	font-size:140%;
	font-family:FOT-MatissePro-M;
	padding-bottom:25px;
}

.mainmenu a{
	color:#FFF;
}




.nav {
	float:left;
	width:100%;
	border:1px solid #ddd;
	box-sizing:border-box;
}



.nav a{
	width:100%;
	background-color:#999;
	height:100px;
	text-align:center;
}

.nav a .pallet{
	float:left;
	display:inline;
	width:50%;
	height:auto;
	padding:0px 0 17px;
	background-color:#fff;
	border:1px solid #ddd;
	box-sizing:border-box;
}






.nav p{
	font-size:85%;
	font-family: 'Gentium Basic', serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	color:#666;
}


.nav #visit h1,.nav #contact h1,.nav #visit2 h1,.nav #contact2 h1{
	color:#8297a5;
}
.nav #clinic{
	background-image: url(../images/right1.png), url(../images/bg_ivory.png);
	background-attachment: scroll;
	background-repeat: no-repeat, repeat;
	background-position: 8px center;
}

.nav #clinic p{
	color:#bcd1e5;
}
.nav #nursing p{
	color:#fdd390;
}
.nav #nursing:hover > p{
	color:#fdd390;
}

.nav #visit h1,.nav #contact h1{
	color:#8297a5;
}
.nav #clinic2 h1{
	color:#5284c2;
}
.nav #nursing2 h1{
	color:#f89b41;
}
.nav #nursing{
	background-image: url(../images/right1.png), url(../images/bg_brown.png);
	background-attachment: scroll;
	background-repeat: no-repeat, repeat;
	background-position: 8px center;
}

.nav #clinic2,.nav #nursing2,.nav #visit,.nav #contact,.nav #visit2,.nav #contact2{
	background-image: url(../images/right2.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 7px center;
}


#subject{
	margin-bottom: 40px;
	width:100%;
}
#subject img{
	width:100%;
	max-width:750px;
}


.contents{
	float:left;
	padding:30px 3.8% 20px;
}
.contents .image_r,.contents .image_l{
	padding-top:0%;
}
.contents .image_r img,.contents .image_l img{
	float:left;
	width:100%;
	max-width:100%;
	margin:10px auto 30px;
	position:static;
	padding:0;
}


.text_l,.text_r,.text_o{
	float:left;
	width:100%;
	margin-bottom:20px;
}

aside img{
	padding:3%;
	box-sizing:border-box;
}
aside{
	padding-bottom:55px;
}

#googlemap{
	width:100%;
	max-width:100%;
	margin:0px auto 50px;
	text-align:center;
	box-sizing:border-box;
	float:none;
	height:auto;
}
#googlemap h1{
	font-family: 'Gentium Basic', serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	font-size:170%;
	color:#2d718d;
	padding-bottom:0px;
	line-height:155%;
}
#mapinner{
	border:solid 3px #2d718d;
	box-sizing:border-box;
	margin:15px 3.8%;
}
#googlemap p{
	padding-top:10px;
}

#googlemap p a{
	color:#666;
	text-decoration:underline;
	}

.back_top{
	width:100%;
	padding:35px 0;
}

#bottomlogoback{
	text-align:center;
	padding:13% 0 9%;
	float:left;
	width:100%;
	}
#bottomlogoback p{
	padding-top:4%;
	}
#bottomlogoback a p{
	color:#666;
	}
	
.back_top i{
	font-size:160%;
}

#bottomlogoback img{
	max-width:90%;
}

#copy{
	margin:0px auto;
	float:left;
	padding-bottom:32px;
	padding-top:32px;
}

#bottomarea{
	padding-bottom:0px;
	float:left;
}

/*==========================================
index　コンテンツ
===========================================*/

#mv{
	float:left;
}

.nav2 a img{
	max-width:50%;
	height:auto;
	float:left;
}

.mainmenu #left,.mainmenu #right{
	width:100%;
	padding:7% 3%;
}

.mainmenu .summary a{
	padding:15px;
	margin-bottom:15px;
}


.mainmenu #left section img{
	border:solid 4px #4d88d9;
}
.mainmenu #right section img{
	border:solid 4px #f89b41;
}
.mainmenu p,.mainmenu h2{
	padding-bottom:5px;
}



/*==========================================
CLINIC　コンテンツ
===========================================*/

.contents hr{
	margin-bottom:30px;
}

.contents .criteria,#expenses .criteria{
	float:left;
	width:100%;
	margin-left:0;
	border:#CCC 4px solid;
	box-sizing:border-box;
	margin-top:0px;
	padding:5px 15px 12px;
	margin-bottom:30px;
}

#expenses .criteria{
	padding:17px 15px 12px;
}

.contents .criteria h1 {
    padding-top: 12px;
}
.criteria hr{
	margin-bottom:13px;
}

#greenbutton{
	padding:0 0 30px;
	font-size:80%;
}

#best h1{
	text-align:left;
}
#kanwa{
	font-family:FOT-MatissePro-M;
	font-size:130%;
	margin-top:15px;
	margin-bottom:30px;
	float:left;
}


/*==========================================
 医師紹介のスタイル
===========================================*/

.profile{
	padding-top:0px;
}


.president{
	width:100%;
	float:none;
	padding-bottom:40px;
}

/*==========================================
 デイケアセンターのスタイル
===========================================*/

.contents .image_o h2,#bathtype h2,#flow h2{
	float:left;
	width:100%;
	text-align:center;
	padding-top:30px;
	margin-bottom:35px;
}

.tabulardataleft{
	width:100%;
	float:none;
	padding-bottom:30px;
}
.tabulardata{
	width:100%;
	float:none;
	padding-bottom:50px;
}

/*==========================================
 デイサービスセンターのスタイル
===========================================*/


.samplemenu a{
	float:left;
	width:50%;
	
	padding:1.8%;
	box-sizing:border-box;
}
#lunch_plan{
	width:100%;
	float:left;
	margin-top:6%;
	text-align:center;
}

#bathtype{
	float:left;
	padding-bottom:55px;
	text-align:center;
	width:100%;
}

/*==========================================
料金表
===========================================*/

p.tablebottom{
	float:left;
	padding-top:13px;
	font-size:90%;
	padding-bottom:45px;
}
p.tablebottom2{
	float:left;
	font-size:90%;
	padding-top:13px;
	padding-bottom:8px;
}
p.tablebottom3{
	float:left;
	font-size:90%;
	padding-bottom:45px;
}

.servicecontents{
	float:left;
	padding-bottom:0px;
}

/*==========================================
 ケアプランセンターのスタイル
===========================================*/

#flow .flowright img{
	padding-bottom:20px;
}
#flow{
	margin-bottom:20px;
}


/*==========================================
看護・介護のご案内スタイル
===========================================*/
#contentsmap{
	float:left;
	padding-top:0px;
}
#contentsmap2{
	padding-top:15px;
	padding-bottom:15px;
	float:left;
	width:100%;
}

/*==========================================
訪問看護のスタイル
===========================================*/


.half{
	float:none;
	width:100%;
	padding-bottom:20px;
}
#carecost img{
	width:100%;
	max-width:100%;
	padding:20px 0;
	margin:0 auto;
}
#carecost h2{
	margin-top:20px;
	text-align:center;
}
#carecost{
	float:left;
	width:100%;
	margin-bottom:0px;
}
#carecost p{
	font-size:95%;
}

/*==========================================
訪問エリアのスタイル
===========================================*/

.mainmenu #titlebg{
	background-color:#57bdd3;
	padding: 7% 3%;
}
#illustrationmap{
	width:100%;
	float:left;
	text-align:center;
	padding-top:0px;
	padding-bottom:10px;
}
#illustrationmap img{
	width:100%;
	max-width:1100px;
}

.contents #facility img{
	float:left;
	width:100%;
}
.contents #facility{
	float:left;
	padding-top:0px;
	width:100%;
	padding-bottom:20px;
}

/*==========================================
メールフォームのスタイル
===========================================*/

table.formTable th{
	float:left;
	width:100%;
	font-weight:normal;
	text-align:left;
	font-size:115%;
}
.formTable tr td textarea,.formTable tr td input{
	float:left;
	width:100%;
	font-size:115%;
	padding:8px;
	line-height:150%;
	box-sizing:border-box;
}
#formWrap form p input{
	width:100%;
}
table.formTable td,table.formTable th{
	float:left;
	width:100%;
}

table.formTable td{
	margin-bottom:10px;
}
table.formTable th{
	margin-bottom:0px;
	line-height:100%;
}
.contents #formWrap h3{
	margin-top:25px;
}
.formTable tr td select{
	-webkit-appearance:none;
	font-size:115%;
	line-height:150%;
	padding:8px;
	box-sizing:border-box;
	border:1px solid #ccc;
}

#rulenote{
	float:left;
	margin-bottom:5px;
}


#rulenote .half{
	float:left;
	width:100%;
	padding-right:0%;
	margin-bottom:5px;
}
#rulenote .first{
	float:left;
	width:100%;
}
#rulenote h4{
	font-size:145%;
	font-weight:bold;
	padding-bottom:7px;
}

#clearance{
	margin-top:0px;
}
#planintro{
	padding-bottom:15px;
}