@charset "utf-8";

/*---------------------------------------------
	Browser reset css
  ---------------------------------------------*/
html {
	overflow-y: scroll;
}
body{
	font-family:Century Gothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
html, body, div, header, footer, nav, article, section, aside, hgroup, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, code, span, mark, a, em, strong, abbr, cite, del, dfn, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, details, summary, menu, output, ruby, time, img, figure, figcaption, audio, video, canvas, embed, object, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/* ------ Body ------ */
html.ie8 body{
	width:1345px;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #666;
	background-color: #333;
	position:relative;
	font-size:13px;
	line-height: 160%;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* ------ Anchor ------ */

a {
	outline: none;
	text-decoration:none;
	color:#333333;
}

a:link {
	text-decoration: none;
	color: #094162;
}
a:visited {
	text-decoration: none;
	color: #094162;
}
a:hover {
	text-decoration: none;
	color: #0178B2;
}
a:active {
	text-decoration: none;
	color: #0178B2;
}

/* ------ Font ------ */

/* 各ブラウザに対応したWebフォントを指定 */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

/* フルードイメージ対応 */
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}

p {
	font-size:100%
}

.img {
	text-align: center;
}

.text-center {
	text-align: center;
}

/* ==================================================  
	+1: Leyout Pattern Set
================================================== */
.boxSet {
	clear: both;
	float: none;
}
/* clearFix
================================================== */
.clearFix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }

.clearFix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearFix { zoom:1; height: 1%; }

.clearFix { display: block; }/* End hide from IE-mac */

/* ------ Column ------ */

.row {
	width: 100%;
	margin: 0 auto;
	padding: 0 5%;
	box-sizing:border-box;
}
.row:after {
	content: "";
	display: block;
	clear: both;
}

/* 各カラムを横並びにし、左マージンを設定 */
.col {
	float: left;
	margin-left: 3.2258064515%;
}

/* 左端のカラムの左マージンを削除 */
.col:first-child,
.col.left {margin-left: 0;}

/* カラムの左右を入れ替えるための設定 */
.col.right {
	float: right;
	margin-left: 3.2258064515%;
}

/* 各カラムの幅を％で設定 */
.one-second {width: 48.3870967741%;}
.one-third {width: 31.1827956988%;}
.two-third {width: 65.5913978494%;}

.one-fourth {width: 26%;}
.two-fourth {width: 48.3870967741%;}
.three-fourth {width: 74%;}


/* ------ Article ------ */

article {
	background-color: #fff;
}


/* ------ Index ------ */

.index,
.sub {
	padding-bottom: 50px;
}

.index section a,
.sub section a {
	display: block;
	position: relative;
	text-decoration: none;
}

.index .img {
	margin-bottom: 10px;
}
.index .img img,
.sub .img img {
	width: 100%;
	height:auto;
}


/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

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

	.row {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 5%;
		box-sizing:border-box;
	}


	/* ------ Column ------ */

	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}

	/* ------ Article ------ */

	article {
		padding-bottom: 30px;
	}

	article p {
		font-size: 90%;
	}


	/* ------ Index ------ */

	.index,
	.sub {
		padding-bottom: 0;
	}

	.index section a:after,
	.sub section a:after {
		content: "\e601";
		font-family: 'icomoon';
		font-size: 11px;
		display: block;
		position: absolute;
		width: 10px;
		line-height: 10px;
		top: 50%;
		margin-top: -5px;
		transition-duration: 0.3s;
	}
	.index section a.figure_link:after,
	.sub section a.figure_link:after {
		display: none;
	}
	.index section a:link:after,
	.index section a:visited:after,
	.sub section a:link:after,
	.sub section a:visited:after {
		right: 6px;
	}
	.index section a:hover:after,
	.index section a:active:after,
	.sub section a:hover:after,
	.sub section a:active:after {
		right: 3px;
	}

	.index h2:after,
	.sub h2:after {
		display: none;
	}

	.index .img,
	.sub .img {
		margin-bottom: 0px;
	}


}


/* ==================================================
     contents-wrapper
================================================== */
div.contents-wrapper{
	padding-left:248px;
}

