﻿@charset "utf-8";

/* =========================================================
■Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	text-align: left;
	list-style:none;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }

/* =========================================================
■body
========================================================= */
body {
	margin: 0;
	padding: 0;
	background:#FFF;
	color: #333;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 86%;
	text-align: center;
	line-height:160%;
	letter-spacing:1px;
}

a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#33cb98;
	text-decoration:underline;
}

/*---▼レスポンシブ対応ここから-------*/
body {
	-webkit-text-size-adjust:100%;
}
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
img{
	max-width:100%;
	height:auto;
}
/*---▲レスポンシブ対応ここまで-------*/


/* =========================================================
■container
========================================================= */
#container {
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
#content {
	width:710px;
	float:right;
	overflow:hidden;
}
#side {
	width:220px;
	float:left;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

/* =========================================================
■header 
========================================================= */
header {
	overflow:hidden;
	position:relative;
	padding-top:5px;
	margin-bottom:10px;
}
h1#houjin a {
	float:left;
	width:500px;
	height:45px;
	background:url(../img/header.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
header ul {
	position:absolute;
	bottom:5px;
	right:0;
}
header ul li {
	float:left;
	margin-left:10px;
	width:138px;
	height:26px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
header ul li a {
	display:block;
}
.m1 {
	background: url(../img/houjin.jpg) no-repeat;
}
.m2 {
	background:url(../img/houjin2.jpg) no-repeat;
}

/* =========================================================
■side 
========================================================= */
h1#title a {
	display:block;
	height:70px;
	background:url(../img/title.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#side p {
	border-top:#777 solid 1px;
	border-bottom:#777 solid 1px;
	margin:10px 0;
	padding:10px 0 5px;
}
#side p span {
	display:block;
	padding-left:30px;
	margin-bottom:5px;
}
.address {
	font-size:84%;
	background:url(../img/address.jpg) left 4px no-repeat;
	line-height:140%;
}
.tel {
	font-size:120%;
	background:url(../img/tel.jpg) left 2px no-repeat;
}
.mail {
	font-size:84%;
	background: url(../img/mail.jpg) left 2px no-repeat;
}

/*メニュー：施設について*/
#menu_nav {
	margin-bottom:10px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#menu_nav h2 {
	height:45px;
	background:url(../img/menu.jpg) no-repeat;	
}
#menu_nav li {	
	width:220px;
	height:43px;
}
#menu_nav li a{
	display:block;
	height:43px;
}
li#top       { background:url(../img/menu.jpg) 0 -45px;}
li#outline   { background:url(../img/menu.jpg) 0 -88px;}
li#history   { background:url(../img/menu.jpg) 0 -131px;}
li#inside    { background:url(../img/menu.jpg) 0 -174px;}
li#publicity { background:url(../img/menu.jpg) 0 -217px;}
li#location  { height:49px; background:url(../img/menu.jpg) 0 -260px;}

li#top a:hover,li#top_on              { background:url(../img/menu_on.jpg) 0 -45px;}
li#outline a:hover,li#outline_on      { background:url(../img/menu_on.jpg) 0 -88px;}
li#history a:hover, li#history_on     { background:url(../img/menu_on.jpg) 0 -131px;}
li#inside a:hover, li#inside_on       { background:url(../img/menu_on.jpg) 0 -174px;}
li#publicity a:hover, li#publicity_on { background:url(../img/menu_on.jpg) 0 -217px;}
li#location a:hover, li#location_on   { height:49px; background:url(../img/menu_on.jpg) 0 -260px;}

