@charset "utf-8";

/*初期設定*/
html { font-size: 62.5%;}
body { font-size: 1.2rem; margin:0 auto;background:#e1fff9;}

li   {//font-size: 1.4rem;color:#696969}
h1   {font-size: 2.5rem; font-weight:bold;width:1050px;margin:0 auto;}
.login-img {display:inline;}
h2   {font-size: 2.0rem; font-weight:bold;}
h3   {font-size: 1.8rem; font-weight:bold;}
h4   {font-size: 1.6rem; font-weight:bold;}
table{  margin:20px auto;}

hr   {
    border: 0;
    height: 2px;
    background: #00c8b4;
    background-image: -webkit-linear-gradient(left, #f5f5f5, #00c8b4, #f5f5f5);
    background-image:    -moz-linear-gradient(left, #f5f5f5, #00c8b4, #f5f5f5);
    background-image:     -ms-linear-gradient(left, #f5f5f5, #00c8b4, #f5f5f5);
    background-image:      -o-linear-gradient(left, #f5f5f5, #00c8b4, #f5f5f5);
	clear:both;

}

hr.sub_border_top {
	border-top:#00c8b4 solid 6px;
}

hr.sub_border_btm {
	border-top:#00c8b4 solid 6px;
}

p{text-indent:1em;font-size:100%;color:#696969;padding:5px;}

.emphasis {font-weight:bold}
/*  box shadow */
.shadow{
	box-shadow: 5px 5px 4px -4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:5px 5px 4px -4px  rgba(0, 0, 0, 0.6) #000000;
	-webkit-box-shadow:5px 5px 4px -4px rgba(0, 0, 0, 0.6)  #000000;
}

/*  button */

.button {
	position: relative;
	//z-index: 2;
	background-color: #00c8b4;
	border: 2px solid #0ba883;
	color: #fff;
	line-height: 50px;
	overflow: hidden;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	box-shadow: 5px 5px 4px -4px rgba(0, 0, 0, 0.6);
}
.button:hover {
	background-color: #fff;
	color: #3cb371;
}
.button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	top: 0;
	background-color: #333;
}

.button2 {
	position: relative;
	background-color: #c33;
	border: 2px solid #0ba883;
	color: #fff;
  font-size: 15px;
  font-weight:bold;
	line-height: 50px;
	overflow: hidden;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	box-shadow: 5px 5px 4px -4px rgba(0, 0, 0, 0.6);
}
.button2:hover {
	background-color: #fff;
	color: #3cb371;
}

/* 基本構造 */
#container {position: relative;}
article {
	background: #F0FFFF;
	max-width:1100px;
	margin:0 auto;
	border:solid 1px #006400;
	box-shadow:0 0 3px #000;;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
}

#wrapper {
	max-width:1100px;
}

#head {

	background-color: #00c8b4;
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	-moz-background-size: 4px 4px;
	-webkit-background-size: 4px 4px;
	-o-background-size: 4px 4px;
	-ms-background-size: 4px 4px;

	border-radius: 3px;
	box-shadow: 2px 3px 2px rgba(0,0,0,.2);
	//height:250px;
	position:relative;
}

#head img.title_bg {
	position:absolute;
	left:350px;
	top:0px;

}

#head #top_nav {
	position:absolute;
	right:35px;
	top:5px;
}

#head #top_nav li{
	float:left;
	display:block;
	z-index:10000;
	padding:0 20px;
	line-height:2.0em;
}

#head #top_nav li.sitemap{
	background:url(../images/sitemap_l.png) no-repeat;
}

#head #top_nav li.policy{
	background:url(../images/policy_l.png) no-repeat;
}

#head #top_nav li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;
	font-size:120%;
}

#head #top_nav li a:hover{
	text-decoration:underline;
}

#head a img.title_img {
	position:absolute;
	left:10px;
	top:40px;
	z-index:1000;
}

#head ul {

	z-index:10;

}

#side {
	width:200px;
	margin:20px 60px 10px 10px;
	float:right;
}

#conts {

	width:740px;
	margin:50px 0 40px 40px;
	float:left;
}
.hol_exp{
	font-weight:bold;
	//font-size:150%;
	color:#fff;
}

#conts_sub_exp {
	width:940px;
	clear:both;
	margin:0 auto;
}

#conts_sub_exp th{

}

#conts_sub_exp th img{
	width:130px;
	display:block;
  //text-align: center;
  margin:10px auto;
}

#conts_sub_exp ul{
	padding-left:30px;

}

#conts_sub_exp ul li{
	//list-style: square;
	list-style:url(../images/list_point.png) inside;
}
#conts_sub_exp ul li li{
	list-style: disc;
}
#conts_sub_exp ul li.no_disc{
	list-style: none;
}