/* ==================================================
     Sidebar
================================================== */
#sidebar{
	margin-top: 0;
	border-bottom: none;
	position:absolute;
	left:0;
	top:0;
	z-index:101;
	background-color:#fff;
	width:248px;
}

@media screen and (max-width:767px){
	body.sp div.contents-wrapper{
		padding-left:0 !important;
	}
	body.sp #sidebar{
		display:none !important;
	}
}

/* ==================================================
     headerBox
================================================== */
#headerBox{
	width:240px;
	position:absolute;
	left:0;
	top:0;
	min-height:100%;
	background-color:#fff;
	z-index:500;
	border-right:solid 1px #d7d7d7;
	border-bottom:solid 0px #d7d7d7;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
	box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
#headerBox a{
	display:block;
	width:100%;
	color:#666666;
}
#headerBox h1{
	width:248px;
}
#headerBox h1 a{
	text-align:center;
	padding:30px 0 20px;
	line-height: 25px;
	font-size: 15px;
	font-weight: normal;
}
#headerBox h1 a span {
	font-size: 13px;
}

/* ==================================================
　　　header_nav
================================================== */
#header_nav{
	border-top:solid 1px #f0f0f0;
	border-bottom:solid 1px #f0f0f0;
	background-color: #ededed;
}
#header_nav #nav_menu{
	padding:0px 0;
	width:248px;
}

#header_nav #nav_menu li{
font-family: Helvetica,arial,Sans-Serif;
font-size: 13px;
font-weight: normal;
height:40px;
list-style:none;
display:inline;
margin: 0;
}

#header_nav #nav_menu li a{
text-decoration:none;
padding: 12px auto;
line-height:40px;
height:40px;
text-align: center;
width:247px;
	text-align:center;
	position:relative;
	z-index:100;
	border-bottom:solid 1px #ffffff;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
#header_nav #nav_menu li a:hover,
#header_nav #nav_menu li a:active {
	width:247px;
	color:#fff;
background: #9bd0dd;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
padding: 6px auto;
}
 
#header_nav #nav_menu li a.current {
	width:247px;
	color:#fff;
background: #3e6db1;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
padding: 6px auto;
}
/* remote */
#headerBox nav.remote{
	padding:0;
}
#headerBox nav.remote a{
	color: #3e6db1;
	display:block;
	text-align:center;
	padding:20px 0;
	width:247px;
	opacity:1;
	font-weight: bold;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#headerBox nav.remote a p{
	line-height: 20px;
}

#headerBox nav.remote a:before {
		content: "\e608";
		color: #3e6db1;
		font-family: 'icomoon';
		font-size: 25px;
		line-height: 30px;
		opacity:1;
		filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#headerBox nav.remote a:hover,
#headerBox nav.remote a:active{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	color: #0073c3;
}
#headerBox nav.remote a:hover:before {
		color: #0073c3;
		opacity:0.7;
		filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* ==================================================
　　　sppage
================================================== */

#sppage {
	display: none;
}
.sp_header {
	display: none;
}

@media screen and (max-width:767px){
#sppage {
	display: inline;
}
.sp_header {
	display: none;
}

.spheader
{
	text-align: center;
}
.spheader
{
	background: #fafafa url(../images/bg_sphead_logo.png) center top no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;	
	width: 100%;
	height: 85px;
	padding: 47px 0px 0px;
}
.spheader a
{
	background: center center no-repeat #333;
	display: block;
	width: 70px;
	height: 85px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.spheader a span {
	position:relative;
	top:-20px;
}
.spheader a:before {
	content: "\e600";
	font-family: 'icomoon';
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	line-height: 75px;
}
p.spttl {
	color: #999;
	font-size:0.9em;
	font-weight: bold;
	top: 15px;
	position: relative;
}
}

/* ==================================================
　　　contents-wrapper
================================================== */

.contents-wrapper .main-contents-wrapper{
	position:relative;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-o-box-sizing:content-box;
	-ms-box-sizing:content-box;
}

