@charset "UTF-8";
/* CSS Document */
.clearfix {
min-height: 1px;
overflow:hidden;
}
/* ==============================================================
サイト全体
============================================================== */
html {
margin:			0;
padding:		0;
overflow-y:		scroll;
-moz-text-size-adjust:		none;/* スマホ文字サイズ自動調整 */
-webkit-text-size-adjust:	100%;
}
*{
margin:				0;
padding:			0;
box-sizing:			border-box;	/* ボックスサイズ枠線まで含める */  
-moz-box-sizing:	border-box;
-webkit-box-sizing:	border-box;
}
img{vertical-align:middle;border-style:none;border:0;-webkit-backface-visibility: hidden;image-rendering: -webkit-optimize-contrast;}
body {
margin: 0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
text-align: center;
background-color: #FFFFFF;
color: #444;
overflow: hidden;/*スマホ用*/
background: url(../img/header_bg.jpg) repeat-x;
}
@media only screen and (max-width: 800px) {/* タブレット幅 */
body{
padding:		0;
}
}
@media only screen and (max-width: 600px) {/* スマホ幅 */
body{
padding:		0;
font-size:		0.9em;
background: url(../img/header_back_s.jpg) repeat-x;
}
.none {display:none}
}
.cont{
max-width:980px;
margin:0 auto;
}
@media only screen and (max-width: 800px) {/* タブレット幅 */
.cont{
width: 100%;
padding:0 15px;
}
}
#wrapper {
background: url(../img/header_sen.png) repeat-x top;
}
/* ------------------------------------- */
/* リセット
/* ------------------------------------- */
h1, h2, h3, h4, h5, p, div, dt, dd, dl, img, input, form, ul, li, span {
margin: 0;
padding: 0;
}
/* ------------------------------------- */
/* 画像
/* ------------------------------------- */
img {
border:			0;
}
.resizeimage img {
width: 100%;}
/* ------------------------------------- */
/* 文章
/* ------------------------------------- */
p {
text-align: justify;
}
/* ------------------------------------- */
/* 回りこみ解除
/* ------------------------------------- */
.clear {
clear:			both;
}
html {/*スクロールバーを常に表示*/
overflow-y:scroll;  
}
a img,
ol li img,
li img,
ul li img {/*上揃え*/
vertical-align: top;
text-align:center;
border-style:none;
}
li,ol,ul{/*リストマークを消す*/
margin: 0;
padding: 0;
list-style-type: none;
}
ul ul{
margin-left: 1em;
}
/* ------------------------------------- */
/* 重なり順 設定
/* ------------------------------------- */
.container_g,
header,
#gNav,
#mainVisual,
#afterbg {
position:	relative;
}
/* TOPバナー2つ */
.container_g{
z-index:	1;
}
/* ヘッダー */
#header{
z-index:	100;
}
/* グローバルナビ */
#gNav {
z-index:	10;
}
/* スライド・ページタイトル */
#mainVisual{
z-index:	-1;
}
/* ------------------------------------- */
/*	フロート設定
/* ------------------------------------- */
.tex img.centered,
.tex img.aligncenter,
#message img.centered,
#message img.aligncenter {
display:		block;
margin-left:	auto;
margin-right:	auto;
clear:			none;
}
.tex img.alignright,
#message img.alignright {
margin-left:	20px;
margin-right:	0;
margin-bottom:	20px;
display:		inline;
clear:			none;
}
.tex img.alignleft,
#message img.alignleft {
margin-left:	0;
margin-right:	20px;
margin-bottom:	20px;
display:		inline;
clear:			none;
}
.tex img.alignnone,
#message img.alignnone {
margin-left:	0;
margin-right:	0;
margin-bottom:	10px;
clear:			none;
}
.tex .alignright,
#message .alignright {
float:			right;
}
.tex .alignleft,
#message .alignleft {
float:			left;
}
@media only screen and (max-width: 800px) {/* タブレット幅 */
/*	tex
/* ------------------------------------- */
.tex img.centered,
.tex img.alignright,
.tex img.alignleft,
.tex img.alignnone,
.tex img.aligncenter {
display:		block;
margin-left:	auto;
margin-right:	auto;
clear:			both;
}
.tex .alignright {
float:			none;
}
.tex .alignleft {
float:			none;
}
.tex .aligncenter {
clear:			both;
display:		block;
margin-left:	auto;
margin-right:	auto;
}
}
/*-----------------------------
ギャラリー
------------------------------*/
.gallery {
overflow: hidden;
}
.gallery-item {
float: left;
margin-bottom: 10px;
margin-left: 0;
}
.gallery-icon {
text-align: center;
}
.gallery-caption {
color: #777;
font-size: 0.8em;
line-height:160%;
margin-top: 5px;
text-align: center;
}
[id^="gallery-"] img,
[id*=" gallery-"] img {
border:none !important;
width: 95% !important;
}