footer {
  background-color: #00c8b4;
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  -moz-background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  -o-background-size: 4px 4px;
  -ms-background-size: 4px 4px;
  //background-size: 4px 4px;
  //border-top: 15px solid #1b4958;
  //border-bottom: 15px solid #1b4958;
  border-radius: 3px;
  box-shadow: 2px 3px 2px rgba(0,0,0,.2);
	clear:both;
	width:1100px;
	height:340px;
	position:relative;
}

footer img.foot_bg{
	position:absolute;
	top:08px;
	left:700px;

}

/* 共通構造  */
#head h1 {font-size:120%;font-weight:normal;color:#fff;}

#head p.tel {
	font-size:1.5rem;
	font-weight:bold;
	background:url(../images/tel_top.png) no-repeat -3px 16px;
	padding:0 0 15px 0;
	color:#fff;
	z-index:10;
	line-height:1.2em;
	float:right;
	width:450px;
	position:absolute;
	top:100px;

	right:-55px;
	text-indent:0;
	border:none;
}

#head p.tel span {
	font-size:4.0rem;
	font-weight:bold;
	line-height:1em;
	padding:15px 0 0px 40px;

}

#title {
	//position:absolute;
	top:100px;
	left:0;
	height:120px;
}

#title a{
	height:100px;
	width:700px;

	display:block;
	margin:5px;
	float:left;

}

//文字の大きさ
#changeArea{
	line-height: 1.5;
}

#fontSize {
	*zoom: 1; /*forIE6,7*/
	margin: 35px 50px 0px 0px;
	float:right;
	z-index:5;
}
#fontSize:after {
	content: "";
	display: block;
	clear: both;
}
ul#fontSize li {
	//background-color: #ccc;
	font-size:120%;
	padding: 25px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	 //border-radius: 0 0 0 10px;
 	border-radius:10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;

}

ul#fontSize li:hover {
	background-color:#FFA07A;

}
ul#fontSize li.active {
	background-color: #20b2aa;

}

.leaf_l {
	background:url(../images/leaf_l.png) no-repeat right bottom;

}

.leaf_m {
	background:url(../images/leaf_m.png) no-repeat right bottom;
}

.leaf_b {
	background:url(../images/leaf_b.png) no-repeat right bottom;
}

/*ボタンの色*/
.style_red {
	background:#FF4500;
	color:#FFF;
}
.style_blue {
	background:#4169E1;
	color:#FFF;
}
.style_aqua {
	background:#00c8b4;
	color:#fff;
}
.style_arrow_aqua.png {
	background:#006400;
	color:#FFF;
}
.style_violet {
	background:#DA70D6;
	color:#FFF;
}

.style_mint {
	background:#66CDAA;
	color:#FFF;
	font-size:1.8rem;
	padding-left:5px;
}

.style_green_child {
	background:#F0FFF0;
	color:#fff;

}
.style_chr_blue {

	color:#4169E1;
	font-size:1.5rem;
}
.style_chr_red {

	color:#FF4500;
	font-size:1.4rem;
}

/*  FLOAT */
*.float{
	float: left;
	margin-right: 1em;
}
*.floatclear{
	clear: both;
}

//ヘッダ情報
#header_bottom img{
	float:left;
}

#header_bottom p.tel{
	position:absolute;
	top: 0;
    right: 0;
	margin-right:10px;
	font-size:230%;
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8),-1px -1px 1px rgba(65, 105, 255, 0.8);
}

#header_bottom p.add{
	position:absolute;
	top: 2.8em;
    right: 0;
	margin-right:10px;
	color:#4169E1;
	font-size:90%;
}

//パンくず
#breadcrumb{
	verflow: hidden;
	width: 100%;
	margin-left:50px;
	background:blue;
}

#breadcrumb li{
	float: left;
	margin: 1rem .8rem 0 1rem;
}

#breadcrumb a{
  background: #ddd;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  position: relative;
}

#breadcrumb a:hover{
  background: #efc9ab;
}

#breadcrumb a::before,
#breadcrumb a::after{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #ddd;
  transform: skew(-10deg);
}

#breadcrumb a::before{

  left: -.5em;
  border-radius: 5px 0 0 5px;
}

#breadcrumb a:hover::before{
  background: #efc9ab;
}

#breadcrumb a::after{
  right: -.5em;
  border-radius: 0 5px 5px 0;
}

#breadcrumb a:hover::after{
  background: #efc9ab;
}

#breadcrumb .current,
#breadcrumb .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumb .current::after,
#breadcrumb .current::before{
  content: normal;
}

.slider {
	background-color:#00c8b4;
	padding-bottom:10px;
	background-image:url(../images/menu_bottom.png);
	//background-image:url(../images/prof.png);
	background-repeat:no-repeat;
	background-position:50px 205px;
	//position:relative;
}



.img_hospital{
    width: auto;
    padding:0;
    margin:10px;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}

/* images  */