/* ==================================================
     header-comment
================================================== */
#hcome {
	background: #333;
}
#hcome2 {
	background: #fff;
}
#hcome p {
	text-align: left;
	margin: 0px auto;
	width: 100%;
	/* height: 20px; */
	font-size: 13px;
	color: #fff;
	background: #333;
	padding: 0 2%;
	/* white-space: nowrap;	 */
}
#hcome2 p {
	text-align: left;
	margin: 0px auto;
	width: 100%;
	height: 20px;
	font-size: 13px;
	color: #333;
	background: #fff;
	padding: 0 2%;
	white-space: nowrap;	
}
@media screen and (max-width:767px){
	#hcome,
	#hcome2 {
		display:none !important;
	}
}

/* ==================================================
     pankuzu
================================================== */
.pankuzu_container {
	width:100%;
	margin-top: 0px;
	background-color:#ededed;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.pankuzu_box {
	position:relative;
	clear:both;
	background-color: transparent;
	width:100%;
	margin: 0 auto;
	padding: 0 5%;
	box-sizing: border-box;
}
#pankuzu {
	color: #fff;
	background: #464646;
	line-height: 30px;
}
#pankuzu ul {
	
	background: #464646;
}
#pankuzu ul li {
    float: left;
    line-height: 30px;
    padding-right: 40px;
    color: #333;
	font-size: 12px;
    background: url("../images/slash.png") no-repeat scroll right top;
}
#pankuzu ul li:last-child {
    background: none;
}
#pankuzu ul li a {
    color: #00A8E1;
	text-decoration: underline;
}
#pankuzu ul li a:hover {
    color: #00A8E1;
	text-decoration: none;
}

#pankuzu_ttl {
	width:100%;
	margin-top: 0px;
	background-color:#9BD0DD;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
}
#pankuzu_ttl h2 {
	width:100%;
	margin: 0 auto;
	background-color:#9BD0DD;
	height: 70px;
	line-height: 70px;
	box-sizing: border-box;
	color: #fff;
	font-size: 20px;
}
#pankuzu_ttl h2 span {
	width:100%;
	background-color:#9BD0DD;
	height: 70px;
	line-height: 70px;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	padding-left: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (max-width:767px){
		#pankuzu_ttl h2 {
		display:block;
		text-align: center;
		font-size: 18px;
	}
	#pankuzu_ttl h2 span {
		font-size: 10px;
	}
}

/* ------ h2 ------ */
#greeting h2 {
	border-bottom: 3px solid #9bd0dd;
	line-height: 40px;
	font-size: 21px;
	color: #333;
	font-weight: normal;
	background: #fff;
	word-wrap: break-word;
}
.news h2,
#access h2 {
	font-family: Century Gothic,"Helvetica Neue",Helvetica,Arial,sans-serif;
	border-bottom: 2px solid #fff;
	line-height: 40px;
	height: 40px;
	font-size: 21px;
	color: #fff;
	padding-left: 10px;
	font-weight: normal;
	background: #9bd0dd;
	word-wrap: break-word;
}

/* ------ h3 ------ */
.subttl h3 {
	border-bottom: 3px solid #9bd0dd;
	line-height: 40px;
	font-size: 21px;
	color: #333;
	font-weight: normal;
	background: #fff;
	word-wrap: break-word;
}
h3.contact {
	border-bottom: none;
	line-height: 30px;
	font-size: 20px;
	padding: 10px;
	color: #fff;
	font-weight: normal;
	background: #3E6DB1;
	word-wrap: break-word;
}
.news h3.infottl {
	border-bottom: 3px solid #9bd0dd;
	line-height: 30px;
	font-size: 17px;
	color: #3E6DB1;
	font-weight: normal;
	background: #fff;
	word-wrap: break-word;
}
/*.news h3.news_ttl {*/
.index section#greeting h3.news_ttl {
	color: #121212;
	font-size: 21px;
	line-height: 29px;
	font-weight: bold;
}

/* ------ h4 ------ */
.history h4 {
	border-left: 5px solid #9bd0dd;
	line-height: 40px;
	height: 40px;
	font-size: 21px;
	color: #464646;
	padding-left: 10px;
	font-weight: normal;
	background: #fff;
	word-wrap: break-word;
}
.history h4.machine {
	border-left: none;
	border-bottom: 1px dotted #aaa;
	line-height: 35px;
	height: 35px;
	font-size: 17px;
	color: #000;
	padding-left: 0px;
	font-weight: normal;
	background: #fff;
	word-wrap: break-word;
}
.history h4.machine span {
	line-height: 20px;
	height: 20px;
	font-size: 13px;
	color: #3E6DB1;
	padding-left: 0px;
	font-weight: bold;
	background: #fff;
	display: block;
}