/*-----------------------------
↑ここまで
------------------------------*/
/* ==============================================================
メインコンテンツ
============================================================== */
#main {
float: none;
width:100%;
text-align: left;
}
/* ==============================================================
ヘッダー
============================================================== */
header { display:block;}
/* ボックスの上下 */
.header {padding-top: 30px;	padding-bottom: 5px;
height: 110px;}
/* サイト名 -------------------- */
.header-inner h1 a {
text-decoration: none;
float: left;}
.header-inner h1 {
margin: 0;}
@media only screen and (max-width: 800px) {/* タブレット幅 */
.header {padding-top: 30px; padding-bottom: 20px}
.header-inner h1 a img {
width:100%;
max-width:250px;
height: auto;
float: left;
}}
@media only screen and (max-width: 600px) {/* スマホ幅 */
.header {padding-top: 30px; padding-bottom: 8px;
height: 100px;}
}
/* BOX1とBOX2を横に並べる設定 */
.header:after	{content: "";
display: block;
clear: both}
.header_site {float: left; width: auto}
.box2 {float: right; width: auto}
/* topmenu -------------------- */
.box2 {
width: 417px;
height: 52px;
overflow:hidden;
}
@media only screen and (max-width: 600px) {/* スマホ幅 */
.box2{
display:none;
}}
.box2 ul {
line-height: 0px;
}
.box2 ul li,
.box2 ul li a {
text-decoration: none;
font-size: 9px;
text-indent: -9999px;
display: block;
height: 52px;
outline:none;
}
li.tm01 {
width: 242px;
float: left;
}
li.tm02 {
width: 175px;
float: left;
}
li.tm01 {
background: url(../img/menu_top.png) no-repeat 0px 0px;
}
li.tm02 a {
background: url(../img/menu_top.png) no-repeat -242px 0px;
}
li.tm02 a:hover {
background-position: -242px -52px;
}
@media only screen and (max-width: 800px) {/* タブレット幅 */
.box2 {
width: 321px;
height: 40px;
margin-top: 10px;
}
.box2 ul li,
.box2 ul li a {
height: 40px;
}
li.tm01 {
width: 190px;
}
li.tm02 {
width: 131px;
}
li.tm01 {
background: url(../img/menu_top_s.png) no-repeat 0px 0px;
}
li.tm02 a {
background: url(../img/menu_top_s.png) no-repeat -190px 0px;
}
li.tm02 a:hover {
background-position: -190px -40px;
}
}
/*header_tel,sdgs 2021 -------------------- */
.box2021 img{
margin:5px 0 0 0;
float: right;
height:auto
}
@media only screen and (max-width: 980px) {
.box2021 img{
width:450px;
}}
@media only screen and (max-width: 800px) {
.box2021 img{
margin:10px 0 0 0;
width:380px;
}}
@media only screen and (max-width: 700px) {
.box2021 img{
width:300px;
}}
@media only screen and (max-width: 600px) {
.box2021 img{
display:none;
}}
/* ------------------------------------- */
/*	 saidbanner
/* ------------------------------------- */
.r_box {
width:100%;
margin: 0 0 20px 0;
}
.banner {
margin: 0px auto;
}
.b01 img,
.b02 img,
.b03 img,
.b04 img,
.b05 img{
width:100%;
}
.b01 span,
.b02 span,
.b03 span,
.b04 span,
.b05 span{
display: none;
height: auto;
}
.b03 img,
.b05 img {
margin: 10px 0px 0px 0px;
}
.b04 img {
margin: 5px 0px 0px 0px;
}
@media screen and (min-width: 480px) {
.banner {
width:240px;
}
.b01 img,
.b02 img,
.b03 img,
.b04 img,
.b05 img {
width:240px;
}}
@media screen and (min-width: 768px) {
/* banner
---------------------------------------------------- */
.banner {
width:240px;
float:right;
overflow:hidden;
margin: 10px 0 20px 0;
}
.b01 a,
.b02 a,
.b03 a,
.b04 a,
.b05 a {
text-decoration: none;
display: block;
overflow:hidden;
outline:none;
width: 240px;
}
.b01 a img,
.b02 a img,
.b03 a img,
.b04 a img,
.b05 a img {
display: none;
}
.b01 a {
height: 111px;
background: url(../img/top/banner.png) no-repeat 0px 0px;
}
.b02 a {
height: 111px;
background: url(../img/top/banner.png) no-repeat 0px -111px;
}
.b03 a {
height: 100px;
margin: 10px 0 0 0;
background: url(../img/top/banner_03.jpg) no-repeat 0px 0px;
}
.b04 a {
height: 106px;
margin: 5px 0 0 0;
background: url(../img/top/banner_04.png) no-repeat 0px 0px;
}
.b05 a {
height: 100px;
margin: 10px 0 0 0;
background: url(../img/top/banner_05.jpg) no-repeat 0px 0px;
}

.b01 a:hover {
background: url(../img/top/banner.png) no-repeat -240px 0px;
}
.b02 a:hover {
background: url(../img/top/banner.png) no-repeat -240px -111px;
}
.b03 a:hover {
background: url(../img/top/banner_03.jpg) no-repeat -240px 0px;
}
.b04 a:hover {
background: url(../img/top/banner_04.png) no-repeat -240px 0px;
}
.b05 a:hover {
background: url(../img/top/banner_05.jpg) no-repeat -240px 0px;
}}
/* ------------------------------------- */
/*	 施設バナー（サイド）
/* ------------------------------------- */
.button2 {/* 施設バナー */
display: inline-block;
width: 240px;
height: 61px;
text-decoration: none;
outline: none;
margin: 0px 0px 5px 0px;
}
.button2 img,
.button3 img{
width: 240px;
}
/* ==============================================================
フッター
============================================================== */
#footer{
background:url(../img/bg.jpg) repeat;
color:#fff;
padding:30px 0;
margin:0;
text-align: left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media only screen and (max-width: 980px) {
#footer{
text-align:center;
}
}
/*	 footer info
/* ------------------------------------- */
#f_info{
float:left;
color:#fff;
}
#f_info p {
margin:20px 0 5px 0;
font-size:0.8em;
line-height:160%;
}
@media only screen and (max-width: 980px) {
#f_info{
float:none;
}
#f_info p {
text-align:center;
}
}
.f_info-box-1 {
border: solid 1px #fff;/*線色*/
padding: 0.7em;/*文字周りの余白*/
font-size:0.6em;
line-height:140%;
width:255px;
}
@media only screen and (max-width: 980px) {
.f_info-box-1 {
margin: 0 auto;  
}
}
/*	 footer menu
/* ------------------------------------- */
#f_navi{
float:right;
font-size:0.8em;
line-height:170%;
}
#f_navi dl{
float:left;
padding: 0 30px 0 0;
}
#f_navi dl dt:before{
content: "●";
}
#f_navi dl dd{
text-indent: 1em;
}
#f_navi dl dd:before{
content: "└";
}
@media only screen and (max-width: 980px) {
#f_navi{
display:none;
}
}
#f_navi dl dt a,
#f_navi dl dd a {
color:#fff;
text-decoration:none;
}
#f_navi dl dt a:hover ,
#f_navi dl dd a:hover {
text-decoration:underline;
}
/*	 copyright
/* ------------------------------------- */
#copy{
font-size:0.6em;
padding:30px 0 0 0;
text-align:center;
}
@media only screen and (max-width: 600px) {/* スマホ幅 */
#copy{
font-size:0.5em;
letter-spacing:0.1em;
padding:15px 15px 0;
}
}

