/* CSS Document */
@import url('style.css');

/*-----------------------------------------------------------------------------
コンテンツページ
基本のレイアウト
-------------------------------------------------------------------------------*/

#container {
	width: 90%;
	margin: 0 auto;
	padding: 60px 0;
	max-width: 1139px;
}

#contents {
	width: calc(100% - 300px);
	float: left;
	text-align: left;
}

#side {
	width: 220px;
	float: right;
}


/*--------resp-----------------------*/
@media screen and (max-width: 1000px) {

#contents,
#side {
	width: 100%;
	float: none;
	text-align: left;
}

#side {border-top: 5px solid #ffffff; padding-top: 30px;}
}






#container img {
	max-width: 100%;
	height: auto;
}


	#container h1 {
	text-align: center;
	color: #0464B2;
	font-size: 30px;
	margin-bottom: 20px;
	}
	
	#container hr {
		background: none;
		border: none;
		border-bottom: 1px solid #D8CFA8;
		max-width: 1139px;
		width: 90%;
		margin: 40px auto 0 auto;
	}
	
	#container h2.sub {
	text-align: center;
	color: #0464B2;
	font-size: 20px;
	margin: -10px auto 0 auto;
	width: 140px;
	background-color: #F8F6EF;
	}
	
	

/*--------side-----------------*/

	#side  p.btn a {
		margin: 0;
		padding: 5px 0;
		text-align: center;
		display: block;
		text-decoration: none;
		border: 1px solid #d6d6d6;
	}
	
	#side  p.btns a {
		margin: 0;
		padding: 5px 0;
		text-align: center;
		display: block;
		text-decoration: none;
		border: 1px solid #d6d6d6;
		background-color: #d6d6d6;
	}

	
#container h1 {
	text-align: center;
	color: #0464B2;
	font-size: 30px;
	margin-bottom: 20px;
	}
	
#container hr {
		background: none;
		border: none;
		border-bottom: 1px solid #D8CFA8;
		max-width: 1139px;
		width: 90%;
		margin: 40px auto 0 auto;
	}
	
#container h2.sub {
	text-align: center;
	color: #0464B2;
	font-size: 20px;
	margin: -10px auto 0 auto;
	width: 140px;
	background-color: #F8F6EF;
	}
	



/*-----------------------------------------------------------------------------

診療案内

-------------------------------------------------------------------------------*/

#contents.column {
	text-align: left;
}

#contents.column h1 {
	color: #ffffff;
	font-size: 20px;
	padding: 10px 15px;
	border-radius: 5px;
	text-align: left;
	margin-bottom: 20px;
	background-color: #0464B2;
}

#contents.column h2 {
	background-color: #E6E5DE;
	border-left: 5px solid #18354E; 
	margin-top: 40px;
	text-align: left;
}

#contents.column p .ttl {
	border: 1px solid #666666;
	font-size: 1.4em;
	line-height: 200%;
	padding: 3px;
}

#contents.column p .sttl {
	border-bottom: 1px solid #666666;
	font-size: 1.2em;
	line-height: 200%;
}
	
	
	#contents.column p {
	padding: 20px;
	font-size: 16px;
	line-height: 180%;
}
	

	

#side.column h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 600;
	color: #FF8000;
	padding: 5px 0;
}
	
#side.column p {
	padding: 0;
	margin: 0;
}

#side.column p a {
	text-decoration: none;
	border-top:1px dashed #D8CEA7;
	display: block;
	padding: 10px 5px;
	margin: 0;
	transition: 0.5s;
}

#side.column p a:hover {background-color: #ECE8D5;}

#side.column p a.slc {
	text-decoration: none;
	background-color: orange;
	color: #ffffff;
	display: block;
	padding: 10px;
	margin: 0;
}

	#side.column p a.btn1 {
		margin: 0;
		padding: 5px 0;
		text-align: center;
		display: block;
		text-decoration: none;
		border: 1px solid #A30002;
		background-color:#A30002;
		color: #ffffff;
	}
	

/*--------resp-----------------------*/
@media screen and (max-width: 830px) {
	
	#contents.column p {
	padding: 15px;
}
}
	
/*-----------------------------------------------------------------------------

スタッフ

-------------------------------------------------------------------------------*/

#staff {}

#staff .basewaku {
	width: 100%;
	max-width: 1139px;
	margin: 0 auto;
	letter-spacing: -0.4em;
	text-align: center;
	padding: 30px 0;
}