/* ------ information対応 ------ */
.goldenBox {
border: 1px solid #CCC;
padding: 10px 5px;
}
.goldenBox p.comment2 {
	font-size: 13px;
	color: #464646;
	font-weight: normal;
	line-height: 25px;
	background-color: #fff;
}

/* ------ doctor_list ------ */
dd.graduation {
	font-weight: normal;
	font-size: 16px;
}
.history h4.doctor {
	border-left: none;
	line-height: 30px;
	height: 30px;
	font-size: 17px;
	color: #3E6DB1;
	padding-left: 10px;
	font-weight: bold;
	background: #fff;
	word-wrap: break-word;
}
dt.dctr_name {
	font-size: 20px !important;
}
ul.doctor_list {
	margin-left: 0px;
	border: 2px solid #ccc;
	border-radius: 10px;
	padding: 5px;
}
ul.doctor_list li {
	list-style: none;
	padding: 0 5px;
	font-size: 14px;
	line-height: 25px;
	color: #3E6DB1;
	border-bottom: 1px dotted #ededed;
}
ul.doctor_list li:last-child {
	border-bottom: none;
}

/* ------ p.comment ------ */
#greeting p.comment {
	font-size: 16px;
	color: #666;
	font-weight: normal;
	line-height: 30px;
	background-color: #fff;
}
.subttl p.comment {
	font-size: 15px;
	color: #666;
	font-weight: normal;
	line-height: 30px;
	background-color: #fff;
}
.subttl p.comment_contact {
	font-size: 15px;
	color: #333;
	font-weight: normal;
	line-height: 30px;
	background-color: #fff;
}
.history p.comment {
	font-size: 15px;
	color: #666;
	font-weight: normal;
	line-height: 30px;
	background-color: #fff;
}
.history p.comment2 {
	font-size: 13px;
	color: #666;
	font-weight: normal;
	line-height: 25px;
	background-color: #fff;
}
.history p.comment3 {
	font-size: 13px;
	color: #333;
	font-weight: normal;
	line-height: 25px;
	background-color: #fff;
}

/* ------ contact_mail_button ------ */
section.contact-box {
	border: 1px solid #aaa;
	border-top: none;
	padding: 10px;
	}
input.contact_button {
	background-color:#3E6DB1;
	font-size:20px;
	font-weight: normal;
	text-decoration:none;
	color:#fff;
	width: 100%;
	max-width: 300px;
	cursor: pointer;
	position:relative;
	line-height: 55px;
	background-image: linear-gradient(bottom, rgb(62,109,177) 0%, rgb(62,109,177) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,109,177) 0%, rgb(62,109,177) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,109,177) 0%, rgb(62,109,177) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,109,177) 0%, rgb(62,109,177) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,109,177) 0%, rgb(62,109,177) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,109,177)),
	color-stop(1, rgb(62,109,177))
	);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border: none;
	-webkit-box-shadow: 0px 5px 0px 0px #003c5e;
	-moz-box-shadow: 0px 5px 0px 0px #003c5e;
	-o-box-shadow: 0px 5px 0px 0px #003c5e;
	box-shadow: 0px 5px 0px 0px #003c5e;
}
input.contact_button:active {
	top:3px;
	background-color:#3E6DB1;
	background-image: linear-gradient(bottom, rgb(62,109,177) 0%, rgb(62,109,177) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,109,177) 0%, rgb(62,109,177) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,109,177) 0%, rgb(62,109,177) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,109,177) 0%, rgb(62,109,177) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,109,177) 0%, rgb(62,109,177) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,109,177)),
	color-stop(1, rgb(62,109,177))
	);
	-webkit-box-shadow: 0px 5px 0px 0px #003c5e;
	-moz-box-shadow: 0px 5px 0px 0px #003c5e;
	-o-box-shadow: 0px 5px 0px 0px #003c5e;
	box-shadow: 0px 5px 0px 0px #003c5e;
}

