@charset "utf-8";
/* CSS Document */
@media screen and (max-width:960px){
/*共通設定*/
.viewpc {
	display:none;
}
.viewsp {
	display:block;
}



/*共通設定*/
body {
	background-color:#FFF5EC;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1.5em;
}

/*カラー*/
.pink {color: hotpink;}

/*マージン*/
.mb15 {margin-bottom: 15px;}

/*イメージフロート*/
.fr {float: right; margin-left: 5px;}
.fl {float: left; margin-right: 5px;}

/*イメージ角丸*/
.kakumaru {border-radius: 10px;}
/*イメージサイズ*/
.img_adjust{width:100%; height: auto;}

/*バックグラウンドカラー*/
.bg_green {background-color:#679966; }
	
/*１００％幅*/
.scale_100{
	width: 100%;
	height: 100%;
}

/* ヘッダーエリア */
#header {
	width:100%;
	height:90px;
}
#header .inner {
	width:100%;
	margin:0 auto;
	height:67px;
	padding:23px 0 0 0;
}
#header h1 {
	float:left;
	width:200px;
	margin-left: 5px;
}
#header .inner #top_nav ul li {
	float:right;
	display:block;
	padding:0 10px 0 10px;
	border-right:#666 1px solid;
	font-size:14px;
	line-height:1;
}
#header .inner #top_nav ul li a {
	display:block;
	text-decoration:none;
	color:#333;
}

#header .inner #mobilemenu {
	display: block;
	float: right;
	position: relative;
	cursor: pointer;
	margin-right: 5px;
}
#header .inner #mobilemenu ul#mobilemenu_list {
	display: none;
	position: absolute;
	background-color: rgba(255,255,255,1);
	border: 1px solid #99ccff;
	right: 0px;
	top: 42px;
	padding: 0;
	z-index: 100;
}
#header .inner #mobilemenu ul#mobilemenu_list li {
	margin-right: 0;
}
#header .inner #mobilemenu ul#mobilemenu_list li a {
	clear: both;
	display: block;
	width: 250px;
	text-align:center;
	padding:12px;
	color: #333;
	border-bottom:solid 1px #99ccff; 
	text-decoration: none;
}
#header .inner #mobilemenu ul#mobilemenu_list li a:hover {
	background-color: #99ccff;
	color: #fff;
}

/*スマホでの事業所リストと事業所への電話と地図*/
	.button {
		display: flex;
	}
	.item{
		background: #62affb;
		color: #fff;
		margin: 5px;
		padding: 10px;
		width: 48%;
		display: block;
	}
	.item a {
		text-decoration: none;
		color: #fff;
	}
	.item a:visited {
		color: #fff;
	}
	
/* ナビエリア */
#nav {
	clear:both;
	width:100%;
	height:60px;
	background-color:#FFDFBF;
	margin-bottom:30px;
}
#nav .inner {
	width:100%;
	margin:0 auto;
	height:60px;
}
#gnav > li {
	position:relative;
	float:left;
	width:20%;
}
#gnav > li > a {
	display:block;
	text-indent:40px; /*text-indentはli a の後に*/
	color:#000;
	text-decoration:none;
	height:60px;
	line-height:60px;
	display:block;
	font-size:20px;
}
#gnav > li:hover > a {
	background-color:#FFF;
}
/*メインエリア*/
#main {
	width:100%;
}
#main .inner {
	width: 100%;
	margin: 0 auto;
}
#main .inner .contents{
		padding: 10px;
}

/*メインイメージエリア*/
#main_image {
	width: 100%;
	margin-bottom: 30px;
}
#main_image .inner {
	width: 100%;
	margin: 0 auto;
}
#main_image .inner .header_title img {
	width:100%;
	height: auto;
}
#main_image .inner #top_gmap {
	display: none;
	width:auto;
	height:;
}
	
/*ミドルイメージエリア*/
#middle_image {
　　display: none;
	padding: 0;
	width:100%;
	margin-bottom: 30px;
}
#middle_image .inner {
	display: none;
	width: 100px;
	margin: 0 auto;
}
#middle_image2 {
　　display: none;
	padding: 0;
	width:100%;
	margin-bottom: 30px;
}
#middle_image2 .inner {
	display: none;
	width: 100px;
	margin: 0 auto;
}