#staff .basewaku .box,
#staff .basewaku .boxt{
	width: 20%;
	letter-spacing: normal;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	margin: 20px 0;
}

#staff .basewaku .box img {
	width: 100%;
	height: auto;
}

#staff .basewaku .box h3,
#staff .basewaku .boxt h3 {
	border-left: 3px solid #d6d6d6;
	padding: 5px 10px;
	text-align: left;
	color: #0464B2;
	font-weight: 500;
	background-color: #ffffff;
}

	#staff .basewaku .box a {text-decoration:none;}
	#staff .basewaku .box .name {
		font-size: 18px;
	}
	
	#staff .basewaku .box .now {
		font-size: 13px;
		padding: 0 0 0 5px;
	}
	
	#staff .basewaku .box .now::before {content: "[ "}
	#staff .basewaku .box .now::after {content: " ]"}
	
	
/*--------resp-----------------------*/
@media screen and (max-width: 1000px) {


#staff .basewaku .box,
#staff .basewaku .boxt {
	width: 25%;
	padding: 10px;
	margin: 20px 0;
}

}


/*--------resp-----------------------*/
@media screen and (max-width: 830px) {

#staff .basewaku .boxt {width: 100%; margin: 0;}
#staff .basewaku .box {
	width: 33.333%;
	padding: 10px;
	margin: 10px 0;
}

}

/*--------resp-----------------------*/
@media screen and (max-width: 550px) {

#staff .basewaku .box {
	width: 50%;
	padding: 10px;
	margin: 20px 0;
}

}
	
	
/*---構成員詳細-----*/

#breadc {
	padding: 5px 25px 20px 25px;
}

	#breadc p {margin: 0; padding: 0;}
	#breadc p span.yaji {
		padding: 0 5px;
	}

#prof {}

#prof .waku {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	padding: 40px;
	margin-bottom: 20px;
}

#prof .waku h1 {
	border-bottom: 1px solid #d6d6d6;
	border-left: 5px solid #18354E;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 20px;
	background-color: #f6f6f6;
	text-align: left;
}


#prof .waku .img {}
#prof .waku .img img {
	height: 150px;
	width: auto;
}


#prof .waku hr {
	border: none;
	background-color: #ffffff;
	border-bottom: 1px dashed #d6d6d6;
	margin:  20px 0;
}

#prof h3 {margin: 0 0 20px 0;}



#prof a.btn1,.btn1:focus {
		padding:3px 10px;
		border-top:1px dotted #d6d6d6;
		border-bottomo:1px dotted #d6d6d6;
		cursor:pointer;
		background-color: #d6d6d6;
		text-decoration:none;
		font-size: 14px;
		border-radius: 3px;
	}
	
#prof a.btn1:hover {
		background-color:#555555;
		cursor:pointer;
		color: #ffffff;
		border-color: #555555;
	}

#prof a.btn1 {
	-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
		 -o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
			}



/*--------smp-----------------------*/
@media screen and (max-width: 650px) {
	
#prof .waku {
	padding: 20px;
}
}


/*--------smp-----------------------*/
@media screen and (max-width: 550px) {
	
#prof .waku {
	padding: 0px;
	border: none;
	background-color: rgba(255,255,255,0);
}
}


/*--画像の配置サイズ----*/
img.main,
img.mains {
	width: 150px;
	height: auto;
	float: right;
	margin: 0 0 10px 30px;
}

img.mainm {
	width: 40%;
	height: auto;
	float: right;
	margin: 0 0 10px 30px;
}

img.mainl {
	width: 100%;
	height: auto;
	margin: 0 0 0px 0;
}

img.imgthird {
	width: 33.3333%;
	padding: 5px;
	height: auto;
	box-sizing: border-box;
}

img.imghalf {
	width: 50%;
	padding: 5px;
	height: auto;
	box-sizing: border-box;
}

img.imgfull {
	width: 100%;
	padding: 0;
	height: auto;
	box-sizing: border-box;
}


/*--------smp-----------------------*/
@media screen and (max-width: 550px) {


img.imgthird,
img.imghalf,
img.imgfull {
	width: 100%;
	padding: 5px;
	height: auto;
	box-sizing: border-box;
}
}



/*-----------------------------------------------------------------------------

当院の特長

-------------------------------------------------------------------------------*/

#contents.clinic {}