/* ------ p.tel_number ------ */
p.tel_number {
	font-size: 30px;
	color: #3e6db1;
	font-weight: bold;
	line-height: 50px;
	background-color: #fff;
}
@media screen and (max-width:767px){
	p.tel_number {
		text-align: center;
	}
}
p.tel_number:before {
		content: "\e608";
		color: #3e6db1;
		font-family: 'icomoon';
		font-size: 30px;
		line-height: 30px;
		opacity:1;
		filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
@media screen and (max-width:767px){
	p.tel_number a.telnumber:after {
		display: none;	
	}
}
p.tel_number a.telnumber {
	display: none;
}
@media screen and (max-width:767px){
	p.tel_number a.telnumber {
		display: block;
		color:#3e6db1;
		font-size: 25px;
		text-decoration: underline;
	}
}
/* ------ News ------ */
.news {
	background-color: #fff;
}
.news ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: auto;
	/*max-height: 203px;*/ /* 年末年始挿入時はこちらをActiveに *//*　#access iframeの高さもあわせる*/
	/*max-height: 264px;*/ /* 別枠2件挿入時はこちらをActiveに*//*　#access iframeの高さもあわせる*/
	/*max-height: 277px;*/ /* コメント7行挿入時、こちらをActiveに */
	/*max-height: 302px;*/ /* コメント3行挿入時、こちらをActiveに */
	/*max-height: 304px;*/ /* 休診コメント挿入時、こちらをActiveに */
	/*max-height: 327px;*/ /* 相談窓口と休診コメント挿入時はこちらをActiveに */
	/*max-height: 329px;*/ /* コメント挿入時はこちらをActiveに */
	/*max-height: 352px */ /* 休診コメント挿入時、診療内容2行の場合はこちらをActiveに */
	/*max-height: 376px;*/ /* コメント3行挿入時、こちらをActiveに */
	/*max-height: 403px;*/ /* コメント2行挿入時、こちらをActiveに */
	/*max-height: 427px;*/ /* コメント2行挿入時、こちらをActiveに */
	/*max-height: 428px;*/ /* 年末年始5行挿入時はこちらをActiveに */
	/*max-height: 453px;*/ /*コメント行1行挿入時 白内障・近視など～ のみ*/
	/*max-height: 525px;*/ /* コメント挿入しない場合はこちらをActiveに */
	/*max-height: 198px;*/ /* 休診コメント4行、年末年始1行挿入時はこちらをActiveに *//*　#access iframeの高さもあわせる*/
	/*max-height: 198px;*/ /* 休診コメント4行、駐車場挿入(1行)時はこちらをActiveに *//*　#access iframeの高さもあわせる*/
	/*max-height: 223px;*/ /* 休診コメント3行、年末年始1行挿入時はこちらをActiveに *//*　#access iframeの高さもあわせる*/
	/*max-height: 148px;*/ /* 休診コメント4行、駐車場挿入(3行)時はこちらをActiveに *//*　#access iframeの高さもあわせる*/
	max-height: 307px;
	
	/*糖尿病性網膜症追加後*/
	/*基本地図の下ラインにあわせる*/
}
.news ul li {
	border-bottom: 1px dotted #ededed;
}

.news ul li:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}
.news dl {
	padding: 0;
	margin: 0;
}
.news dl a {
	position: relative;
	display: block;
	padding: 10px 20px 10px 0;
	text-decoration: none;
	border-top: solid 1px #f5f5f5;
}
.news dl a:first-child {
	border-top: none;
}
.news dl a:link,
.news dl a:visited {
	background-color: transparent;
}
.news dl a:hover,
.news dl a:active {
	background-color: #f5f5f5;
}
.news dl a:after {
	content: "\e601";
	font-family: 'icomoon';
	font-size: 9px;
	display: block;
	position: absolute;
	width: 10px;
	line-height: 10px;
	top: 50%;
	margin-top: -5px;
	transition-duration: 0.3s;
}
.news dl a:link:after,
.news dl a:visited:after {
	right: 6px;
}
.news dl a:hover:after,
.news dl a:active:after {
	right: 3px;
}
.news dt {
	margin-bottom: 3px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
.news dd {
	color: #666;
	font-size: 12px;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* ------ Access ------ */
#access iframe {
	width: 100%;
	/*height: 316px;*/
	/*height: 329px;*//* 年末年始・GW期間と休診コメント挿入時はこちらをActiveに */
	/*height: 330px;*//*.news ulの別枠白内障のみの場合はこちらをactiveに*/
	/*height: 378px;*//*求人案内：3職種挿入時はこちらをこちらをActiveに*/
	/*height: 441px;*/
	/*height: 350px;*//*休診案内、年末年始挿入時はこちらをactiveに*/
	height: 414px;/* 2020年2月*/
	height: 385px;/* 2020年3月*/
	border: none;
}
#access p {
	display: none;
}