/*メニュー：サービスのご案内*/
#welfare_nav h2{
	margin: 0 2px 0 0;
	padding: 10px 0 8px 40px;
	font-size: 17px;
	color: #fff;
	border-bottom: #000 solid 2px;
	border-radius: 5px 5px 0 0;
	box-shadow: 2px 2px 2px 0 rgba(51, 51, 51, 0.3);
	background: #9e9e9e;
	position: relative;
}
#welfare_nav h2::before{
	content: '';
	width: 25px;
	height: 10px;
	margin: -5px 0 0 0;
	background:  #33cb98;
	position: absolute;
	top: 50%;
	left: 0;
}
#welfare_nav ul{
	margin: 0 2px 0 0;
	padding: 5px;
	border-radius: 0 0 5px 5px;
	box-shadow: 2px 2px 2px 0 rgba(51, 51, 51, 0.2);
	background: #eee;
}	
#welfare_nav li{
	border-left: #ccc solid 1px;
	border-right: #ccc solid 1px;
	border-bottom: #333 dashed 1px;
	background: #fff;
}
#welfare_nav li:last-child{
	border-top: #333 dashed 1px;
	border-bottom: #ccc solid 1px;
}
#welfare_nav a{
	width: 206px;
	padding: 8px 3px 6px 25px;
	color: #765c47;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	position: relative;
}
#welfare_nav li.nav_welfare03 a{
	padding-left: 50px;
}
#welfare_nav a:hover{
	padding: 8px 3px 6px 30px;
	text-decoration: none;
	background: #e0f7ef;
}
#welfare_nav li.nav_welfare03 a:hover{
	padding-left: 55px;
}
#welfare_nav a::before{
	content: '';
	width: 5px;
	height: 5px;
	margin: -4px 0 0 8px;
	border-top: solid 2px #33cb98;
	border-right: solid 2px #33cb98;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
}
#welfare_nav a:hover::before{
	margin: -4px 0 0 13px;
}
#welfare_nav li.nav_welfare03 a::before{
	margin-left: 30px;
}
#welfare_nav li.nav_welfare03 a::after{
	content: '';
	width: 10px;
	height: 1px;
	margin: -1px 0 0 26px;
	background: #33cb98;
	position: absolute;
	top: 50%;
	left: 0;
}
#welfare_nav li.nav_welfare03 a:hover::before{
	margin-left: 35px;
}
#welfare_nav li.nav_welfare03 a:hover::after{
	margin-left: 31px;
}
#welfare_nav .welfare_nav_on a{
	padding: 8px 3px 6px 30px;
	color: #33cb98;
	background: #e0f7ef;
}
#welfare_nav .welfare_nav_on a::before{
	margin: -4px 0 0 13px;
}
#welfare_nav li.border-none{
	border-bottom: none;
}

/* =========================================================
■title
========================================================= */
h2.sub_top {
	margin:0 0 20px 0;
}
h3.menu_bar {
	font-size:16px;
	color:#33cb98;
	font-weight:normal;
	background:url(../img/icon.jpg) 0 center no-repeat;
	padding-left:20px;
	margin:0 10px;
}
.textbox {
	_margin:0 10px;
	padding:10px;
	margin-bottom:20px;
	overflow:hidden;
}


/* =========================================================
■footer
========================================================= */
footer {
	clear:both;
	overflow:hidden;
	background:#eee;
	font-size:92%;
}
footer nav {
	width:950px;
	margin:0 auto;
	padding:10px 0 10px 30px;
	overflow:hidden;
	position:relative;
}
footer nav li {
	float:left;
	padding:0 15px;
	border-right:1px solid #bbb;
}
footer nav li a {
	display:block;
}
.b_none {
	border-right:none;
}
#pege_top {
	position:absolute;
	top:8px;
	right:0;
}
#pege_top a {
	display:block;
	height:28px;
	padding:5px 0 0 34px;
	background:url(../img/pagetop.jpg) no-repeat;
}
#pege_top a:hover {
	color:#33cb98;
}
#copyright {
	font-size:86%;
	text-align:center;
	border-top:#33cb98 solid 2px;
	padding:7px 0 5px 0;
	
}


/*****************************************************
                menu
*****************************************************/