#contents.clinic h1 {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	text-align: left;
	padding: 20px;
	margin-bottom: 10px;
}

#contents.clinic h2 {
	font-size: 20px;
	color: #0464B2;
	padding: 10px 20px;
}

#contents.clinic p {
	padding: 20px;
	margin: 0;
	line-height: 180%;
}

#contents.clinic p img.right {
float: right;
margin: 0 0 10px 30px;
}

#contents.clinic ol {
	counter-reset: li;
}

#contents.clinic ol > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left: 1em; /*li:before分左に余白を。調整可*/
	/*margin-bottom: 0.8em;*//*リストの数字がくっついてしまう場合*/
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 180%;
}

#contents.clinic ol > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background: #0464B2; /*薄いピンク*/
	color: #ffffff; /*白*/
	border-radius: 50%; /*丸く*/
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.6em; /*幅を決めるheightと同じ数値に*/
	height: 1.6em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left: -1em; /*項目の基準、左にあわせる*/
	top: 1px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 1.6;/*数字の位置あわせで数値を指定*/
}

#contents.clinic .imgarea {
	padding: 10px 20px;
}

#contents.clinic .imgarea img {
	width: 50%;
	height: auto;
}

/*--------smp-----------------------*/
@media screen and (max-width: 700px) {

section.pfm ol > li {
	padding-left: 0em; /*li:before分左に余白を。調整可*/

}

section.pfm ol > li:before {
	left: -2.5em; /*項目の基準、左にあわせる*/
}
}


/*-----------------------------------------------------------------------------

治療内容

-------------------------------------------------------------------------------*/


	#sinryo .waku {
		width: 98%;
		max-width: 1139px;
		letter-spacing: -0.4em;
		margin: 0 auto;
		text-align: center;
		padding: 20px 0 50px 0;
	}
	
	#sinryo .waku .box {
		width: 18%;
		margin: 20px 1%;
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
		}
	
	#sinryo .waku .box a {
		box-sizing:border-box;
		display: block;
		border:5px solid rgba(255,255,255,0);
		transition: 0.5s;
		text-decoration: none;
	}
	
	#sinryo .waku .box h3 {
		font-size: 15px;
		font-weight: 400;
	}


/*--------resp-----------------------*/
@media screen and (max-width: 1000px) {

	#sinryo .waku .box {
		width: 23%;
		margin: 20px 1%;
		}
}


/*--------resp-----------------------*/
@media screen and (max-width: 830px) {

	#sinryo .waku .box {
		width: 31.3333%;
		margin: 20px 1%;
		}
}

/*--------resp-----------------------*/
@media screen and (max-width: 550px) {

	#sinryo .waku .box {
		width: 48%;
		margin: 20px 1%;
		}
}


/*-----------------------------------------------------------------------------

診療時間

-------------------------------------------------------------------------------*/

#contents.exam {}

#contents.exam h1 {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	text-align: left;
	padding: 20px;
	margin-bottom: 10px;
}


#contents.exam p {
	padding: 20px;
	margin: 0;
	line-height: 180%;
}

	
		#contents.exam h3 {
			color: #0464B2;
			font-weight: 400;
			background: url("settings/img/common/i5s.png") no-repeat left;
			padding: 15px 0 0 55px;
			margin: 20px;
		}

		#contents.exam table {
			width: 80%;
			margin: 0 20px;
			background-color: #0464B2;
			border-spacing: 1px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			overflow: hidden;
			text-align: center;
			border: 1px solid #0464B2;
		}
		
		#contents.exam table td {
			background-color: #ffffff;
			padding: 10px;
			color: #0464B2;
			font-size: 18px;
		}
		
		#contents.exam table th {
			background-color: #0464B2;
			padding: 10px;
			color: #ffffff;
		}
		

/*--------smp-----------------------*/
@media screen and (max-width: 550px) {

		#contents.exam table td {
			padding: 5px;
			font-size: 16px;
		}
		
		#contents.exam table th {
			padding: 5px;
		}
		

}

/*-----------------------------------------------------------------------------

施設案内

-------------------------------------------------------------------------------*/

#contents.eq {letter-spacing: -0.4em;}

#contents.eq h1 {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	text-align: left;
	padding: 20px;
	margin-bottom: 10px;
	letter-spacing: normal;
}


#contents.eq p {
	padding: 5px 20px;
	margin: 0;
	line-height: 180%;
	letter-spacing: normal;
}