/* ------ History ------ */
.history dl a {
	position: relative;
	display: block;
	padding: 15px 20px 15px 20px;
	text-decoration: none;
	border-top: solid 1px #f5f5f5;
}
.history dl a:first-child {
	border-top: none;
}
.history dl a:link,
.history dl a:visited {
	background-color: transparent;
}
.history dl a:hover,
.history dl a:active {
	background-color: #f5f5f5;
}
.history dl a:after {
	content: "\e601";
	font-family: 'icomoon';
	font-size: 9px;
	display: block;
	position: absolute;
	width: 10px;
	line-height: 10px;
	top: 50%;
	margin-top: -5px;
	transition-duration: 0.3s;
}
.history dl a:link:after,
.history dl a:visited:after {
	right: 6px;
}
.history dl a:hover:after,
.history dl a:active:after {
	right: 3px;
}
.history dt  {
	border-top: dotted 1px #999;
}
.history dt:first-child {
	border-top: none;
}
.history dt  {
	color: #333;
	font-size: 15px;
	line-height: 40px;
	font-weight: bold;
}
.history dt.access  {
	color: #333;
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
}
.history dd  {
	color: #666;
	font-size: 15px;
	line-height: 22px;
}

/* ------ guidanceElm ------ */
.guidanceElm {
	border-bottom: dotted 1px #999;
}
.guidanceElm:last-child {
	border-bottom: none;
}
.guidanceElm h5 {
	color: #333;
    font-size: 15px;
    line-height: 40px;
    font-weight: bold;
}
.guidanceElm h6 {
	color: #333;
    font-size: 13px;
    line-height: 28px;
    font-weight: bold;
}
.guidanceElm p {
	padding-bottom: 10px;
	color: #666;
    font-size: 15px;
    line-height: 22px;
}
.guidanceElm:last-child p {
	padding-bottom: 0;
}
.guidanceAccent {
	color: #333;
    font-size: 15px;
    line-height: 40px;
    font-weight: bold;
    border-bottom: dotted 1px #999;
}
.guidanceAccent:last-child {
    border-bottom: none;
}
.guidanceElm li {
	color: #666;
    font-size: 15px;
    line-height: 22px;
}


/* ==================================================
     tableDesign
================================================== */
.tableDesign01,
.tableDesign01 {
	font-size: 13px;
	color: #464646;
}
.tableDesign01 td,
.tableDesign01 td {
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 5px 2px;
	line-height: 1.2;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
}
.tableDesign01 td span,
.tableDesign01 td span {
	font-weight: bold;
	font-size: 14px;
}
.tableDesign01 th,
.tableDesign01 th {
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	padding: 15px 10px;
	line-height: 25px;
	font-size: 14px;
	text-align: center;
}
.tableDesign01 th.company {
	width: 30%;
}	

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

	/* ------ greeting ------ 20240719_コメントアウト*/
/* #greeting p.comment {
	margin-bottom: 50px !important;
} */
	
	/* ------ News ------ */
	.news {
		margin-top: 0;
		border-bottom: none;
	}
	.news dl a {
		padding: 10px 20px 10px 15px;
	}
	.news dt,
	.news dd {
		font-size: 95%;
	}
	
	/* ------ Access ------ */	
	#access p {
	display: block;
	font-size:13px;
	line-height: 25px;
	padding-top: 20px;
	color: #464646;
	text-align: center !important;
	}
	#access p:after,
	.index section#access a:after,
	.sub section#access a:after {
	display: none;
	}
	#access p#tel a.telnumber {
	font-size:18px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-weight: bold;
	color: #2f94e4;
	text-align: center;
	}
	#access p#tel a.telnumber:before {
		content: "\e608";
		color: #0073c3;
		font-family: 'icomoon';
		font-size: 18px;
		padding-top: 30px;
	    padding-bottom: 30px;
    }
	/* ------ History ------ */
	.history {
		margin-top: 0;
		border-bottom: none;
	}
	.history dl a {
		padding: 15px 20px 15px 15px;
	}
	.history dt,
	.history dd {
		font-size: 90%;
	}
	.history dd br {
		display: none;
}
}