/*--------------1(施設の概要)----------------*/
.table_box{/*複数使用*/
	border-collapse:collapse;
}
.table_box th{
	width:150px;
	font-weight:normal;
    background:#e0f7ef;
	border-top:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
	padding:6px 4px 3px 6px;
	text-align:center;
}
.table_box th.right{
	width:150px;
    background:#f0f7e0;
	border-top:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
	padding:6px 30px 3px 6px;
	text-align:right;
}
.table_box td{
	padding:6px 4px 3px 6px;
	width:656px;
	border-top:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
}
/*--------------1(職員体制)----------------*/
.black{
	border-collapse:collapse;
}
.black th{
	background:#494529;
	border:#aaaaaa solid 1px;
	text-align:center;
	color:#FFFFFF;
	padding:6px 0px 3px 0px;
	font-weight:bold;
}
.black td{
	padding:6px 0px 3px 10px;
	border:#aaaaaa solid 1px;
}
.black td.right10 {
	text-align:right;
	padding-right:10px;
}    
ul.square {
    margin:0 0 0 20px;
	line-height:160%;
}
ul.square li {
    list-style-type:square;
}
/*--------------2----------------*/
.unei_box li{
	padding:0 0 4px 0;
	margin-left:25px;
	list-style-type:decimal;
}
/*--------------3(館内写真)----------------*/
.foto_box_left{
	float:left;
	width:330px;
	overflow:hidden;
}
.foto_box_right{
	float:right;
	width:330px;
	overflow:hidden;
}
.foto_bg1{
	margin:0 0 10px 0;
	padding:8px 0 0 0;
	background:url(../img/m3_bg1.jpg) left top no-repeat;
}
.foto_bg2{
	padding:0 0 10px 0;
	background:url(../img/m3_bg3.jpg) left bottom no-repeat;
	_height:20px;
}
.foto_bg3{
	padding:0 5px;
	background:url(../img/m3_bg2.jpg) left top repeat-y;
}
.foto_dl{
	font-size:90%;
}
.foto_dl dd{
	padding:8px 4px 4px;
	height:40px;
	overflow-y:auto;
}

.publicity_tbl td{
	padding-right:4px;
}

.publicity_dl{
	padding: 0 0 0 4px;
}
.publicity_dl dt{
	text-align:center;
}
.publicity_dl dd{
	text-align:center;
	font-size:11px;
	padding:0 0 16px 0;
	
}
/*--------------5(アルバム)----------------*/
h4.mk {
	margin:0 0 0.5em 0;
	padding-left:6px;
    border-left: #33cb98 solid 6px;
}

/*****************************************************
                welfare
*****************************************************/

/*--------------1----------------*/
.price_box{
    width:690px;
	margin:10px 0 0 0;
	border-collapse:collapse;
	font-size:82%;
}
.price_box_title{
	text-align:left;
}
.price_box th{
    padding:6px 0px 3px 0px;
    background:#494529;
	border:#999999 solid 1px;
	text-align:center;
	color:#ffffff;
	/*width: 80px;*/
}
.price_box th.left{
	width: 258px;

    padding:6px 2px 3px 6px;
    background:#f3f3f3;
	border:#999999 solid 1px;
	text-align:left;
	color:#333333;
}
.price_box th.left2{
    padding:6px 2px 3px 6px;
    background:#494529;
	border:#999999 solid 1px;
	text-align:center;
	color:#ffffff;
	width:160px;
}
.price_box td{
    padding:6px 0px 3px 0px;
	border:#999999 solid 1px;
	text-align:center;
}
/*--------------2----------------*/

/* サービス内容 */
h4.service {
	margin:4px 0 4px 0;
	padding:4px 0 6px 30px;
	background:url(../img/mark_service.jpg) left top no-repeat;
	border-bottom:#999999 dashed 1px;
	color: #3398cc;
	font-weight:bold;
}
.service_con {
	padding:4px 1em 2em 1em;
}
.service_ol {
    margin-bottom:2em;
}
.service_ol li {
	padding:4px 0 0 0;
	margin-left: 1em;
}
.pink {
	color:#ff6666;
	font-weight:bold;
}
/*--------------3----------------*/
.service_ul {
    margin-bottom:2em;
}
	