#contents.eq .box {
	width: 50%;
	padding: 20px;
	box-sizing: border-box;
	display: inline-block;
	letter-spacing: normal;
}

	#contents.eq .box img {
		width: 100%;
		height: auto;
	}


#contents.eq h2 {
	font-size: 20px;
	color: #ffffff;
	padding: 10px 20px;
	letter-spacing: normal;
	background-color: #0464B2;
	border-radius: 5px;
	margin: 10px 0 20px 0;
}



/*-----------------------------------------------------------------------------

スタッフ募集

-------------------------------------------------------------------------------*/

#contents.recruit {letter-spacing: -0.4em;}

#contents.recruit h1 {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	text-align: left;
	padding: 20px;
	margin-bottom: 10px;
	letter-spacing: normal;
}





#contents.recruit .box {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	display: inline-block;
	letter-spacing: normal;
	margin: 0 auto 30px auto;
}

#contents.recruit .box a {text-decoration: none;}


#contents.recruit h2 {
	font-size: 20px;
	color: #333333;
	background-color: #fffff;
	padding: 10px 20px;
	letter-spacing: normal;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #d6d6d6;
	border-left: 3px solid  #0464B2;
}

#contents.recruit h3 {
	font-size: 20px;
	color: #ffffff;
	padding: 10px 20px;
	background-color: orange;
	border-radius: 5px;
	letter-spacing: normal;
	margin: 10px 0 10px 0;
}

#contents.recruit p {
	padding: 5px 20px;
	margin: 0;
	line-height: 180%;
	letter-spacing: normal;
}


#contents.recruit .box p {
	padding: 5px 20px;
	margin: 0;
	line-height: 180%;
	letter-spacing: normal;
}


	#contents.recruit dl {
		margin:20px auto 40px 0;
		letter-spacing: normal;
		border: 2px solid #ffffff;
		padding: 20px;
		line-height: 180%;
	}
	
	#contents.recruit dt {
		float:left;  
		width:160px;  
		padding:5px 0 5px 0;  
		clear:both;
		border-top: 1px dotted #d6d6d6;
	}

	#contents.recruit dd {  
		margin-left:160px;  
		padding:8px 0 8px 5px;
		text-align:left;
		box-sizing:border-box;
		border-top: 1px dotted #d6d6d6;
	}
	
	span.red {
		background-color: red;
		border-radius: 5px;
		padding: 3px;
		color: #ffffff;
		font-size: 11px;
	}
	
	
/*--------smp-----------------------*/
@media screen and (max-width: 830px) {


#contents.recruit p {
	padding: 5px 0px;
}


#contents.recruit h2 {
	font-size: 18px;
	padding: 5px 15px;
	letter-spacing: normal;
	margin: 10px 0 10px 0;
}

	#contents.recruit dl {
		margin:20px auto 40px 0;
		border: none;
		padding: 0px;
	}
	
	#contents.recruit dt {
		float:none;  
		width:100%;  
		padding:5px 0 5px 0;  
		color: #0464B2;
		font-weight: 500;
		border-color: #666666;
	}

	#contents.recruit dd {  
		margin-left:0;  
		padding:5px 0 5px 0px;
		border-top: none;
	}
	

}
	
/*-----------------------------------------------------------------------------

交通事故治療

-------------------------------------------------------------------------------*/

#contents.jiko {}

#contents.jiko h1 {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	text-align: left;
	padding: 20px;
	margin-bottom: 10px;
	letter-spacing: normal;
}

#contents.jiko p {
	padding: 0 20px 20px 20px;
	margin: 0;
	line-height: 180%;
	letter-spacing: normal;
}


#contents.jiko h2 {
	font-size: 20px;
	color: #333333;
	background-color: #fffff;
	padding: 10px 0;
	letter-spacing: normal;
	margin: 30px 0 30px 0;
	border-bottom: 1px solid #d6d6d6;
	font-weight: 500;
	  padding-left: 4.5em;
  text-indent: -4.5em;
}

#contents.jiko h3 {
	font-size: 20px;
	color: #ffffff;
	padding: 10px 20px;
	background-color: orange;
	border-radius: 5px;
	letter-spacing: normal;
	margin: 20px 0 20px 0;
}

	#contents.jiko h2 span {font-size: 1.3em;}
	
	#contents.jiko h2 span.point {
		background-color: #0464B2;
		padding: 3px 5px;
		color: #Ffffff;
		font-family: 'Teko', sans-serif;
	}
	
	