/* ==================================================
　　　　footer
================================================== */

footer {
	background-color: #333;
	border-top: solid 1px #ccc;
	}
footer .logo {
		padding-bottom: 25px;
		text-align: center;
	}

	footer .logo img {
		margin-right: 0px;
	}
footer nav {
	padding: 40px 0 40px;
}
footer nav ul {
	text-align: center;
}
footer nav li {
	display: inline-block;
	padding: 0 5px 0 10px;
	border-left: solid 1px #ddd;
	font-size: 12px;
}
footer nav li:first-child {
	padding-left: 0;
	border-left: none;
}

footer nav a:link,
footer nav a:visited {
	color: #fff;
	text-decoration: none;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
footer nav a:hover,
footer nav a:active {
	color: #2f94e4;
	text-decoration: underline;
	transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

footer .footerAddress {
		font-size: 11px;
		color: #fff;
		line-height: 18px;
		padding: 0 0px 30px;
		text-align: center;
}
div#footerArea { 
    width: 100%;
	box-sizing: border-box; 
    height: 70px;
    background-color: #fff;
    color: #000;
}
#footerArea-box {
	width: 100%;
	margin: 0 auto;
}

#copyright {
	background: #fff;
	color: #000;
	text-align: center;
}
#copyright .copyright {
	padding-top: 25px;
	font-size: 10px;
}

/* ---　footer-sp --- */
@media only screen and (max-width:767px){
	footer nav {
	padding: 40px 0 10px;
	}
	

	footer .logo {
		padding: 10px 0;
		text-align: center;
	}

	footer .logo {
		padding-bottom: 15px;
	}
	footer .footerAddress {
		text-align: center;
		color: #fff;
		padding: 0 20px 20px;
	}

}


/* ==================================================
　　　　　　ページトップ
================================================== */

#page { /* position　基準　親要素 */
    position: relative;
}
#pagetop { /* ボタン */
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size:12px;
	font-weight:bold;
	z-index: 9999;
}
#pagetop a {
	background: #9BD0DD url(../images/arrow_up.png) no-repeat top;
	text-decoration: none;
	color: #fff;
	width: 65px;
	text-align: center;
	display: block;
	padding-top: 39px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
	
	border: 2px solid #bbb;
}
#pagetop a:hover {
	text-decoration: none;
	background: #9BD0DD url(../images/arrow_up.png) no-repeat top;
	color: #fff;
	border: 2px solid #ECF4DD;
	filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

@media screen and (max-width:767px){
#page {
	display: none;
}
}


/* ==================================================
　　　　　　print.css
================================================== */
@media print {
	html.ie8 body{
		width:100% !important;
	}
	div.contents-wrapper{
	padding-left:0px;
	}
	body.sp #sidebar{
		display:none !important;
	}
	body.sp #sidebar #headerBox{
		display:none !important;
	}
	div.contents-wrapper div.main-contents-wrapper{
		height:auto !important;
		padding-bottom:0 !important;
		position:relative;
	}
	ul.slider {
		margin: 0 auto;
		width: 100%;
	}
	#page { /* position　基準　親要素 */
    display:none !important;
	}
}