.slider_bottom_img {
	//position:absolute;
}
.dialysis_img img.dialysis_top_img{
	float:left;
	width:23%;
	padding:10px;
	border-radius:20px;
}
.dialysis_img img.dialysis_top_img_b{
	float:left;
	width:69%;
	padding:15px;
	border-radius:20px;
}

.clinic_img img{
	float:left;
	width:48.5%;
	padding:5px;
	border-radius:20px;
}

.inquire_img {
//	max-height:90px;
	min-height:130px;
}

.inquire_img img {
	float:left;
	width:25%;
	padding:5px;
	border-radius:20px;

}

//医師のプロフィール、病院のごあんない、緊急
#goannai,#profile,#emergency {
	//background:red;
	position:relative;
}

#goannai h4,#profile h4,#emergency h4 {
	color:#00c8b4;
}

#profile {
	background:#fffff0;
	margin-top:270px;

}

#conts #about, {
	margin-top:50px;

}

//ナビゲーションバー
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;

  margin: 25px auto 30px;
  padding: 0;
  border-top:solid 1px #000;

}

.dropmenu ul{
  height:50px;

}


.dropmenu li{
  position: relative;
  width: 250px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;

}


.dropmenu li a{
  display: block;
  margin: 0;
  padding: 25px 0 5px;
  //background: #20B2AA;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  border-radius:5px;
  height:30px;
}

.dropmenu li a.m_home{
	background:url(../images/m_home.png) no-repeat 43px 8px;
}
.dropmenu li a.m_clinic{
	background:url(../images/m_clinic.png) no-repeat  -8px 8px;
}
.dropmenu li a.m_dialysis{
	background:url(../images/m_dialysis.png) no-repeat 0px 10px;
}
.dropmenu li a.m_hospitalization{
	background:url(../images/m_hospitalization.png) no-repeat 20px 8px;
}



.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

.dropmenu li ul li{
  width: 100%;
}

.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  background: #00c8b4;
  text-align: left;
}

.dropmenu li:hover > a{
  //background:#008B8B;
}

.dropmenu li a:hover{
  //background: #20B2AA;
}

ul#flip2 {
	width:1000px;
	margin:20px auto 0;
	position:relative;
}

img.menu_bottom {
	position:absolute;
	left:50px;
	top:170px;
	margin-bottom:20px;
	//x-index:-10;
}


/*泌尿器科で扱う疾患（メニュー）*/
.dnav {
    display: flex;
    height: 4rem;
    margin: 0 auto;
    width: 100%;
    padding:5px 0;
    border-radius:5px;
    //background-color:#e1fff9;
    background-color:#00c8b4;
}
.dnav > li {/*親階層のみ幅を25%にする*/
    width: 25%;
}
/*全てのリスト・リンク共通*/
.dnav li {
    list-style: none;
    position: relative;
    height:10px;


}
.dnav li a {
    background: #00c8b4;
    border-right: 1px solid #eee;
    color: #00c8b4;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
    border-radius:10px;
    margin-right:3px;
    background-color:#e1fff9;
}
.dnav li li a{
  color:#fff;
}
.dnav li a:hover, .dnav li li a:hover{
  color:#fff;
}

/*子階層*/
/*子階層以降共通*/
.dnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.dnav li li a {
    border-top: 1px solid #eee;
}

.dnav li li :hover {
   color:red;
}

.dnav li:hover > ul > li {
    height: 2rem;
    overflow: visible;

}

/*一番右のメニュー*/
.dnav > li:nth-child(5) ul li ul {
    left: -100%;
}

/*change color*/
/*aの背景色を指定*/
.dnav li:hover a {/*親階層*/
    background: #20b2aa;
}
.dnav li li a {/*子階層*/
    background: #20b2aa;
}
.dnav li li:hover a {
    background: #004789;
}
.dnav li ul li ul li a {/*孫階層*/
    background: #004789;
}
.dnav li ul li ul li:hover a {
    background: #0065c1;
}
.dnav li ul li ul li ul li a {/*ひ孫階層*/
    background: #0065c1;
}
.dnav li ul li ul li ul li:hover > a {
    background: #1e7dd4;
}
/*リストに「▶︎」を付ける*/
.dnav > li > ul:before{/*子階層*/
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    content: "";
    right: 1rem;
    position: absolute;
    top: 1rem;
    transform: translateY(-40%);
}
.dnav li ul li ul:before {/*孫階層*/
    border: 5px solid transparent;
    border-left: 5px solid #fff;
    content: "";
    left: -20px;
    position: absolute;
    top: 1em;
    transform: translateY(-50%);
}
.dnav li:nth-child(5) ul li ul:before {/*一番右のメニューの孫階層*/
    border: 5px solid transparent;
    border-right: 5px solid #fff;
    left: auto;
    right: -20px;
}
/*子階層以降共通*/
.dnav li li {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .5s;
}
.dnav li li a {
    border-top: 1px solid #eee;
}
.dnav li:hover > ul > li {
    height: 2rem;
    opacity: 1;
    overflow: visible;
}
.dnav li ul li ul {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

/*******************************************/



#flip2 li ul {
  visibility: hidden;
  perspective: 400px;
}

