@charset "utf-8";
/* ===========================================================
 * 
 * 新町居宅介護センター　スタイルシート
 * Last UpDate : 2016/6/14
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css

	index
	 1 - ページ共通css
	 2 - リンクの色
	 3 - 見出し
	 4 - 背景
	 5 - レイアウト
	 6 - ヘッダー
	 7 - フッター
	 8 - グローバルナビゲーションgNavi
	 9 - ローカルナビゲーションlNavi
	10 - コンテンツ

---------------------------------------------------------- */

/* ----------------------------------------------------------
 1 - ページ共通css
---------------------------------------------------------- */
@import "../css/normalize.css";
@import "../css/general.css";

html {
}

body {
	color: #333;
	background:#f4ecf4;
}

a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
a img {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* SP&TAB用 */
.SP		{ display:none; }
.TAB	{ display:none; }
.PC		{ display:block; }

/* ----------------------------------------------------------
 2 - リンクの色
---------------------------------------------------------- */

a:link		{ color:#666; text-decoration:underline; }
a:visited	{ color:#666; text-decoration:underline; }
a:hover		{ color:#015f15; text-decoration:none; }
a:active	{ color:#015f15; text-decoration:none; }


/* ----------------------------------------------------------
 3 - 見出し
---------------------------------------------------------- */

header h1		{  }
header h1 a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

h2{ background:#f4ecf4 url(../images/h2.png) no-repeat 10px 6px; font-size:23px; color:#636; border:1px solid #ccc; letter-spacing:1px; padding:17px 0 15px 30px; margin-bottom:30px; }

/* ----------------------------------------------------------
 4 - 背景
---------------------------------------------------------- */


/* ----------------------------------------------------------
 5 - レイアウト
---------------------------------------------------------- */

#wrapper {
	overflow:hidden;
	width:100%;
}


/* ----------------------------------------------------------
 6 - ヘッダー
---------------------------------------------------------- */
header {
	background:#faf7fa;
}
#kyotakuHeader{
	width:1150px;
	height:90px;
	margin:0 auto;
}
#kyotakuHeader:after{
	content:"";
	display:block;
	clear:both;
}
#kyotakuHeader .headerLogo{
	float:left;
	width:290px;
	margin-right:0;
}
#kyotakuHeader .headerLogo01{
	float:none;
	width:290px;
	margin-top:20px;
	margin-right:0;
}

#kyotakuHeader .headerSec{
	float:right;
}
#kyotakuHeader .headerLink{
	float:right;
}
#kyotakuHeader .headerLink ul{
	margin-top:20px;
	height:30px;
}
#kyotakuHeader .headerLink ul li{
	display:inline;
	position: relative;
	margin-bottom:10px;
	padding-left:10px;
	color:#fff;
	font-size:12px;
}
#kyotakuHeader .headerLink ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: 2px;
	left: -1px;
	width: 4px;
	height: 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#kyotakuHeader .headerLink ul li a{
	text-decoration:none;
	margin-right:5px;
}
#kyotakuHeader .headerLink ul li a:hover{
	color:#80b83a;
}


#kyotakuHeader .headerFontsize{
	float:none;
	width:220px;
	margin-top:10px;
	margin-left:auto;
}
#kyotakuHeader .headerFontsize:after{
	content:"";
	display:block;
	clear:both;
}
#kyotakuHeader .headerFontsizeTit{
	float:left;
	color:#274128;
	font-size:16px;
	margin-top:12px;
	margin-right:10px;
}
#kyotakuHeader .headerFontsize ul#fontSize {
	*zoom: 1; /*forIE6,7*/
	margin-bottom: 10px;
}
#kyotakuHeader .headerFontsize ul#fontSize:after {
	content: "";
	display: block;
	clear: both; 
}
#kyotakuHeader .headerFontsize ul#fontSize li {
	background-color: #80b83a;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:8px;
	cursor:pointer;
	display:inline-block;
}
#kyotakuHeader .headerFontsize ul#fontSize li a {
}
#kyotakuHeader .headerFontsize ul#fontSize li:hover {
	background-color: #015f15;
}
#kyotakuHeader .headerFontsize ul#fontSize li.active {
	background-color: #015f15;
}
#kyotakuHeader .headerFontsize ul#fontSize li.active:hover {
	background-color: #015f15;
}



