@charset "UTF-8";
/* CSS Document */


/* ============================
		#mainvisual
============================ */

#mainvisual {
	background: url(../images/common/bgMain.png) no-repeat scroll 0 0 transparent;
}

#mainvisual h2 {
	color: #fff;
	font-size: 26px;
	font-size: 2.6rem;
	height: 164px;
	line-height: 164px;
	padding-left:0;
}


/* ============================
		#breadNavi
============================ */

#breadNavi {
	background: #f5e4e4;
}

#breadNavi ul {
	padding: 5px 0;
}

#breadNavi ul li {
	display: inline;
}

#breadNavi ul li a {
	text-decoration: underline;
	color: #7c0711;
}


/* ============================
		#ctArea
============================ */

#ctArea  {
	padding-bottom: 30px;
}

#ctArea .contents {
	width: 90%;
	margin: 0 auto;
	background: #f5f5f5;
	padding: 10px;
}

#ctArea .contents h3 {
	padding: 10px;
	margin-bottom: 20px;
	background: #f5e4e4;
	border-bottom: 5px solid #d44356;
	font-size: 16px;
	font-size: 1.6rem;
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px; 
}

#ctArea .contents h4 {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 14px;
}


/* ============================
		#greeting
============================ */

#greeting .ctBox {
	margin-bottom: 40px;
}

#greeting #director .imgBox,
#greeting #deputy .imgBox,
#greeting #parttime .imgBox {
	margin-bottom: 20px;
}

#greeting h4.name {
	color: #7c0711;
}

#greeting #director dl dt {
	float: left;
	display: inline;
	width: 20%;
	/*border-bottom: 1px solid #eadddd;*/
}

#greeting #director dl dd {
	padding-left: 25%;
	border-bottom: 1px solid #eadddd;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#greeting #director .dtBox,
#greeting #parttime .dtBox {
	background: #f5e4e4;
	padding: 20px;
	border: 1px solid #eadddd;
	margin: 30px 0;
}

#greeting #director .dtBox h4 {
	margin-bottom: 7px;
}

#greeting #director #media {
	padding: 20px;
	border: 1px solid #eadddd;
	margin: 30px 0;
	clear:both;
	overflow:hidden;
}

#greeting #director #media .title {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 14px;
	color: #7c0711;
}

#greeting #director #media .read {
	margin-bottom: 7px;
	color: #7c0711;
}

#greeting #director #media .attention {
	margin-bottom: 7px;
	color: #7e7c4b;
}

#greeting #director #media .important {
	margin-bottom: 7px;
	font-weight: bold;
}

#greeting #director #medical p {
	margin-bottom: 20px;
}


/* ============================
		inspection01
============================ */

ul.listMerit{
	padding:10px 10px 0;
	background:#EEEDE1;
	margin-bottom: 20px;
}
ul.listMerit li{
	background: url("../images/common/disc.png") no-repeat 0px 5px;
	padding-left:10px;
	padding-bottom:10px;
}


/* ============================
		inspection02
============================ */

p.imgRcap {
	text-align: center;
}
p.imgRcap img {
	display: block;
	margin-bottom: 20px;
}


#col1 p:nth-child(3) {
	margin-top: 20px
}

ul.imgLay2 {
	text-align: center;
}

ul.imgLay2 li:first-child {
	margin-bottom: 20px;
}

ul.imgLay2 {
	margin-top: 20px;
}


/* ============================
		operation
============================ */

.mb20 {
	margin-bottom: 20px;
}

.h4_title {
	font-size: 18px;
	font-size: 1.8rem;
	background: url(../images/common/icoTitle.png) no-repeat;
	padding-left: 15px;
	margin-top: 40px;
}

ul.imgLay4flow li{
	position: relative;
	padding-bottom: 40px;
}


ul.imgLay4flow li:last-child:after {
	background: none;
}

ul.imgLay4flow li img {
margin-bottom: 5px;
}

/* ============================
		clinicinfo
============================ */

.colL650 {
	margin-bottom: 20px;
}
.colL650 dl.dlProfile dt{
  font-weight: bold;
	padding:8px 0;
}

.colL650 dl.dlProfile dd{
	padding:8px 0;
	border-bottom:1px dotted #eadddd;
}

dl.dlListIc dt{
	padding-top:20px;
}
dl.dlListIc dd{
	padding-top:10px;
}

div#map{
	margin:0 auto;
	text-align:center;
}



#clinic_map{
	text-align: center;
	margin:40px auto 20px;
}
#clinic_map .sp_map{
	display: none;
}

.col_740 p.imgLcap{
	margin-bottom: 10px;
}

p.imgLcap {
	    text-align: center; 
}
p.imgLcap img {
	display: block;
	margin-bottom: 5px;
}

div#slider{
	margin:0 auto 10px;
	text-align:center;
}

#slider, #slider li {
	max-width:503px;
	height:365px;
	overflow:hidden;
}

ul.imgLay2 li img{
	display:block;
	margin:0 auto 5px;
}

ul.imgLay3 li{
	text-align:center;
}
ul.imgLay3 li img{
	display:block;
	margin:5px auto;
}