#flip2 li:hover ul{
  visibility: visible;
}
#flip2 ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .3s;
}

#flip2 li:hover li{
  transform: rotateY(0);
}

#flip2 ul li:nth-child(2) {
  transition-delay: .1s;
}

#flip2 ul li:nth-child(3) {
  transition-delay: .2s;
}

#flip2 ul li:nth-child(4) {
  transition-delay: .3s;
}

#flip2 ul li:nth-child(5) {
  transition-delay: .4s;
}



/*  FOOTER */

#footer ul {
	width:300px;
	display:block;
	padding-top:20px;
	padding-left:250px;
}

#footer ul li {
	float:left;
	display:block;
	width:1275px;
	height:35px;
	border solid 1px #000;
	padding-left:25px;
	//background:url(../images/arrow_red1.gif) no-repeat 0 5px;
	background:url(../images/footer_list.png) no-repeat 0 0px;
	line-height:30px;
}

#footer ul li a{
	color:#fff;
	font-weight:bold;
	font-size:80%;
	padding-left:10px;
}

#footer p.copy {
	font-size:100%;
	color:#fff;
	display:block;
	width:700px;
	margin:130px 0 10px 350px;
	padding:10px;

}

/*  ページトップ */

p.gotop{
    position: fixed;
    right: 5%;
        bottom: 0;
}
p.gotop a{
    width: 125px;
    height: 94px;
    display: block;
}


#prof {
	//height:250px;
	width:980px;
	margin:35px auto 10px;
	overflow:hidden;
}


#info,#rcv,#goannai {
	//height:180px;
	width:740px;
	margin:0 auto 40px;
	//background:red;
}

#access {
	//height:250px;
	width:740px;
	//margin:0 auto 100px;
}

#access .map {
	width:260px;
	float:left;
}

#access .accsess_time {
	width:480px;
	float:left;
	//background:#FFE4E1;
}

#access .accsess_time table,
#about table{
    border-collapse:collapse;
    color:#555;
    width:99%;
    margin:0 0 10px 1px;

}


#access .accsess_time th ,
#about th,#emergency th {
    font-weight:bold;
    color: #fff;
    text-align:left;
    border-bottom: 1px solid #e5eff8;
    border-left:1px solid #e5eff8;
    padding:.3em 1em;

	width:80px;
  background-color: #00c8b4;
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  -moz-background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  -o-background-size: 4px 4px;
  -ms-background-size: 4px 4px;
  //background-size: 4px 4px;
  //border-top: 15px solid #1b4958;
  //border-bottom: 15px solid #1b4958;
  border-radius: 3px;

}

#access .accsess_time td,
#about td,#emergency td {
    font-weight:normal;
    color: #red;
    text-align:left;
    border-bottom: 1px solid #e5eff8;
    border-left:1px solid #e5eff8;
    padding:.3em 1em;
	background:#FFFFF0;
}

#access .map a img {
	width:250px;
}

#access .map a img.google {
	width:35px;
	padding-right:5px;
}

#link{
	margin:80px 0;
}

#link .left,#link .right{
	width:345px;
	background:#fffff0;
	float:left;
	margin:15px 5px 40px;
	//padding:10px;
}

#link .left h4,#link .right h4{

	color:#fff;
	padding:5px 10px;
	font-weight:bold;
	background-color: #00c8b4;
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	-moz-background-size: 4px 4px;
	-webkit-background-size: 4px 4px;
	-o-background-size: 4px 4px;
	-ms-background-size: 4px 4px;

  border-radius: 3px;

}

#link .left ul,#link .right ul{
	//margin-bottom:80px;
}

#link .left ul li,#link .right li{
	padding:5px;
}

#link .left ul li a,#link .right li a{
	font-weight:bold;
	//padding:80px 10px 0;
	text-decoration:none;
	color:#0ba883;
}
#link .left ul li a:hover,#link .right li a:hover{
	text-decoration:underline;
	//color:#ff4500;
}

#info h3,#prof h3 ,
#rcv h3,
#access h3,
#link h3,
#side h3{color:#0ba883;}
#side h4{
	color:#0ba883;
	background:url(../images/list_icon_h4.png) no-repeat 0 5px;;
	padding-left:20px;
}
#info .conts{
	height:180px;
	width:720px;
	margin:0 auto 5px;
	overflow-y:auto;
	background:#fffff0;
	border-radius:10px;
	box-shadow:2px 2px 3px 1px #ccc inset;;
	-ms-box-shadow:2px 2px 3px 1px #ccc inset;
	-moz-box-shadow:2px 2px 3px 1px #ccc inset;
	-webkit-box-shadow:2px 2px 3px 1px #ccc inset;
	-o-box-shadow:2px 2px 3px 1px #ccc inset;

}