#kyotakuHeader02{
	width:1150px;
	margin:0 auto;
	padding:20px 0;
}
#kyotakuHeader02:after{
	content:"";
	display:block;
	clear:both;
}
#kyotakuHeader02 .kyotakuHeader02Tit{
	float:left;
}
#kyotakuHeader02 .kyotakuHeader02Tit01{
	font-size:12px;
	color:#333;
}
#kyotakuHeader02 .kyotakuHeader02Tit02{
	font-size:35px;
	font-weight:bold;
	color:#636;
}
#kyotakuHeader02 .kyotakuHeader02Tel{
	float:right;
}



/* ----------------------------------------------------------
 7 - フッター
---------------------------------------------------------- */


/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi
---------------------------------------------------------- */

/* ----------------------------------------------------------
 9 - ローカルナビゲーションlNavi
---------------------------------------------------------- */

#kyotakulNavi{
	float:left;
	width:180px;
	margin-right:40px;
}

#kyotakulNavi nav{
}

#kyotakulNavi ul{
	border-top:1px solid #ccc;
	margin-bottom:20px;
}
#kyotakulNavi ul li{
}
#kyotakulNavi ul li a{
	text-decoration:none;
	padding:23px 0 20px 30px;
	display:block;
	background:url(../images/ico_arrow01.png) no-repeat 0 24px;
	font-size:17px;
	border-bottom:1px solid #ccc;
	line-height:1.6em;
}
#kyotakulNavi ul li a:hover{
	color:#636;
	background:url(../images/ico_arrow01.png) no-repeat 0 24px #fff;
}

#kyotakulNavi ul li a{
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

#kyotakulNavi .lNaviBtn{
	overflow:hidden;
	margin-bottom:20px;
}

/* ----------------------------------------------------------
 10 - コンテンツ
---------------------------------------------------------- */

/************** トップページ **************/

#topImgWrap{
	width:1250px;
	margin:0 auto;
}

#contents .kyotakuSec{
	width:830px;
	overflow:hidden;
	margin:0 auto 80px auto;
}
#contents .kyotakuSec:after{
	content:"";
	display:block;
	clear:both;
}

#contents .kyotakuSecTxt{
}
#contents .kyotakuSec01Wrap{
	overflow:hidden;
	margin-right:-30px;
}
#contents .kyotakuSec01{
	float:left;
	width:400px;
	height:530px;
	margin-right:30px;
}
#contents .kyotakuSec01Tit{
	border-top:2px solid #636;
	border-bottom:1px solid #636;
	color:#b379b3;
	font-size:21px;
	font-weight:bold;
	padding:15px 0;
	margin-bottom:10px;
}
#contents .kyotakuSec01Img{
	margin-bottom:10px;
}
#contents .kyotakuSec01Txt{
}

#contents .kyotakuSec02{
	border:2px solid #636;
	border-radius:5px;
}
#contents .kyotakuSec02:after{
	content:"";
	display:block;
	clear:both;
}
#contents .kyotakuSec02Tit{
	float:left;
	background:#636;
	padding:20px;
}
#contents .kyotakuSec02Tit01{
	font-size:25px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
}
#contents .kyotakuSec02Txt01{
	color:#fff;
	font-size:16px;
	line-height:1.6em;
}
#contents .kyotakuSec02Tel{
	float:left;
	padding:20px;
}
#contents .kyotakuSec02Tel01{
	margin-bottom:10px;
}
#contents .kyotakuSec02Txt02{
	font-size:17px;
	line-height:1.6em;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------SPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSP
 SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS
SPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSP ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:640px){

.PC{ display:none; }
.SP{ display: block; }

img{ max-width:100%; height:auto;}

body{
}

/* ----------------------------------------------------------
 3 - 見出し SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS
---------------------------------------------------------- */

h2{ width:90%; background:#f4ecf4 url(../images/h2.png) no-repeat 10px 6px; font-size:18px; color:#636; border:1px solid #ccc; letter-spacing:1px; padding:12px 0 10px 20px; margin-bottom:20px; margin-left:auto; margin-right:auto; margin-top:10px; }


/* ----------------------------------------------------------
 6 - ヘッダー SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS
---------------------------------------------------------- */
header {
	background:#faf7fa;
}
#kyotakuHeader{
	display:none;
}

#kyotakuHeader02{
	width:100%;
	margin:0 auto;
	padding:10px 0;
}
#kyotakuHeader02:after{
	content:"";
	display:block;
	clear:both;
}
#kyotakuHeader02 .kyotakuHeader02Tit{
	float:none;
}
#kyotakuHeader02 .kyotakuHeader02Tit01{
	font-size:10px;
	color:#333;
	text-align:center;
}
#kyotakuHeader02 .kyotakuHeader02Tit02{
	font-size:23px;
	font-weight:bold;
	color:#636;
	text-align:center;
}
#kyotakuHeader02 .kyotakuHeader02Tel{
	display:none;
}