.service_ul li{
	padding:4px 0 0 0;
	margin-left: 40px;
	list-style-type:decimal;
	text-align:justify;
 	text-justify:inter-ideograph;
	line-height:140%;
}
/*--------------4----------------*/
gh_ch_text{
	vertical-align:top;
	padding:10px 4px 0 2px;
}
.gh_ch_table {
	padding:0;
	margin:0 auto;
	border-collapse:collapse;
}
.gh_ch_table th {
	padding:6px;
	vertical-align:top;
}
.gh_ch_table td {
	padding:0 4px;
	vertical-align:top;
	text-align:center;
}
.font_s1 {
	font-size:12px;
	display:block;
	text-align:center;
	color: #66a8c0;
	font-weight:bold;
}
.font_s2 {
	font-size:12px;
	display:block;
	text-align:center;
	color: #ff6969;
	font-weight:bold;
}
/*テーブル（左）*/
.gaiyo_left{
	padding:20px 0 10px 0;
	float:left;
	width:340px;
	overflow:hidden;
}
.gaiyo_left_box_b{
	margin: 0 0 0 0;
	width:320px;
	border:#dbeef3 dashed 3px;
	overflow:hidden;
}
.gaiyo_left_box_p{
	margin: 0 0 0 0;
	width:320px;
	border:#ffdcdc dashed 3px;
	overflow:hidden;
}
.blue_table {
	width:300px;
	margin: 10px;
	border-collapse:collapse;
	font-size:85%;
}
.blue_table th{
	background:#dbeef3;
	border:#aaaaaa solid 1px;
    padding:3px 0px 1px 1px;
	text-align:center;
}
.blue_table td{
    padding:3px 0px 1px 6px;
	border:#aaaaaa solid 1px;
}
/*テーブル（右）*/
.gaiyo_right{
	padding:20px 0 10px 0;
	width:340px;
	overflow:hidden;
}
.gaiyo_right_box_p{
	margin: 0;
	width:320px;
	border:#ffdcdc dashed 3px;
}
.gaiyo_right_box_b{
	margin: 0;
	width:320px;
	border:#dbeef3 dashed 3px;
}
.pink_table{
	width:300px;
	margin: 10px;
	border-collapse:collapse;
	font-size:85%;
}
.pink_table th{
	background:#ffdcdc;
	border:#aaaaaa solid 1px;
    padding:3px 0px 1px 1px;
	text-align:center;
}
.pink_table td{
    padding:3px 0px 1px 6px;
	border:#aaaaaa solid 1px;
}
.riyou_text{
	padding:4px 0 10px 42px;
}
.kuzyo_dl dd{
	padding:4px 0 0 40px;
}
/* 医療機関　*/
.border_tbl{
	border-collapse:collapse;
	width:680px;
	border:#aaaaaa dotted 1px;
	margin-bottom:10px;
	font-size: 90%;
}
.border_tbl th{
    width:180px;
	padding:6px 0 3px 10px;
	vertical-align:top;
	background: #f3f3f3;
	border:#aaaaaa dotted 1px;
}
.border_tbl td{
	padding:6px 0 3px 10px;
	vertical-align:top;
	border:#aaaaaa dotted 1px;
}
h4.hos {
	background: url(../img/mk_hos.jpg) left top no-repeat;
    padding: 0 0 0 28px;
	margin-bottom:4px; 
}
h4.home {
	background: url(../img/mk_home.jpg) left top no-repeat;
    padding: 0 0 0 28px;
	margin-left: 70px;
	margin-bottom:4px;
	font-weight:bold; 
}
/* 苦情解決 */
.kakko1 {
	margin-bottom:0.5em;
}
.kakko2 {
	margin:0 0 1em 3em;
}
/* サービス内容 */
table.service_tbl {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
	font-size:90%;
	border:#aaaaaa 1px solid;
}
table.service_tbl_gh {
	margin-bottom:0;
}
table.service_tbl_gh td.service_tbl_td3 {
	width:120px;
    background:#ffdcdc;
	padding:4px 10px 2px 10px;
	text-align:center;	
	border-bottom: none;
}

table.service_tbl th {
	background:#494529;
	border-left:#fff 1px dotted;
	text-align:center;
	padding:4px 0 2px 0;
	color:#fff;
}
table.service_tbl td {
	border-bottom:#aaaaaa 1px solid;
	padding:4px 10px 2px 10px;
}
table.service_tbl td.service_tbl_td2 {
	width:120px;
    background:#dbeef3;
	padding:4px 10px 2px 10px;
	text-align:center;
}
table.service_tbl td.service_tbl_td3 {
	width:120px;
    background:#ffdcdc;
	padding:4px 10px 2px 10px;
	text-align:center;
}
.bg_f3 {
	background:#f3f3f3;
	font-weight:bold;
}
.line_dot {
	border-right:#aaaaaa dotted 1px;
}