.top_sentence {
	width:790px;
	float:left;

}

#prof .conts{
	//height:180px;
	width:950px;
	margin:5px auto;
	padding:5px;
	text-indent:1em;
}

.top_sentence p{
	display:block;

	float:left;
	line-height:1.8em;
	//min-height:200px;
	padding:5px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#prof img{
	width:184px;
	float:left;
	//padding:5px 0;
	margin:5px auto;
	display:block;
}

.doctor_sign{
	//color:red;
	//margin-left:10px;
	font-size:1.5rem;
	text-align:center;
}

#info ul{
	padding:10px;

}

#info li span.i_sub{
//font-style: italic;
}

#info li span.i_conts{
	font-size:90%;
	line-height:0.8em;
}

#info li,#prof li{
	font-weight:bold;
	margin:5px 10px 0px 20px;
	color:#0ba883;
	padding:5px 10px;
	border-radius:5px;

}

#prof ul ul{
	padding:10px;
	width:90%;
}

#profile img{
	width:130px;
	float:left;

    border: 1px solid #4169e1;
    float: left;
    margin: 0.5em;
    padding: 2px;

}

#profile ul{
	//margin-left:120px;
	//float:left;
	width:800px;
}

#prof li{
	background:url(../images/doctor_icon.png) no-repeat;
	line-height:40px;
	padding-left:60px;
}

#prof li li{
	font-weight:normal;
	padding:0px 10px;
	color:#696969;
	background:none;
	line-height:1em;
}
dl#days {
  padding:10px;
}
dd.i_conts {
  padding-left:10px;
}
dd.i_conts ::after{

}
dd.i_conts span.title{
	color:green;
	font-size:1.5rem;
	font-weight:bold;
  line-height: 2em;


}
dd.i_conts span.title span{
  //display:block;
  //width:50px;
  //height:10px;
  background-color: red;
  color:#fff;
  padding:3px;
  font-size:1.0rem;
  margin-left: 3px;
  border-radius:3px;
}
dt.i_date{
	color:#696969;
  color:green;
	font-size:0.9rem;
	//font-weight:bold;
  text-align:right;
}

li.i_date li span.i_conts {
	color:#696969;
	font-size:1.2rem;
	font-weight:normal;
}

//一覧表示
#info a {
	//text-align:right;
	display:block;
	width:1000px;
	background:yellow;
}


/* DATEPICKER */
div.ui-datepicker {
	font-size: 80%;
	margin:0px auto 10px;
	width:200px;

}



/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 120%;
	width:280px;
	filter:alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

#page-top a {

	text-decoration: none;
	color: #fff;
	font-weight:bold;
	//width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #00c8b4;
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	-moz-background-size: 4px 4px;
	-webkit-background-size: 4px 4px;
	-o-background-size: 4px 4px;
	-ms-background-size: 4px 4px;

	border-radius: 3px;

	z-index:100;
}

#page-top a:hover {
	text-decoration: none;
	background: #ff4500;
}

/*  サイドコンテンツ */
#side .side_banner a img{
	margin:5px 0;

}

#side .side_qr{
	//border:solid 1px #696969;
	width:100%;
	margin:20px 0;
	background:#fffff0;
}

#side .side_qr a img{
	margin:5px auto;
	display:block;
	padding:10px;
}

#side .side_qr a {
	text-align:center;
	font-size:80%;
	font-weight:bold;
	display:block;
}
#side .side_qr p {
	text-align:center;
	font-size:80%;
	font-weight:bold;
	display:block;
}
#side p.disp_date {
	font-weight:bold;
	color:#fff;
	font-size:90%;
	background:#00c8b4;
	background:#20b2aa;
	border-radius: 10px 10px 0px 0px;
	text-align:center;
	padding-top:2px;
	border-bottom:1px solid #fff ;
	//width:198px;
	//margin:0 auto;
	//display:block;
}

#side table.dp_hanrei{
    border-collapse:collapse;
    color:#555;
    width:99%;
    margin:0 auto;

}

#side table.dp_hanrei tr td {
	//font-size:80%;
    //color:#555;

}

#side table.dp_hanrei tr td.whole{
    background:#b22222;
	color:#fff;
	font-size:1.0rem;
	text-align:center;
}

#side table.dp_hanrei tr td.half{
    background:#b0e0e6;
	color:#fff;
	font-size:1.0rem;
	text-align:center;
}

#side table.dp_hanrei tr td.charge{
    background:#036;
	color:#fff;
	font-size:1.0rem;
	text-align:center;
}
#side table.dp_hanrei tr td.kyushin{
  background:#f33;
	color:#fff;
	font-size:1.0rem;
	text-align:center;
}

