@charset "UTF-8";
/* sideNav 左側ナビゲーション */

#sideNav {
	float: left;
	width: 255px;
	height: auto;
	padding-top: 7px;
	background-color: #FFFFFF;
}

#side-about {
	display: block;
	position: relative;
	top: -7px;
	width: auto;
	height: auto;
	overflow: hidden;
}

#side-about .top,
#side-about .body,
#side-about .bottom {
	width: auto;
	overflow: hidden;
}

#side-about .top {
	background-image: url(../img/bg_sideNav_top.gif);
	background-repeat: no-repeat;
	height: 0;
	padding-top: 61px;
}

#side-about .body {
	background-image: url(../img/bg_sideNav_body.gif);
	background-repeat: repeat-y;
	height: auto;
	padding-left: 7px;
}

#side-about .bottom {
	background-image: url(../img/bg_sideNav_bottom.gif);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	height: 0;
	padding-top: 20px;
	margin-top: -14px;
}

#side-about li {
	display: inline;
}

#side-about li a, 
#side-about li p {
	background-repeat: no-repeat;
	position: relative;
	display: block;
	width: 241px;
	height: 0;
	padding-top: 80px;
	overflow: hidden;
}

#side-about li a:hover {
	background-position: -241px 0;
}

#side-about li p {
	background-position: -483px 0;
}

#side-about #kenmin {}
#side-about #kenmin a,
#side-about #kenmin p {
	background-image: url(../img/sideNav_kenmin.jpg);
}

#side-about #ishi {}

#side-about #ishi a {
	background-image: url(../img/sideNav_ishi.jpg);
	margin-top: 6px;
}

/* 医療・関係者向けページのsideNav */
#side-about #ishi dl {
	background-image: url(../ishi/img/bg_sideNav_more.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 238px;
	height: 522px;		/* 2012-04-23 -55px */
	margin-top: 6px;
	padding-left: 10px;
}

#side-about #ishi dl dt {
	height: 0;
	padding-top: 80px;
	overflow: hidden;
}

#side-about #ishi dl dd {}

#side-about #ishi dl dd a,
#side-about #ishi dl dd p {
	background-repeat: no-repeat;
	width: 221px;
	margin-top: 0;
}

#side-about #ishi dl dd a:hover,
#side-about #ishi dl dd p {
	background-position: -221px 0;
}

#side-about #ishi dl dd.section1 a,
#side-about #ishi dl dd.section1 p {
	background-image: url(../ishi/img/sideNav_ishi_1.jpg);
	padding-top: 73px;
}

#side-about #ishi dl dd.section2 a,
#side-about #ishi dl dd.section2 p {
	background-image: url(../ishi/img/sideNav_ishi_2.jpg);
	padding-top: 55px;
}

#side-about #ishi dl dd.section3 a,
#side-about #ishi dl dd.section3 p {
	background-image: url(../ishi/img/sideNav_ishi_3.jpg);
	padding-top: 38px;
}

#side-about #ishi dl dd.section4 a,
#side-about #ishi dl dd.section4 p {
	background-image: url(../ishi/img/sideNav_ishi_4.jpg);
	padding-top: 38px;
}

#side-about #ishi dl dd.section5 a,
#side-about #ishi dl dd.section5 p {
	background-image: url(../ishi/img/sideNav_ishi_5.jpg);
	padding-top: 38px;
}

#side-about #ishi dl dd.section6 a,
#side-about #ishi dl dd.section6 p {
	background-image: url(../ishi/img/sideNav_ishi_6.jpg);
	padding-top: 38px;
}

/* 2012-04-23 削除対応 以降、連番の修正
#side-about #ishi dl dd.section7 a,
#side-about #ishi dl dd.section7 p {
	background-image: url(../ishi/img/sideNav_ishi_7.jpg);
	padding-top: 55px;
}
*/

#side-about #ishi dl dd.section7 a,
#side-about #ishi dl dd.section7 p {
	background-image: url(../ishi/img/sideNav_ishi_7.jpg);
	padding-top: 38px;
}

#side-about #ishi dl dd.section8 a,
#side-about #ishi dl dd.section8 p {
	background-image: url(../ishi/img/sideNav_ishi_8.jpg);
	padding-top: 55px;
}

#side-about #ishi dl dd.section9 a,
#side-about #ishi dl dd.section9 p {
	background-image: url(../ishi/img/sideNav_ishi_9.jpg);
	padding-top: 56px;
}

/* カナミックリンク/Line */

ul#kanamic li,
ul#line-banner li {
	width:255px;
	margin:20px 0;

}
ul#line-banner li a img,
ul#kanamic li a img {
	display:block;
	margin:0px auto;
}
ul#kanamic li a:hover img,
ul#line-banner li a:hover img {
	filter: Alpha(opacity=70);
	opacity:0.7;
}

/* ステーションマップ */
ul#starion-map li {
	width:255px;
	margin:10px 0;

}
ul#starion-map li a img {
	display:block;
	margin:0px auto;
}
ul#starion-map li a:hover img {
	filter: Alpha(opacity=70);
	opacity:0.7;
}


/* ステーション一覧 mapメニュー 〜2015.4 まで
#side-map {
	width:100%;
	height:250px;
	background: url(/houmon/img/bg_sideNav_map.gif) left top no-repeat;
	padding-top:50px;
	margin-top:10px;
}
#side-map-bg {
	width:220px;
	height:240px;
	margin:0 auto;
	background: url(/stations/img/map-side.png) left top no-repeat;
}
*/	
/* stations dokuwiki用初期化 */
ul#callcenter,
ul#kyougikaidayori,
ul#station-pamph,
ul#station-info,
ul#influ-plan,
ul#station-recruit,
ul#links-banner,
ul#callcenter li,
ul#kyougikaidayori li,
ul#station-pamph li,
ul#station-info-sd li,
ul#station-info li,
ul#influ-plan li,
ul#links-banner li {
	margin:0;
	padding:0;
}
ul#corona-banner {
	margin:6px  0;
}