/*****************************************************
                共通
*****************************************************/
.text_box01{
	padding:10px 20px 30px 10px;
	text-align:justify;
 	text-justify:inter-ideograph;
	line-height:140%;
}
.cap {
    padding:0 0 0.5em 0;
}
dl.type_mk_01 {
	clear:both;
	margin:0 0 0.5em 0;
	padding:0;
}
.mk_01 dt{
	float:left;
	margin:0;
	padding:0;
	width:3em;
}
.mk_01 dd{
	margin:0 0 0 3em;
	padding:0;
}
.type_mk_01 dt{
	float:left;
	margin:0 0 1em 0;
	padding:0;
	width:1.5em;
}
.type_mk_01 dd{
	margin:0 0 1em 1.5em;
	padding:0;
}

#top_img {
	margin:0;
	padding:0 0 10px 0;
}
.sub_top {
	text-align:left;
	padding:0 0 20px 0;
}
.menu_bar {
	clear:both;
	margin:0 20px 0 10px;
	padding:0 0 0 20px;
	letter-spacing:1px;
	font-size:16px;
	color:#33cb98;/*  #48A0D0  #5BADD2  #9acb34 */
	background: url(../img/icon.jpg) left center no-repeat;
}
.td_right {
	text-align:right;
}
.td_center{
	text-align:center;
}
.text_right{
	text-align:right;
	margin-right:40px;
}
.text_center{
	text-align:center;
}
.text_justify{
	text-align:justify;
 	text-justify:inter-ideograph;
	line-height:130%; 
}
.p_title {
	margin:0;
	padding:0 0 4px 0.5em;
}
.p_text_box {
	margin:0;
	padding:0 0 1em 3.5em;
}

ul.type_decimal {	
	margin:0;
	padding:10px 0px;
}
ul.type_decimal li {
	list-style:decimal;
	list-style-position: outside;
	margin:0 1em 0.5em 3em;
}
ul.type_disc {	
	margin:0;
	padding:10px 10px;
}
ul.type_disc li {
	list-style:disc;
	list-style-position:outside;
	margin:0 1em 0.5em 10px;
	padding:0;
}
ul.ul_normal {	
	margin:0;
	padding:0px 0px 10px;
}
ul.ul_normal li {
	margin:0 0 0.5em 1em;
	padding:0;
}
.dl_type2 {
	margin:1em 0 1em 1em;
}
.dl_type2 dt{
	margin:0 0 0.5em 0;
}
.dl_type2 dd{
	margin:0 0 0.5em 2em;
}
.font_size13{
	font-size:13px;
}
.width680{
	width:680px;
}
.width660{
	width:660px;
}
.width440{
	width:440px;
}
.width380{
	width:380px;
}
.width360{
	width:360px;
}
.width320{
	width:320px;
}
.width280{
	width:280px;
}
.width260{
	width:260px;
}
.width245{
	width:245px;
}
.width216{
	width:216px;
}
.width200{
	width:200px;
}
.width202{
	width:202px;
}
.width180{
	width:180px;
}

.width164{
	width:164px;
}
.width160{
	width:160px;
}
.width150{
	width:150px;
}
.width144{
	width:144px;
}
.width143{
	width:143px;
}
.width140{
	width:140px;
}
.width132{
	width:132px;
}
.width120{
	width:120px;
}
.width112{
	width:112px;
}
.width100{
	width:100px;
}
.width80{
	width:80px;
}
.width92{
	width:92px;
}
.text_indent {
	margin:0 0 0 3em;
}

.text_indent1 {
	margin:0 0 1em 1em;
}
.text_indent2 {
	margin:0 0 1em 1.5em;
}
.text_p {
	margin:0;
	padding:0 0 1em 0;
}
.text_p_in {
	margin:0;
	padding:0 0 0.5em 0;
}
.text_p_box {
	margin:0;
	padding:0 1em 0.5em;
}
.bg_22{
	background-color:#fff0f0;
}
.bg_grey{
	background-color:#EFEFEF;
}
.bg_pink01{
	background-color:#fcd5b4;
}
.pdf_mk {
	background:url(../img/pdf.jpg) right top no-repeat;
	margin:0;
	padding:0 20px 0 0;
}
.padding10{
	padding:10px 0 0 0;
}
.padding20{
	padding:20px 0 0 0;
}
.pad10{
	padding:10px 10px 0 10px;
}