#side table.dp_hanrei td span{
  color:#ff4500;
  font-weight:bold;
}

text-align:center;
#side p.c_date {
	font-size:80%;
	padding:0;
	text-indent:0;
	font-weight:bold;
	}
//診療時間

.uketsuke table {
	table-layout: fixed;
	width:720px;
}

.uketsuke table tr>th {

	color:#fff;
	font-weight:bold;
	font-size:95%;
	width:60px;
	text-align: center;
	padding:7px;
	background-color: #00c8b4;
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	-moz-background-size: 4px 4px;
	-webkit-background-size: 4px 4px;
	  -o-background-size: 4px 4px;
	-ms-background-size: 4px 4px;

	//box-shadow: 2px 3px 2px rgba(0,0,0,.2);
}

.uketsuke table tr th.wide {
	//width:145px;

}

.uketsuke table tr th a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.uketsuke table tr th a:hover {
	text-decoration:underline;
}

.uketsuke table tr td.rcv_time {
	color:#0ba883;
}

.uketsuke table tr td {
	background:#fffff0;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	padding:7px;
	color:#696969;

}

.uketsuke table tr td.off {

	font-weight:bold;
}

.uketsuke table tr td.off span{
	background:#FFE4E1;
	border-radius:5px;
	padding:5px;
	display:block;
	font-size:80%;
	font-weight:bold;
	border:solid 1px #ff4500;
}
.uketsuke table tr td.on {
	font-size:120%;
	color:#0ba883;
	font-weight:bold;
}

.uketsuke table tr td.on span{
	color: #FF4500;
	font-size:70%;
	font-weight:bold;
}

/*  NEXT PAGES */
#conts h2 {
	color:#00c8b4;
}

#conts h3,
#side h3,
#conts_sub_exp h3{
	color:#0ba883;
	padding:10px 24px;
	background:url(../images/list_icon.png) no-repeat 0 12px;
}

#conts h4,#conts_sub_exp h4{
	color:#0ba883;

	font-weight:bold;
	padding:10px 0 0 24px;
	background:url(../images/list_icon_h4.png) no-repeat 3px 14px;
}

h2#clinic,
h2#dialysis,
h2#hospitalization,
h2#sitemap,
h2#p_policy,
h2#s_policy,
h2#party,
h2#stuff {
	line-height:2.3em;
	color:#0ba883;
	padding-left:2.4em;
	font-size:2.5rem;
}

h2#clinic {
	background:url(../images/clinic.png) no-repeat ;
}
h2#dialysis {
	background:url(../images/dialysis.png) no-repeat ;
}
h2#hospitalization {
	background:url(../images/hospitalization.png) no-repeat ;
}

h2#sitemap{
	background:url(../images/sitemap.png) no-repeat ;

}
h2#p_policy {
	background:url(../images/p_policy.png) no-repeat ;
}
h2#s_policy {
	background:url(../images/s_policy.png) no-repeat ;
}
h2#party {
	background:url(../images/party.png) no-repeat ;
}

h2#stuff {
	background:url(../images/stuff_icon.png) no-repeat ;
}


/* corona  */
.corona {
  margin:5%;
}
.corona h2{
  font-size:2.5rem;
  padding:1em;
  color:#c30;
}
.corona p{
  font-size:1.5rem;
  padding:1em;
}
.corona ul{
  padding:1em;
}
.corona li{
  list-style-type:disc;
  list-style-position: inside;
  padding:1em;
}

.corona a{
  padding:1em;
  margin:1em;
}

//しくみ
conts_sub,conts_sub_egfr {
	background:#fffff0;
	border:1px red solid;

}

.conts_sub p{
	//color:red;
}
.conts_sub img{
	width:350px;
}
.ct1,.ct2,.ct3,.ct4 {
	background:#fffff0;
	margin:10px auto;
	padding:5px;
	border-radius:5px

}

.conts_sub table,conts_sub_egfr_table{
	width:720px;
	//margin:20px auto 20px 22px;
}

.conts_sub table tr th,.conts_sub_egfr table tr th {

	color:#fff;
	font-weight:bold;
	text-align: center;
	padding:7px;
	vertical-align:middle;
	background-color: #00c8b4;
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
	-moz-background-size: 4px 4px;
	-webkit-background-size: 4px 4px;
	-o-background-size: 4px 4px;
	-ms-background-size: 4px 4px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	//box-shadow: 2px 3px 2px rgba(0,0,0,.2);
}

.conts_sub table.exp_table {
  width:95%;
}

.conts_sub table tr th.wide,
.conts_sub_egfr table tr th.wide{
	width:140px;
}

.conts_sub ul.exp li{
	//list-style:none;
	font-weight:bold;
	list-style:url(../images/leaf.png) inside ;
}
.conts_sub ul.exp li li{
	font-weight:normal;
	list-style:url(../images/arrow_aqua.png) inside;
}