ul.imgLay4 li{
	text-align:center;
}
ul.imgLay4 li img{
	display:block;
	margin:5px auto;
}

.listDisc {
	margin-bottom: 10px;
}

.btnZoom,.btnSlide {
	margin-top: 20px;
	text-align: center;
}

.btnZoom img {
	text-align: center;
	
}

.ctBox {
	margin-bottom: 40px;
}

.colslider {
	text-align: center;
}

#prevBtn {
    margin-right: 20px;
}



/* for treat
------------------------------------------------------------------------- */
h5.h5_title01{
	margin-bottom:10px;
	font-size: 14px;
  font-size: 1.4rem;
	font-weight:bold;
	color:#837B4A;
}
h5.h5_title02{
	background: url("../images/common/ic02.png") no-repeat 0 4px;
	margin-bottom:10px;
	padding-left:15px;
	font-size: 14px;
    font-size: 1.4rem;
	font-weight:bold;
	color:#837B4A;
}

ul.listDisc02 li{
	background: url("../images/common/disc.png") no-repeat 0px 5px;
	padding-left:10px;
	margin-bottom:5px;
	width:15em;
	float:left;
	display:inline;
}

.line02 {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
}

#treat ul.listDisc li {
    background: url("../images/common/disc.png") no-repeat 0 center;
    padding-left: 10px;
    margin-bottom:5px;
}

#treatcooperation img{
	width:80%;
}

/*table*/
#treat table.table01{
	width:100%;
}

#treat table.table01 th{
	border: 1px solid #CCCCCC;
	padding:5px 20px;
	vertical-align:top;
	font-weight:normal;
	background:#EEEDE1;
	text-align:center;
	width:20%;
}
#treat table.table01 td{
	border: 1px solid #CCCCCC;
	padding:5px 20px;
	text-align:center;
	width:20%;
}
#treat table.table01 td.td01{
	background:#F5F4EF;
}
#treat table.table01 .td02{
	color:#E42B5B;
	font-weight:bold;
}

.table00 td:first-child {
	width: 30%;
	font-weight: bold;
}

.notetxt {
	font-weight: normal;
}

.table00 tr:last-child td{
	padding-top: 10px;
}

/* ============================
 media query
============================ */

@media screen and (min-width: 640px) {


	#mainvisual h2 {
		padding-left:0px;
	}

	#ctArea  {
		padding-bottom: 100px;
	}
	
	#ctArea .contents {
		padding: 3%;
	}
	
	#greeting #director .profile .imgBox,
	#medical .imgBox,
	#media .box .imgBox,
	#deputy .profile .imgBox,
	#parttime .profile .imgBox{
		float: left;
		display: inline;
		width: 30%;
	}

	
	#greeting #director .profile .boxIn,
	#medical .boxIn,
	#media .box .boxIn,
	#deputy .profile .boxIn,
	#parttime .profile .boxIn{
		float: right;
		display: inline;
		width: 65%;
	}




/* for inspection
------------------------------------------------------------------------- */

ul.imgLay2_100 li{
	width:100px;
	float:left;
	display:inline;
	margin-left:20px;
	text-align:center;
}
ul.imgLay2_100 li img{
	display:block;
	margin-bottom:3px;
}


div.colR240 {
    width: 240px;
    float: right;
}


div.boxLine2{
	border: 1px solid #cccccc;
	padding:15px;
}

div.colL150 {
/*    max-width: 150px;*/
    width: 20%;
    float: left;
    margin: 0 auto;
    display: table;
    text-align: center;
/*    margin-left: 5%;*/
}

div.colL150 p:first-child {
	margin-bottom: 30px;
}

.fontS {
    font-size: 81.25%;
}

#inspection01 .grafImg .imgRcap {
	width: 75%;
}

p.imgRcap {
	float: right;
	margin: 0 0 5px 20px;
}

p.imgLcap {
	float: left;
	margin: 0 20px 5px 0;
	text-align: center; 
}
p.imgLcap img {
	display: block;
	margin-bottom: 5px;
}

ul.imgLay2 {
	margin-top: 0px;
}

ul.imgLay2 li {
	display: inline-block;
	text-align: center;
}
ul.imgLay2 li:first-child {
	margin-right: 15%;
	margin-bottom: 0;
}

ul.imgLay2 li img {
	display: block;
	margin: 0 auto 5px;
	width: auto;
}

/* for operation
------------------------------------------------------------------------- */

.ope ul.imgLay2 li {
		width: 35%;
    max-width: 300px;
}

.ope ul.imgLay2 li img {
		width: 100%;
}

.ope ul.imgLay2 li:first-child {
	margin-right: 10%;
}

#col1 {
	margin-bottom: 20px;
    min-height: 160px;
}

ul.imgLay4flow{
	text-align: center;
}
ul.imgLay4flow li{
	width:20%;
	display: inline-table;
    text-align: center;
	text-align:left;
	padding-bottom:5px;
	padding-right:33px;
	font-size:87.5%;
	position: relative;
}

ul.imgLay4flow li:after {
	position: absolute;
	content:"";
	background:url(../images/operation/iconArrow01.png) no-repeat;
	width: 21px;
	height: 24px;
	top: 35%;
	right: 3px;
}