/* ==============================================================
カテゴリー名表示＋色分け
============================================================== */

.info_box span {
	display: block;
     float: left;
     width: 110px;
     margin: -3px 10px 0px 0;
     padding: 1px 2px;
     text-align: center;
     font-size: 9px;
	color:#fff
}
.info_box span.info_careport,
.info_box span.info { background: #004093;}
.info_box span.info_rehabili { background: #ff6d9a;}
.info_box span.info_hiroba { background: #1ca6d7;}
.info_box span.info_zaitaku { background: #79be00;}
.info_box span.info_kyotaku { background: #248000;}
.info_box span.info_sien { background: #4f5cd7;}
.info_box span.info_yuzunoki { background: #ffa700;}
.info_box span.info_kaigo { background: #6b8e23;}
.info_box span.info-dayservice { background: #ff6c00;}
/* ------------------------------------- */
/*	施設のご紹介
/* ------------------------------------- */
.c{
margin:40px 0 30px 0;
text-align:center;
}
@media only screen and (max-width: 600px) {/* スマホ幅 */
.c{
margin:20px 0 20px 0;
}
.c img{
width:40%;
max-width:130px;
height: auto;
}
}
#bnr_g {
width:100%;
clear:both;
margin: 0 auto;
}
.bnr_g_box {
clear:both;
overflow:hidden;
margin:0 0 0 10px;}
.detail {
width: 23%;
float: left;
overflow:hidden;
margin: 0 1% 15px 1%;	
}
.detail {
white-space: nowrap;
}
@media only screen and (max-width: 960px) {/* 3列 */
#bnr_g{
max-width:750px;
}
.detail {
width: 31%;
margin: 0 1% 10px 1%;	
}
}
@media only screen and (max-width: 600px) {/* 2列 */
#bnr_g{
max-width:500px;
}
.detail {
width: 47%;
margin: 0 0.8% 10px 0.8%;	}
}
@media only screen and (max-width: 480px) {/* スマホ幅 */
#bnr_g{
max-width:100%;
}
.detail {
width: 49%;
margin: 0 1% 5px 0;	}
}
.detail a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
position:relative;top:1px;left:1px;
}