.conts_sub table tr td,.conts_sub_egfr table tr td {
	background:#fffff0;
	//text-align:center;
	padding:7px;
	border-bottom:solid 1px #e5eff8;
	border-right:solid 1px #e5eff8;
	color:#696969;
}

.conts_sub table td a:hover {
	vertical-align:middle;
}

.conts_sub table td a img {
	width:140px;
    margin: 0 auto;
    padding: 5px;
}

.conts_sub td input.ipss_rst,
.conts_sub td input.qabss_rst,
.conts_sub_egfr td input.egfr_rst  {
	border:none;
	background:#fffff0;
	font-size:120%;
}


.conts_sub ul,.conts_sub ol{

	margin:20px auto;
}

.conts_sub ul li,
.conts_sub ol li{

	font-weight:bold;
	color:#696969;
	//list-style:url(../images/list_point.png) inside;
	list-style:url(../images/leaf.png) inside;
	font-size:100%
}

.conts_sub_egfr ul li{

	font-weight:normal;
	color:#696969;
	//list-style:url(../images/list_point.png) inside;
	//list-style:url(../images/leaf.png) inside;
	font-size:100%
}

.conts_sub ul li a {
	//text-decoration:none;
}

.conts_sub ul li a:hover {
	text-decoration:underline;
}

.conts_sub ul li li {
	font-weight:normal;
	color:#696969;
	font-size:100%
	display:block;
	list-style:url(../images/list_point.png) inside;

}

.conts_sub ul li ol{
	margin:0;
}

.conts_sub ul li ol li {
	font-weight:normal;
	color:red;
	font-size:100%
	display:block;
	list-style-type:decimal;
	line-height:1.5em;
}


.conts_sub ul li li li{

	color:#696969;
	font-size:100%
	display:block;
	list-style:url(../images/arrow_aqua.png) inside;
}

.conts_sub ul.exp{

	padding:5px;
	//background:#FF4500;

}



.sitemap {
	background:#fffff0;
	border-radius:10px;
}
.sitemap ul{
	//float:left;
	//height:500px;
	//display:block;
	//width:300px;
}
.sitemap ul.sitemap_l{
	float:left;
	//height:500px;
	display:block;
	width:365px;
}
.sitemap ul.sitemap_r{
	//float:right;
	//height:500px;
	display:block;
	//width:350px;
}

.sitemap ul li{
	list-style:url(../images/leaf.png) inside;

}

.sitemap ul li li{
	list-style:url(../images/list_point.png) inside;
}

.sitemap ul li li li{
	list-style:url(../images/arrow_aqua.png) inside;
}

.sitemap ul li li li li{
	list-style-image:none;
}

.sitemap a {color:#696969;text-decoration:none;}

.sitemap a:hover {text-decoration:underline;}
//疾患の説明 /////////////////////////

#conts_sub_exp table{
	width:85%;
	//display:block;
	background:red;
	    border-collapse: collapse;
    border-spacing: 0;
}

#conts_sub_exp table tr td {
	font-weight:normal;
	background: #fffff0;
	padding:10px 8px 10px 20px;
	border-bottom:solid 1px #66cdaa;
	border-right:solid 1px #66cdaa;
	color:#696969;

}
#conts_sub_exp table tr td :first-child{
    //width:40%;
}
div.with_cap {
	width:33%;
	float:left;
}
div.with_cap img{

	margin-bottom:10px;
	text-align: center
}
div.with_cap p.caption{
	color:#0ba883;
	display:block;
	font-weight:bold;
}

#conts_sub_exp table tr th{
  color:#fff;
  background-color: #00c8b4;
  background-image:url(../images/list_icon_h4.png);
  padding:10px 20px;
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  -moz-background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  -o-background-size: 4px 4px;
  -ms-background-size: 4px 4px;
  //box-shadow: 2px 3px 2px rgba(0,0,0,.2);
  border-bottom:solid 1px #fff;
  border-right:solid 1px #fff;
  text-align:center;
  font-weight:bold;
  width:20%;
}

#conts_sub_exp table tr td.t_head {
	font-weight:bold;
}

#conts_sub_exp table tr th.t_head {
  color:#fff;
  background-color: #00c8b4;
  background-image:url(../images/list_icon_h4.png);
  padding:10px 20px;
  //font-size:120%;
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  -moz-background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  -o-background-size: 4px 4px;
  -ms-background-size: 4px 4px;
  //box-shadow: 2px 3px 2px rgba(0,0,0,.2);
  border-bottom:solid 1px #fff;
  border-left:solid 1px #fff;
  text-align:center;
}