#contents.jiko .img {
	width: 100%;
	max-width: 837px;
	margin: -7px 0 20px 0;
	white-space: nowrap;
	letter-spacing: -0.4em;
	overflow: hidden;
}

	#contents.jiko .img a img {
		width: 25%;
		height: auto;
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	
#contents.jiko ol {
	counter-reset: li;
	margin-bottom: 30px;
}

#contents.jiko ol > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left: 1em; /*li:before分左に余白を。調整可*/
	/*margin-bottom: 0.8em;*//*リストの数字がくっついてしまう場合*/
	margin: 10px 0;
	font-size: 16px;
	line-height: 180%;
}

#contents.jiko ol > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background: orange; /*薄いピンク*/
	color: #ffffff; /*白*/
	border-radius: 50%; /*丸く*/
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.6em; /*幅を決めるheightと同じ数値に*/
	height: 1.6em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left: -1em; /*項目の基準、左にあわせる*/
	top: 1px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 1.6;/*数字の位置あわせで数値を指定*/
}


#contents.jiko img.right {
float: right;
margin: -70px 0 10px 30px;
max-width: 40%;
height: auto;
}

/*--------smp-----------------------*/
@media screen and (max-width: 830px) {

#contents.jiko img.right {
margin: 0px 0 10px 30px;
}

	#contents.jiko .img img {
		width: 50%;
	}


#contents.jiko p {
	padding: 0 10px 20px 10px;
}

}


/*-----------------------------------------------------------------------------

お知らせ

-------------------------------------------------------------------------------*/

#contents.info {}

#contents.info h1 {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	text-align: left;
	padding: 20px;
	margin-bottom: 20px;
	letter-spacing: normal;
}

#contents.info h2 {
	font-size: 20px;
	color: #333333;
	background-color: #fffff;
	padding: 10px 20px;
	letter-spacing: normal;
	margin: 10px;
	border-bottom: 1px solid #d6d6d6;
	border-left: 3px solid  #0464B2;
}

#contents.info p{
	padding: 20px 30px;
}




	
/*-----------------------------------------------------------------------------

学会論文

-------------------------------------------------------------------------------*/

#contents.society {
background-color: #ffffff;
padding: 20px;
box-sizing: border-box;
}

#contents.society h1 {
	border: 1px solid #d6d6d6;
	background-color: #ffffff;
	text-align: left;
	padding: 20px;
	margin-bottom: 20px;
	letter-spacing: normal;
}

#contents.society p {
	padding: 0 20px 20px 20px;
	margin: 0;
	line-height: 180%;
	letter-spacing: normal;
}

#contents.society h2 {
	font-size: 20px;
	color: #333333;
	background-color: #fffff;
	padding: 10px 20px;
	letter-spacing: normal;
	margin: 10px 10px 20px 10px;
	border-bottom: 1px solid #d6d6d6;
	border-left: 3px solid  #0464B2;
}


	#contents.society dl {
		margin:20px auto 40px auto;
		letter-spacing: normal;
		line-height: 180%;
		width: 90%;
	}
	
	#contents.society dt {
		float:left;  
		width:100px;  
		padding:5px 0 5px 0;  
		clear:both;
		border-top: 1px dotted #d6d6d6;
	}

	#contents.society dd {  
		margin-left:100px;  
		padding:5px 0 5px 5px;
		text-align:left;
		box-sizing:border-box;
		border-top: 1px dotted #d6d6d6;
	}
	
	#contents.society dd img {
		float: right;
		margin: 0 0 5px 20px;
	}
#contents.exam h3.doc {
			color: #0464B2;
			font-weight: 400;
			background: none;
			padding: 15px 0 0 0px;
			margin: 20px;
		}



#container table.doctbl {
	text-align:left;

	background: none;
	border:none;
	table-layout: fixed;
	
}
#container table.doctbl td h4{

	font-size:16px;
}
#container table.doctbl td{
	vertical-align:	top;
	padding: 0 0 20px 0px;
	box-sizing: border-box;
	background: none;
	color:#000;
	font-size: 14px;
}
#container table.doctbl td:first-child{
	width:120px;
}
#container table.doctbl td span{
	display: inline-block;
	width:30px;
	height: 30px;
	border-radius: 50%;
	background:#0464B2;
	color:#fff;
	text-align: center;
	line-height: 30px;
	margin: 0 5px 0 0;
}