/* 20210303_ikenohira追記_ICLについて修正 */
#icl dl {
	font-size: 15px;
}
#icl dl dt {
	border-top: none;
	color: #3e6db1;
	line-height: 1.8;
}
#icl dl dd {
	margin-bottom: 30px;
}
#icl table {
	max-width: 700px;
	width: 100%;
	border: 2px solid #666666;
	margin-bottom: 40px;
}
#icl table caption {
	font-size: 16px;
	font-weight: bold;
	/*text-align: center; */
	margin-bottom: 10px;
}
#icl table th.haracteristic {
	width: 28%;
	font-weight: bold;
}
#icl table th.icl_treatment,
#icl table th.lasik {
	width: 36%;
	font-weight: bold;
}
#icl table tr {
	border-bottom: 1px solid #666666;
}
#icl table tr:first-child {
	border-bottom: 2px solid #666666;
}
#icl table th {
	text-align: center;
	padding: 10px 0;
	vertical-align: middle;
}
#icl table td {
	text-align: center;
	padding: 20px 0;
	vertical-align: middle;
}
#icl table td.double_circle {
	font-size: 25px;
}
#icl table td.circle {
	font-size: 17px;
}


#icl table th,
#icl table td {
	border-right: 1px dotted #666666;
}
#icl table th.haracteristic {
	background-color: beige;
}
#icl table th.icl_treatment,
#icl table tr td:nth-of-type(1) {
	background-color: #f0f8ff;
}
#icl table.icl_cost {
	margin-bottom: 10px;
}
#icl table.icl_cost tr:first-child {
	background-color: antiquewhite;
}
#icl table.icl_cost tr td {
	background-color: #ffffff;
	/* vertical-align: middle; */
}
#icl table.icl_cost th.lens {
	/* width: 28%; */
    width: 50%;
	font-weight: bold;
	vertical-align: middle;
}
#icl table.icl_cost th.cost {
	/* width: 36%; */
    width: 50%;
	font-weight: bold;
}
#icl table.icl_cost th.cost br.sp_ver {
	display: none;
}
#icl table.icl_cost th.cost span {
	font-weight: normal;
}
@media screen and (max-width: 767px)  {
	#icl table.icl_cost th.cost br.sp_ver {
		display: block;
	}
	#icl table.icl_cost th.cost span {
	font-size: 0.8em;
	}
	#icl table td.double_circle {
	font-size: 18px;
	}
	#icl table td.circle {
	font-size: 15px;
}
}
/* 20210303_ikenohira追記_ICLについて修正 */

/* 20240530_中園追記_当院施設基準に係る掲示_start */
.sisetu_kijun{
	border: 1px solid #CCC;
	padding: 10px 5px;
}
.sub .sisetu_kijun a{
	display: flex;
	align-items: center;
}
.sisetu_kijun a:after {
	content: "\e601";
	font-family: 'icomoon';
	font-size: 11px;
	display: block;
	position: absolute;
	width: 10px;
	line-height: 10px;
	top: 50%;
	margin-top: -5px;
	transition-duration: 0.3s;
	right: 6px;
}
.sisetu_kijun img{
	margin-right: 10px;
}
.sisetu_kijun a.figure_link:after {
	display: none;
}
.sisetu_kijun a:link:after,
.sisetu_kijun a:visited:after {
		right: 6px;
}
.sisetu_kijun a:hover:after,
.sisetu_kijun a:active:after {
		right: 3px;
}
/* 20240530_中園追記_当院施設基準に係る掲示_end */

/* 20240703_ICLについて_追加ここから */
#icl_note {

}
.icl_note_text {
	font-size: 22px!important;
	font-weight: bold!important;
}
.icl_note_text span {
	line-height: 1.5;
	background:linear-gradient(transparent 60%, #ebff00 60%);
}
@media screen and (max-width: 575px)  {
	.icl_note_text {
		font-size: 18px!important;
	}
}
/* 20240703_ICLについて_追加ここまで */

/* 20250304_中園追記_目のかゆみについて_start */
#greeting p.greeting_guidance{
	/* font-weight: bold; */
	color: #0073c3;
}
#greeting p.greeting_guidance a{
	color: #0073c3;
	text-decoration: underline;
	font-weight: bold; 

}
#greeting p.greeting_guidance a:hover{
	color: #00A8E1;
}
#greeting p.greeting_guidance a::after{
	display: none;
}
h5.guidance_itchyeyes_titlerink a{
	color: #333;
	text-decoration: underline;
}
h5.guidance_itchyeyes_titlerink a:hover{
	color: #00A8E1;
}
@media screen and (max-width: 767px){
	#greeting p.text_itchyeyes{
		padding-bottom: 40px;
	}
}
/* 20250304_中園追記_目のかゆみについて_end */