/* 協議会だよりDL／ステーション情報バナー */
ul#kyougikaidayori {
	margin-top:8px;
}
ul#station-recruit,
ul#station-pamph {
	margin-top:8px;
}
ul#influ-plan {
	margin-top:3px;
}
ul#station-info-sd {display:none;}
ul#station-info {
	margin-top:12px;
}
ul#callcenter {
	margin-top:8px;
}
ul#callcenter,
ul#station-pamph li,
ul#station-info-sd li,
ul#station-info li,
ul#influ-plan li,
ul#kyougikaidayori li,
ul#corona-banner li {
	width: 255px;
}

ul#kyougikaidayori li a {
	display:block;
	height:112px;
	background: url(../img/banner-kyougikaidayori.png) left top no-repeat;
}

ul#station-info li a {
	display:block;
	height:46px;
	background: url(../img/banner-station-info.png) left top no-repeat;
}
ul#station-info-sd li a {
	display:block;
	height:46px;
	background: url(../img/banner-station-info-sd.png) left top no-repeat;
}
ul#influ-plan li a {
	display:block;
	height:69px;
	background: url(../img/banner-influ-plan.png) left top no-repeat;
}
ul#station-recruit {
	display:block;
	height:120px;
	background: url(../img/banner-recruit.png) left top no-repeat;
}
ul#corona-banner li a  {
	display:block;
	height:90px;
	background: url(../img/banner-corona.png) left top no-repeat;
}


ul#station-pamph li a {
	display:block;
	height:130px;
	background: url(../img/banner-pamph.png) left top no-repeat;
}
/* 訪問看護コールセンター岡山　相談日 */
ul#callcenter li a {
	display:block;
	height:150px;
	background: url(../img/banner_callcenter_soudan.png ) left top no-repeat;
}
ul#station-recruit li p,
ul#station-info-sd li a p,
ul#callcenter li a p,
ul#station-pamph li a p,
ul#station-info li a p,
ul#influ-plan li a p,
ul#kyougikaidayori li a p,
ul#corona-banner li a p  {
	display:none;
}
ul#station-info-sd li a:hover,
ul#callcenter li a:hover,
ul#station-pamph li a:hover,
ul#station-info li a:hover,
ul#influ-plan li a:hover,
ul#kyougikaidayori li a:hover,
ul#corona-banner li a:hover  {
	background-position: right top;
}


/* 関連リンク */	
ul#links-banner {
}

ul#links-banner li a {
	display: block;
	background: url(/houmon/img/sideNav_link.jpg) left top no-repeat;
	width: 255px;
	height: 0;
	padding-top: 98px;
	overflow: hidden;
}
ul#links-banner li a:hover {
	background-position: -255px 0;
}

@media screen and (min-width:959px) {
/*　960px以上スライドメニューは使わない */
#side-navi-wrap input, 
#side-navi-wrap label {
	display:none;
}
}
/* -----------------------------
959px 以下 
------------------------------- */
@media screen and (max-width:959px) {


/* -----------------------------------------------
959px以下サイドメニューはスライドに
-------------------------------------------------- */
スライドメニュー */
#side-navi-wrap input,
#side-navi-wrap label {
	display:block;
}
	#side-navi-wrap {
 	 	position: relative;
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
		display:none;
	}

/*アイコンのスペース*/
	#nav-open {
		position:relative;
		left:5px;
		top:-64px;
		display: inline-block;
		width: 30px;
		height: 22px;
		vertical-align: middle;
		z-index:10;
	}


	.slide-menu-icon {
		position:relative;
		z-index:10;

		color: #888;

		cursor: pointer;
	}
	.slide-menu-icon:hover {
		color:#aaa;
	}
/* overlay閉じる*/
#nav-close {
	display: none;
	position: fixed;
	z-index: 120;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
	}
.slide-close-icon {
		color: #fff;
		position: absolute;
		right:10px;
		top:8%;
		x-index:200;
		cursor: pointer;
	}
.slide-close-icon:hover {
	opacity:0.5;
}
/*サイドナビ内容 */
	#side-nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 500;/*最前面に*/
		width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 330px;
		height: 100%;
		background: #fff;
		transition: .3s ease-in-out;/*滑らかに表示*/
		webkit-transform: translateX(-105%);
		transform: translateX(-105%);/*左に隠しておく*/
	}

/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
		display: block;/*カバーを表示*/
		opacity: 0.7;
	}

	#nav-input:checked ~ #side-nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	#sideNav {
		float: none;
		width: 255px;
		margin:0 auto;
	}
}

/* ------------------------------------------
スマフォ縦 〜599px-iPhone6c
------------------------------------------- */
@media screen and (max-width:599px) {

/*アイコンのスペース*/
	#nav-open {
		position:relative;
		left:5px;
		top:-38px;
		display: inline-block;
		width: 30px;
		height: 22px;
		vertical-align: middle;
		z-index:100;
	}

	.slide-menu-icon {
		color: #ddd;
		cursor: pointer;
	}
	.slide-menu-icon:hover {
		color:#aaa;
	}
/* overlay閉じアイコン*/
.slide-close-icon {
		right:10px;
		top:2%;
	}

	#side-nav-content {
		width: 86%;/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 330px;

	}

}