#conts_sub_exp table tr th.t_top {
  color:#fff;
  background-color: #00c8b4;
  background-image:url(../images/list_icon_h4.png);
  padding:10px 20px;
  font-size:120%;
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  -moz-background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  -o-background-size: 4px 4px;
  -ms-background-size: 4px 4px;
  //box-shadow: 2px 3px 2px rgba(0,0,0,.2);
  border-bottom:solid 1px #fff;
  border-left:solid 1px #fff;

}

#sub.conts_sub ul li,#sub2 ul li,#sub3 ul li,#sub4 ul li{


	//font-size:100%
}



//////////////////////////////////////////////////
#sub h3{
	//color:red;
}

#sub p,#sub2 p,#sub3 p,#sub4 p,#facility p{

	//display:block;

}

#sub ol,#sub2 ol,#sub3 ol,#sub4 ol{

	color:#696969;
	font-weight:normal;
	list-style-position:outside;
	line-height:2.2em;
	padding:10px 0 0 50px;
	background:#fffff0;
	border-radius:5px;
	width:87%;
	margin:10px 0 10px 50px;
	list-style-type : decimal;
}

#sub ul,#sub2 ul,#sub3 ul,#sub4 ul,#facility ul {

	margin:5px 0 0 25px;
	background:#fffff0;
	padding:5px 10px 8px 10px;
	border-radius:5px;

}

#sub ul li li,#sub2 ul li li,#sub3 ul li li,#sub4 ul li li{
	//color:#696969;
	//font-weight:normal;
｝

#sub ol li,#sub2 ol li,#sub3 ol li,#sub4 ol li{
	color:#696969;
	font-weight:normal;

}

#sub a img  {
	float:left;
	padding:0 10px 10px 0;
	display:block;
}


//sitemap ////////////////////////////
section#sitemap{
	//background:url(../images/leaf.png) no-repeat:
	//color:red;
	background:red;
}

#accordion{
  list-style: none;
  //width: 500px;
  //font-size: 16px;
  line-height: 1;
  background-color: #3cb371;
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  -moz-background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  -o-background-size: 4px 4px;
  -ms-background-size: 4px 4px;
  //background-size: 4px 4px;
  //border-top: 15px solid #1b4958;
  //border-bottom: 15px solid #1b4958;
  border-radius: 3px;
  box-shadow: 2px 3px 2px rgba(0,0,0,.2);
}
#accordion > li{
  padding: 0;
 // border-right: 1px solid #3a9fc0;
  //border-left: 1px solid #3a9fc0;
}

#accordion li a{
  display: block;
  position:relative;
  color: #fff;
  font-weight:bold;
  text-decoration:none;
  text-shadow: 0 1px 1px rgba(255,255,255,.7);
  padding: 15px 10px 15px 35px;
  //border-bottom: 1px solid #79bfd6;
  //border-top: 1px solid #eef7fa;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;

}

#accordion li li a{
  padding: 15px 10px 15px 15px;
}

#accordion > li:first-child > a{
  border-top: 0px;
}
#accordion > li a:before {
  position: absolute;
  top: 50%;
  left: 15px;
  //font: 24px/100% 'Typicons';
  content: "+";
  color: #fff;
  margin-top: -10px;
  text-shadow: 1px 1px 0px rgba(255,255,255,.7);
}

#accordion li a:hover{
  //color: #1b4958;
  background: rgba(0,0,0,.1);
  border-top-color: #c7e4ee;
}

.arrow{
  position:absolute;
  top:50%;
  right: 30px;
  width: 30px;
  height: 20px;
  line-height: 1;
  text-shadow: 0 -1px 0px rgba(0,0,0,.3);
  margin-top: -10px;
  color: #d4ebf2;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}

.arrow:before{
  font: 30px 'Typicons';
  content: "";
}

#accordion li > a:hover .arrow{
  color: #2f7f99;
}

.rotate {
  color:#2f7f99;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#accordion li ul {
  list-style: none;
  background: #fffff0;
  margin: 0;
}

#accordion li ul li a{
  position:relative;
  background: none;
  line-height: 1;
  padding: 15px 5px 15px 30px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #a0d2e2;
  color:#00c8b4;
}

#accordion li ul li li{
  position:relative;
  background: none;
  line-height: 1;
  padding: 15px 5px 15px 50px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #a0d2e2;
  color:#696969;
}

#accordion li ul li a:before {
  position: absolute;
  top: 50%;
  //left:45px;

  color: #2f7f99;
  margin-top: -8px;
  text-shadow: 1px 1px 0 rgba(0,0,0,.5);
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}



#accordion li ul li:first-child a{
  border-top: 0px;
  box-shadow: 0 7px 7px -7px rgba(0,0,0,.5) inset;
}
#accordion li ul li:last-child a{
  border-bottom: 1px solid #5fb3ce;
}
#accordion li ul li a:hover{
  background: #F0FFF0;
  //border-top-color: #eef7fa;
}


.today_clinic {
  background: #F0FFF0;
  padding:20px;
}

/*clearfix*/


CSS
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}