/* ----------------------------------------------------------
 7 - フッター SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS
---------------------------------------------------------- */


/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS
---------------------------------------------------------- */

/* ----------------------------------------------------------
 9 - ローカルナビゲーションlNavi SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS
---------------------------------------------------------- */

#kyotakulNavi{
	display:none;
}


/* ----------------------------------------------------------
 10 - コンテンツ SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS
---------------------------------------------------------- */

#contents {
	overflow:hidden;
	width: 100%;
	height:auto;
	margin: 0 auto;
}

#contents:after {
	content: "";
	display: block;
	clear: both;
}


#breadcrumbs{
	display:none;
}

#main{
	float:none;
	width:90%;
	background:#fff;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	padding-top:5px;
}

/************** トップページ SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS SP CSS **************/

#topImgWrap{
	width:100%;
	margin:0 auto;
}

#contents .kyotakuSec{
	width:90%;
	overflow:hidden;
	margin:0 auto 40px auto;
}
#contents .kyotakuSec:after{
	content:"";
	display:block;
	clear:both;
}

#contents .kyotakuSecTxt{
	font-size:14px;
}
#contents .kyotakuSec01Wrap{
	overflow:hidden;
	margin-right:0;
}
#contents .kyotakuSec01{
	float:none;
	width:100%;
	height:auto;
	margin-right:0;
	margin-bottom:40px;
}
#contents .kyotakuSec01Tit{
	border-top:2px solid #636;
	border-bottom:1px solid #636;
	color:#b379b3;
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
	margin-bottom:10px;
}
#contents .kyotakuSec01Img{
	margin-bottom:10px;
}
#contents .kyotakuSec01Txt{
	font-size:14px;
}

#contents .kyotakuSec02{
	width:98%;
	margin:0 auto;
	border:2px solid #636;
	border-radius:5px;
}
#contents .kyotakuSec02:after{
	content:"";
	display:block;
	clear:both;
}
#contents .kyotakuSec02Tit{
	float:none;
	width:100%;
	margin:0 auto;
	background:#636;
	padding:10px;
}
#contents .kyotakuSec02Tit01{
	font-size:25px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
}
#contents .kyotakuSec02Txt01{
	color:#fff;
	font-size:14px;
	line-height:1.6em;
}
#contents .kyotakuSec02Tel{
	float:none;
	width:100%;
	margin:0 auto;
	padding:10px;
}
#contents .kyotakuSec02Tel01{
	margin-bottom:10px;
	text-align:center;
}
#contents .kyotakuSec02Txt02{
	font-size:14px;
	line-height:1.6em;
	text-align:center;
}


/* footer SP */
#wrapper .mainFooterSecBlog a {
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:15px 0;
	background-color:#636;
	border:1px solid #636;
	text-align:center;
	text-decoration:none;
}


}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ TABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTAB
 TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS
TABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTABTAB ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:641px) and (max-width:1024px){

.PC{ display:none; }
.TAB{ display:block; }

img{ max-width:100%; height:auto;}


/* ----------------------------------------------------------
 3 - 見出し TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS
---------------------------------------------------------- */

h2{ width:96%; background:#f4ecf4 url(../images/h2.png) no-repeat 10px 6px; font-size:23px; color:#636; border:1px solid #ccc; letter-spacing:1px; padding:17px 0 15px 30px; margin-bottom:30px; margin-left:auto; margin-right:auto; margin-top:10px; }


/* ----------------------------------------------------------
 6 - ヘッダー TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS
---------------------------------------------------------- */

header {
	background:#faf7fa;
}
#kyotakuHeader{
	display:none;
}



#kyotakuHeader02{
	width:100%;
	margin:0 auto;
	padding:10px 0;
}
#kyotakuHeader02:after{
	content:"";
	display:block;
	clear:both;
}
#kyotakuHeader02 .kyotakuHeader02Tit{
	float:none;
}
#kyotakuHeader02 .kyotakuHeader02Tit01{
	font-size:12px;
	color:#333;
	text-align:center;
}
#kyotakuHeader02 .kyotakuHeader02Tit02{
	font-size:25px;
	font-weight:bold;
	color:#636;
	text-align:center;
}
#kyotakuHeader02 .kyotakuHeader02Tel{
	display:none;
}