/*事業所メニュー*/
#main .q_nav h2 {
	text-align: center;
	display: block;
	line-height: 30px;
	height: 30px;
	cursor: pointer;
	background-image:url();
}
#main .q_nav .subs {
	width: 100%;
	height: 100%;
	padding:0px 0 0px 0;
	background-color:#FFF5EC;
	overflow: hidden;
	border: 0;
	border-top: solid 1px #D1BD03;
	border-radius:0;
	background: no-repeat url();
}
#main .q_nav .subs li {
	float:none;
	width: 100%;
}
#main .q_nav .subs li {
	display: block;
	border-bottom: 1px dotted #999;
	width: 100%;
}
#main .q_nav .subs li span {
	display:block;
	text-align: center;
	margin:0;
	line-height: 50px;
	width: 100%;
}
#main .q_nav .subs li a {
	display: block;
	color: #000;
	text-decoration: none;
	border-left:5px solid #39C;
	margin:1px 0;
	text-indent: 30px;
	line-height: 70px;
}
#main .q_nav .subs li.red  a {
	border-left:5px solid #FF5926;
}
#main .q_nav .subs li.green  a {
	border-left:5px solid #00A003;
}
#main .q_nav .subs li a:hover {
	background-color:#fff;
	border-left: 5px solid #D1BD03;
	//text-indent: 6px;
}
/*介護事業共通list*/
#main .q_nav .subs li.kaigokyotsu a {
	text-align: center;
	text-indent: 0px;
	border-left: 5px solid #FFB46A;
	border-right: 5px solid #FFB46A;
}

/*トピックエリア*/
#main .inner .topic {
	margin-top: 30px;
	overflow: hidden;
}
#main .inner .topic section {
	position: relative;
	width: 100%;
	height:100%;
	float: none;
	margin-right: 0px;
	border-top:1px solid #D1BD03;
	border-bottom:0;
	padding: 10px 0;
	text-align: center;
}
#main .inner .topic section h3{
	font-size: 20px;
	color: darkgoldenrod;
}
#main .inner .topic section#muryo{
	margin-right: 0;
	border-bottom:1px solid #D1BD03;
}
#main .inner .topic section:hover{
	background-color:#FFF;
}
#main .inner .topic section a {
	position: absolute;
	top: 0;
	left: 0;;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
/*お知らせエリア*/
#main .inner .info {
	clear: both;
	overflow: hidden;
	margin-top: 30px;
}
#main .inner .info_line {
	width: 100%;
	margin-right:0;
	float:none;
}
#main .inner .info_line h2 {
	border-bottom: solid 1px #D1BD03;
	text-indent:3px;
	padding-bottom: 5px;
	text-align: center;
}
#main .inner .info_line dl {
	border-bottom: solid 1px #D1BD03;
	padding:10px;
	display: block;
	position: relative;
	background-image:none;
}
#main .inner .info_line dl:hover {
	background-color: #fff;
}
#main .inner .info_line dt {
	float: none;
}
#main .inner .info_line dd {
	margin-left: 0em
}
#main .inner .info_line dl a {
	color: #000;
	text-decoration: none;
}
#main .inner .info_line dd.title {
	color:#00698C;
}

#main .inner .info_banner {
	width: 100%;
	float: none;
}
#main .inner .info_banner h2 {
	border-bottom: solid 1px #D1BD03;
	text-indent:3px;
}
#main .inner .info_banner section {
	position: relative;
	width: 100%;
	height: 100%;
	float:none;
	border-bottom:1px solid #D1BD03;
	padding: 10px 0;
	text-align: center;
}
#main .inner .info_banner section h3{
	font-size: 20px;
	color: #336600;
}
#main .inner .info_banner section:hover{
	background-color:#FFF;
}
#main .inner .info_banner section a {
	position: absolute;
	top: 0;
	left: 0;;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