ul.imgLay4flow li.end{
	margin-right:0;
	background: none;
	padding-right:0;
}
ul.imgLay4flow li img{
	display:block;
	margin-bottom:5px;
	width: 100%;
}

/* for clinicinfo
------------------------------------------------------------------------- */


div.colL650{
	    padding:40px 220px 0 0;
			margin-bottom: 0;
}


.colL650 dl.dlProfile dt{
	font-weight: normal;
    float:left;
	clear:left;
    width: 7em;
}

div.colR360{
	width:45%;
	float:right;
}


dl.dlListIc dt{
    float:left;
	clear:left;
	margin-bottom:15px;
	padding-top:10px;
}
dl.dlListIc dd{
  margin-left: 50px;
	margin-bottom:15px;
	min-height:40px;
}

div#slider{
	margin:0 auto 10px;
	text-align:center;
}
/* slider */
#slider, #slider li {
	width:503px;
	height:365px;
	overflow:hidden;
}

/*imgLay2*/
#clinicinfo ul.imgLay2{
	margin-left:150px;
}
#clinicinfo ul.imgLay2 li{
	width:260px;
	float:left;
	display:inline;
	margin-right:40px;
	text-align:center;
}
ul.imgLay2 li img{
	margin:0 auto 5px;
}
/*ul.imgLay3{
	margin-left:60px;
}*/
ul.imgLay3 li{
	width:25%;
	max-width:200px;
	float:left;
	display:inline;
	margin-right:10%;
}
ul.imgLay3 li img{
	margin:0 auto 5px;
}

ul.imgLay4 li{
	width: 20%;
	max-width:145px;
	float:left;
	display:inline;
	margin-right:6%;
}
ul.imgLay4 li img{
	margin:0 auto 5px;
}
ul.imgLay3 li:last-child,ul.imgLay4 li:last-child {
	margin-right: 0;
}

.AccessDetail .imgLcap {
	width: 50%;
}

.btnZoom img {
	width: auto;
}
/*
#map .map01 {
	display: block;
}

#map .map02 {
	display: none;
}*/

#clinicinfo .col_740 ,#clinicinfo ul.imgLay3,#clinicinfo ul.imgLay4 {
	margin-left: 40px;
}


/* for treat
------------------------------------------------------------------------- */
#treat .colL650 {
    width: 70%;
    float: left;
		margin:0 ;
		padding: 0;
}

#treat  p.imgRcap {
    margin: 0;
    width: 30%;
    max-width: 200px;
}

.table00 td:first-child {
	width: 100px;
	font-weight: normal;
}

table.table01 th {
	width: 100px;
}

#treat .graph{
	max-width: 705px;
}

#treat .imgLay {
	text-align: center;
}

#treat .imgLay img {
	max-width: 636px;
}



}

@media screen and (max-width: 639px) {

	#breadNavi ul {
	padding: 5px;
	}	
	.dlListIc dt img{
		width: auto;
		margin-bottom: 10px;
	}
	
	#clinicinfo .dlListIc dt img{
		margin-bottom: 0;
	}
	
	
	.h4_title {
	    background-size: 6px 100%;
	}
	
	table.table01 th,table.table01 td {
	font-size: 12px;	
font-size: 1.2rem;
	}
	
	table.table01 th ,table.table01 .td01{
	    padding: 3px !important;
	}
	
	#treat table.table01 {
		width: 100%;
	}

	#inspection01 .imgLay2_100 li{
		text-align: center;
	    margin-bottom: 20px;
	}

	#inspection01 .imgLay2_100 li img {
			width: 40%;
	    display: block;
	    text-align: center;
	    margin: 0 auto;
	}

	#inspection01 .boxLine2 {
		margin-top: 20px;
	}

	#inspection01 .boxLine2 p.imgRcap img {
		margin-bottom: 0;
	}

	#inspection01 .boxLine2 p.imgRcap {
		margin-bottom: 20px;
	}


	div.colL150 {
	 /*   width: 40%;*/
	    margin: 0 auto;
	    display: table;
			text-align: center;
	}

	div.colL150 p:first-child {
		margin-bottom: 30px;
	}

	ul.imgLay4flow li{
		text-align: center;
	}
	ul.imgLay4flow li:after {
		position: absolute;
		content:"";
		background:url(../images/operation/iconArrow02.png) no-repeat;
		width: 24px;
		height: 21px;
		bottom: 10px;
		left: 45%;
	}

	#clinicinfo ul.imgLay3 li,#clinicinfo ul.imgLay4 li {
		margin-bottom: 10px;
	}

	#clinicinfo #slider li {
	    max-width: 300px; 
	    height: 220px;
	    overflow: hidden;
	    float;left;
	}

	#clinicinfo #slider{
	    max-width: 300px;
	    height: 220px;
	    overflow: hidden;
	}

	.btnZoom {
		  width: 80%;
	    margin: 20px auto;
	}


	#clinic_map .pc_map{
		display: none;
	}
	#clinic_map .sp_map{
		display: inherit;
	}
}