/* ----------------------------------------------------------
 7 - フッター TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS
---------------------------------------------------------- */

/* ----------------------------------------------------------
 8 - グローバルナビゲーションgNavi TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS
---------------------------------------------------------- */


/* ----------------------------------------- -----------------
 9 - ローカルナビゲーションlNavi TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS
---------------------------------------------------------- */

#kyotakulNavi{
	display:none;
}

/* ----------------------------------------------------------
 10 - コンテンツ TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS
---------------------------------------------------------- */
#contents {
	overflow:hidden;
	width: 100%;
	height:auto;
	margin: 0 auto;
}

#contents:after {
	content: "";
	display: block;
	clear: both;
}


#breadcrumbs{
	font-size:12px;
	padding:10px 0;
}
#breadcrumbs:after{
	content:"";
	display:block;
	clear:both;
}

#breadcrumbs ol.breadcrumb {
	width:90%;
	margin:0 auto;
	list-style-type: none;
}
#breadcrumbs ol.breadcrumb li {
	display: inline;
	margin-right:5px;
}
#breadcrumbs ol.breadcrumb li::before {
	content: '\00bb';
	margin-right:10px;
}
#breadcrumbs ol.breadcrumb li:first-child:before {
	content: '';
}

#breadcrumbs a {
	text-decoration: none;
	color: #666;
}

#breadcrumbs a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #80b83a;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}


#main{
	float:none;
	width:90%;
	background:#fff;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	padding-top:10px;
	padding-bottom:10px;
}

/************** トップページ TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS TAB CSS **************/

#topImgWrap{
	width:100%;
	height:auto;
	margin:0 auto;
}

#contents .kyotakuSec{
	width:90%;
	overflow:hidden;
	margin:0 auto 40px auto;
}
#contents .kyotakuSec:after{
	content:"";
	display:block;
	clear:both;
}

#contents .kyotakuSecTxt{
	font-size:14px;
}
#contents .kyotakuSec01Wrap{
	overflow:hidden;
	margin-right:-2%;
}
#contents .kyotakuSec01{
	float:left;
	width:48%;
	height:auto;
	margin-right:2%;
	margin-bottom:40px;
}
#contents .kyotakuSec01Tit{
	border-top:2px solid #636;
	border-bottom:1px solid #636;
	color:#b379b3;
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
	margin-bottom:10px;
}
#contents .kyotakuSec01Img{
	margin-bottom:10px;
}
#contents .kyotakuSec01Txt{
	font-size:14px;
}

#contents .kyotakuSec02{
	width:90%;
	margin:0 auto;
	border:2px solid #636;
	border-radius:5px;
	margin-bottom:20px;
}
#contents .kyotakuSec02:after{
	content:"";
	display:block;
	clear:both;
}
#contents .kyotakuSec02Tit{
	float:none;
	width:100%;
	background:#636;
	padding:20px;
}
#contents .kyotakuSec02Tit01{
	font-size:25px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	text-align:center;
}
#contents .kyotakuSec02Txt01{
	color:#fff;
	font-size:16px;
	line-height:1.6em;
	text-align:center;
}
#contents .kyotakuSec02Tel{
	float:none;
	width:100%;
	padding:20px;
}
#contents .kyotakuSec02Tel01{
	margin-bottom:10px;
	text-align:center;
}
#contents .kyotakuSec02Txt02{
	font-size:17px;
	line-height:1.6em;
	text-align:center;
}


/* footer TAB */
#wrapper .mainFooterSecBlog a {
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:15px 0;
	background-color:#636;
	border:1px solid #636;
	text-align:center;
	text-decoration:none;
}



}