/*ネットワークエリア*/
#main .inner .network {
	margin-bottom: 30px;
	overflow: hidden;
}
#main .inner .network h2 {
	text-align: center;
	background-color: #D1BD03;
	line-height: 40px;
	color: #fff;
}
#main .inner .network section {
	width: 100%;
	height:100%;
	float: none;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top:0px solid #D1BD03;
	border-bottom:1px solid #D1BD03;
	padding: 5px;
	position: relative;
	overflow: hidden;
}
#main .inner .network section.iryo{
	border-color:cornflowerblue;
}
#main .inner .network section.kaigo{
	border-color:darksalmon;
}
#main .inner .network section.kenkyu{
	border-color:#28CB00;
}
#main .inner .network section h3{
	font-size: 20px;
	color: darkgoldenrod;
}
#main .inner .network section h3.iryo{
	color:#00698C;
	/*color: #0003A1;*/
}
#main .inner .network section h3.kaigo{
	color:#ED0051;
}
#main .inner .network section h3.kenkyu{
	color:#00A003;
}
#main .inner .network section.rm0 {
	margin-right: 0;
}
#main .inner .network section:hover{
	background-color:#FFF;
}
#main .inner .network section a {

}
	#main .inner .network section .telmap li {
		float: left;
		display: block;
		width: 49%;
		height: 40px;
		line-height: 40px;;
		text-align: center;
		background-color:#99ccff;
		border-radius: 20px;
	}
	#main .inner .network section .telmap li a {
		display: block;
		height: 40px;
		line-height: 40px;;
		text-align: center;
		background-color:#669acc;
		border-radius: 20px;
		color: #fff;
	}
	#main .inner .network section .telmap li.map a {
		background-color:#679966;
	}
	#main .inner .network section .telmap li a:hover {
		background-color:#ec2529;
	}
	

/*subメニューがあるメインエリア　２コラム*/
#main .inner .sub {
	width:100%;
	margin:0;
	border: 0px solid #99ccff;
	border-radius: 0;
	padding:10px 0;
	float:none;
}
#main .inner .sub .topiclist {
	border-bottom: 1px dotted #999;
	padding: 10px 0;
	color:#2893FF;
	}
#main .inner .sub li {
	width:100%;
	line-height: 70px;
	display: block;
	border-left: solid 0px #99ccff;
	margin-bottom: 1px;
	border-bottom: 1px dotted #999;
}
#main .inner .sub li a {
	display: block;
	text-indent: 30px;
	text-decoration: none;
	border-left: solid 4px #99ccff;
	color: #000000;
}
#main .inner .sub li a:hover {
	background-color: #FFFFFF;
	border-left:solid 4px #D1BD03;
}

#main .inner .main {
	width:100%;
	float:none;
}
#main .inner .main h3.title{
	background-image: url();
	line-height: 50px;
	font-size: 18px;
	text-indent:0px;
	text-align: center;
	color: #3399cc;
	margin-bottom: 15px;
	border-bottom: dotted 1px #999;
}
#main .inner .main ol {
	list-style-type: decimal;
	margin-left: 30px;
}
#main .inner .main ol li {
	margin-bottom: 20px;
}
#main .inner .main ul {
	margin: 0;
}
#main .inner .main ul li {
	text-indent: 0px;
	list-style:none;
	width:100%;
	line-height: 70px;
	display: block;
	border-left: solid 0px #99ccff;
	margin-bottom: 1px;
	border-bottom: 1px dotted #999;
}
#main .inner .main ul li:first-child {
	border-top: 1px dotted #999;
}
#main .inner .main ul li a{
	display: block;
	color: #000;
	display: block;
	text-indent: 30px;
	text-decoration: none;
	border-left: solid 4px #99ccff;
}
#main .inner .main ul li a:hover {
	text-decoration:none;
	background-color: #FFFFFF;
	border-left:solid 4px #D1BD03;
}
	#main .inner .main ul ul li a {
		text-indent: 45px;
	}

	.scroll{
		overflow: auto;　　　　/*tableをスクロールさせる*/
		white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
	}
	
/*フッターエリア*/
#footer {
	clear: both;
	width:100%;
	background-image:url(../images2/footer_bg.png);
	margin-top: 30px;
}
#footer .inner {
	width:100%;
	height:330px;
	margin:0 auto;
	background-image:url(../images2/footer_inner_bg.png);
	padding-top:20px;
}
#footer .inner address {
	width:100%;
	float: none;
	font-style: normal;
	text-align: center
}
#footer .inner .ft_name{
	font-size: 20px;
	margin-bottom: 15px;
}

#footer .inner .ft_nav {
	margin:25px 0 0 0;
}
#footer .inner .ft_nav ul li {
	width: 120px;
	/float: left;
	text-align: center;
}
#footer .inner .ft_nav a{
	text-decoration: none;
	color: #000000;
}
#footer .inner .ft_nav a:hover{
	text-decoration:underline;
}
#footer p.copyright {
	clear: both;
	text-align: center;
	line-height: 1.5em;
	background-color: #A3D900;
}
}