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

/*  角丸用
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
*/
/*-------------------------------------- header --------------------------------------*/
#head_topline {
	width: 100%;
	margin: 0;
	background-color: #0c3d7e;
}
#head_textarea {
	max-width: 1070px;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;
}
#header_wrap {
	width: 100%;
}
#header {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	background-color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#head_left {
	padding-left: 10px;
	margin-right: 10px;
}
#head_right {
	padding-right: 10px;
}
#head_navi_wrap {
	width: 100%;
}
#head_navi {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0;
}
#head_navi ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
}
#head_navi li {
	margin: 0px;
	width: 180px;
}
/*-------------------------------------- main area --------------------------------------*/
#mainimage {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
/*-------------------------------------- clinic information --------------------------------------*/
#baseinfo {
	background-color: #FFF;
	padding-top: 10px;
	border: 2px solid #696;
}
#baseinfo_left {
	max-width: 380px;
	width: 50%;
	margin-right: 10px;
	float: left;
}
#baseinfo_right {
	max-width: 360px;
	width: 48%;
	float: right;
}
#baseinfo_btm {
	margin-left: 10px;
	padding-bottom: 20px;
}
/*-------------------------------------- footer --------------------------------------*/
.footer_wrap {
	width: 100%;
	background-color: #2964b3;
}
.footer {
	max-width: 1080px;
	width: 100%;
	padding: 10px 0;
	margin: 0 auto;
}
.footer a:link {
	color: #FFF;
	text-decoration: none;
}
.footer a:visited {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #7BD9AC;
	text-decoration: underline;
}
.footer_logo {
	float: left;
	margin-left: 10px;
}
.footer_info {
	float: left;
	margin: 20px 0 0 20px;
	line-height: 1.2em;
	color: #FFF;
}
.footer_info ul{
	margin-bottom: 1em;
}
.footer_info ul li{
	display: inline-block;
	border-left: 1px solid #ffffff;
	padding: 0 0.5em;
}
.footer_info ul li:last-child{
	border-right: 1px solid #ffffff;
}
/*-------------------------------------- bottomline --------------------------------------*/
#bottomline {
	border-top: 2px solid #fff;
	padding: 3px 0;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	margin: 0;
}
/*-------------------------------------- sidenavi --------------------------------------*/
#navi {
	max-width: 250px;
	width: 23.584%;
	float: left;
}
#navi ul{
	max-width: 250px;
	width: 100%;
	background: url(../images/LeftNavi_bottom.png) no-repeat center bottom;
	padding-bottom: 6.5%;
	background-size: 100% auto;
}
.bnr-area {
	text-align: center;
	margin: 0.5em auto 3em;
}
.bnr-area p {
	margin: 0 auto 0.5em;
}
.bnr-area a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity:0.85;
}

/*-------------------------------------- main area --------------------------------------*/
#main_wrap {
	width: 100%;
	max-width: 1080px;
	padding: 0px;
	margin: 0 auto;
	background-color: #FFF;
}
#main{
	padding: 20px 10px;
}
#contents {
	max-width: 790px;
	width: 74.528%;
	float: right;
}
#topinfo {
	height: 280px;
	border: 1px solid #5F8BC8;
	padding: 1em 0;
	margin: 0 0 2em 0;
	overflow: auto;
}

/*-------------------------------------- base box --------------------------------------*/
.textbox {
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 1.6em;
}
.wrapbox {
	padding: 16px;
	margin-bottom: 20px;
	line-height: 1.6em;
}
.featureboxA {
	margin-bottom: 1.5em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
}
.featurebox_in {
	max-width: 375px;
	width: 47.468%;
	margin: 0 0 10px 0;
	background: url(../images/ftback.png) repeat top left;
	border: 1px solid #B3C8E3;
	padding-bottom: 10px;
}
.featurebox_txt {
	margin: 0 16px 10px;
}
.featurebox_h {
	background: #6b9ad3; /* Old browsers */
	background: -moz-linear-gradient(top, #6b9ad3 0%, #225aa3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b9ad3), color-stop(100%, #225aa3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6b9ad3 0%, #225aa3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6b9ad3 0%, #225aa3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6b9ad3 0%, #225aa3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6b9ad3 0%, #225aa3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b9ad3', endColorstr='#225aa3', GradientType=0 );
	padding: 10px 5px 10px 10px;
	color: #FFF;
	font-size: 18px;
	margin-bottom: 10px;
}
.flowarrow {
	font-size: 24px;
	font-weight: normal;
	color: #FF9900;
	text-align: center;
	margin-bottom: 10px;
}
.acphoto{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
}
.CLimage {
	margin-right: 5px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 14px;
	width: 160px;
}
.CLarrow {
	float: left;
	margin-right: 5px;
	margin-top: 45px;
	margin-bottom: 20px;
	text-align: center;
	height: 20px;
	width: 20px;
	color: #F90;
	font-size: 18px;
}
.CLimage4 {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.CLimage4en {
	float: left;
	margin-bottom: 20px;
	text-align: center;
}
.CLimage4 img {
	margin-bottom: 5px;
}
.CLimage4en img {
	margin-bottom: 5px;
}
/*-------------------------------------- Others --------------------------------------*/
.TOPfeature {
	padding: 10px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	background-color: #ECF7FF;
	border: 3px solid #A8D8F4;
	margin-bottom: 20px;
}
/* 枠囲いの線上にタイトル表示 */ 
.tagbox {
	position: relative;
	max-width: 700px;
	width: 93%;
	border: 1px solid #3888A9;
	margin: 0;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #F0F8FB;
}
.tagbox_child {
	position: absolute;
	top: -20px;
	left: 10px;
	max-width: 505px;
	width: 89%;
	background-color: #5693CF;
	line-height: 1em;
	border: 1px solid #3888A9;
	color: #FFF;
	font-size: 20px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 20px;
}
.tagbox li {
	font-size: 16px;
	margin: 0 0 10px 5px;
	padding: 0 0 0 18px;
	background: url(../images/listmark.png) 0 0.4em no-repeat; /* emで縦位置の指定 */
	color: #3888A9;
}
.circlefont16 {
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	background-color: #389165;
	width: 32px;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	margin-right: 0px;
	height: 27px;
	padding-top: 5px;
	margin-bottom: 8px;
}
.textbox002 {
	padding: 20px;
	width: 400px;
	background-color: #FEFDED;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	border: 1px solid #FC0;
}
/* すぎのこ通信 */

.sgnk-pdf {
	width: 100%;
	margin-top: 1.5em;
	overflow: hidden;
}
.sgnk-pdf li {
	width: 20%;
	text-align: center;
	/*border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;*/
	padding: 1em;
	float: left;
}
.sgnk-tit {
	background: #2964B3;
	padding: 0.3em 0.5em 0.1em 0.5em;
	color: #fff;
	margin-bottom: 0.5em;
}
.sgnk-tit:hover {
	background: #437EAF;
}
.sgnk-pdf li a {
	text-decoration: none;
	display: block;
}
.sgnk-pdf li a:hover {
	text-decoration: none;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}
/* すぎのこ小話 */


.focus-wrapbox {
	width: 92%;
	border: 1px solid #3888A9;
	margin: 1em auto 1em;
	padding: 1em 1em 0.2em 1em;
	background-color: #F0F8FB;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
h4.clepass {
	font-size: 24px;
	background: url(../images/h4_sgn.png) repeat-x bottom left #fff;
	border-bottom: 0px double #659032;
	color: #1b86ca;
	text-align: center;
	line-height: 1.3em;
	padding-bottom: 0.8em;
}
.sample-dl {
	font-size: 120%;
	font-weight: bold;
	overflow: hidden;
	padding: 0.5em 0 0.5em 0;
	margin: 1em auto 0.2em auto;
	text-align: center;
	border: 3px dotted #AED6FF;
	width: 60%;
	color: #AED6FF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.kei-form {
	width: 80%;
	margin: 0 auto;
}
.kei-form th {
	background: #69C2AC;
	color: #fff;
	font-weight: normal;
	padding: 1em 0.5em;
}
.kei-form td {
	text-align: center;
	padding: 0.5em 0.5em;
}
.kei-form td.k-focus {
	font-size: 24px;
	font-weight: bold;
}
.kei-form input {
	font-size: 24px;
	text-align: center;
	width: 5em;
	color: #f39700;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.kei-form input.form-btn {
	color: #69C2AC;
	font-size: 18px;
	font-weight: bold;
	border: #69C2AC solid #ccc;
}
form.eng{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.eng .kei-form {
	width: auto;
	margin: 0;
}

/*院内風景*/
.wraplightbox{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.wraplightbox li{
	text-align:center;
	width: 24%;
	margin: 0.4em 0.2em;
}
.lb-container img{
	max-width: none !important;
}
.gree_table{
	vertical-align: top;
}
.gree_table th{
	font-weight: normal;
	text-align: left;
	padding-right: 1em;
}
.gree_table td{
	padding-bottom: 0.5em;
}




/* tablet
================================================================================================================== */
@media only screen and (max-device-width: 1169px) {
	#baseinfo_left {
		max-width: 100%;
		width: 100%;
		margin-right: 10px;
		float: none;
	}
	#baseinfo_right {
		max-width: 100%;
		width: 100%;
		float: none;
		text-align: center;
	}
	.gaiyo .float-l,.gaiyo .float-r{
		float: none;
		width: 100%;
	}
	.CLimage {
		font-size: 11px;
		line-height: 1.5em;
	}
		.ListStyle3 {
		width: 100%;
	}
	.ListStyle3 th {
		width: 100%;
		display: block;
		padding: 0.5em 0 0 0;
		border: none;
	}
	.ListStyle3 td {
		width: 100%;
		display: block;
		padding: 0.2em 0 0.5em 0;
	}
	.wraplightbox li{
		width: 30%;
	}
	.wraplightbox li img{
		width: 100%;
		height: auto;
	}



}
/* sp
================================================================================================================== */
@media screen and (max-width: 767px) {
	/*-------------------------------------- header --------------------------------------*/
	#head_textarea {
		width: 98%;
		margin: 0 auto;
		padding: 0.2em 0 0.2em 2%;
	}
	#head_textarea h1{
		font-size: 10px;
		line-height: 1.5em;
	}
	#header{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content:center;
		justify-content:center;
	}
	#head_left {
		padding-left: 0;
		text-align: center;
		margin: 0;
		width: 100%;
	}
	#head_right {
		padding: 0;
		margin-bottom: 0.5em;
		width: 70%;
	}
	#head_navi ul {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#head_navi li {
		width: 33.333%;
	}
	#head_navi li img{
		width: 100%;
	}
	/*-------------------------------------- footer --------------------------------------*/
	.footer {
		width: 98%;
		padding: 0.5em 0;
		margin: 0 auto;
	}
	.footer_logo {
		float: none;
		margin: 0;
	}
	.footer_info {
		float: none;
		margin: 0 0 1em 0;
		font-size: 14px;
	}
	.footer_info ul li{
		margin-bottom: 0.5em;
	}
	/*-------------------------------------- sidenavi --------------------------------------*/
	#navi {
		max-width: 100%;
		width: 100%;
		float: none;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-justify-content:center;
		justify-content: center;
	}
	.sidenavi{
		width: 58%;
	}
	.bnr-area{
		width: 42%;
		margin: 0;
	}

	/*-------------------------------------- main area --------------------------------------*/
	#main_wrap {
		width: 100%;
		margin: 0 auto;
	}
	#main{
		padding: 20px 10px;
	}
	#contents {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	.wrapbox{
		padding: 0;
	}
	.textbox{
		margin: 0 0 1em 0;
	}
	.IndexStyle3,.IndexStyle5{
		width: 90%;
	}
	.IndexStyle3_txt,.IndexStyle2_txt,.IndexStyle4_txt,.IndexStyle5_txt{
		margin-left: 0;
	}
	.inline_sp li{
		display: inline-block;
	}
	h4.clepass{
		font-size: 18px;
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	/*TOPページ
	-------------------------------------------*/
	#topinfo {
		height: 280px;
		border: 1px solid #5F8BC8;
		padding: 1em 0;
		margin: 0 0 2em 0;
		overflow: auto;
	}
	/*--- clinic information ---*/
	#baseinfo_left {
		max-width: 100%;
		width: 100%;
		margin-right: 0;
		float: none;
	}
	#baseinfo_right {
		max-width: 100%;
		width: 100%;
		float: none;
		margin-bottom: 2em;
	}
	#baseinfo_btm {
		margin-left: 10px;
		padding-bottom: 20px;
	}
	iframe{
		width: 100%;
	}
	.featurebox_in {
		width: 100%;
	}

	/*下層ページ
	-------------------------------------------*/
	.acphoto{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.CLimage {
		margin-bottom: 0.5em;
		width: 44%;
	}
	.CLimage img{
		width: 100%;
	}
	.CLarrow {
	}
	.CLarrow_btm{
		width: 100%;
		margin-bottom: 0.5em;
	}
	/* 枠囲いの線上にタイトル表示 */ 
	.tagbox {
		position: static;
		margin: 0;
		padding: 0px;
		width: 100%;
	}
	.tagbox_child {
		position: static;
		line-height: 1.3em;
		font-size: 18px;
		padding: 0.5em 0;
		border: none;
		text-align: center;
		width: 100%;
	}
	.tagbox ul {
		width: 95%;
		margin: 0.5em auto 0 auto;
	}
	.tagbox li {
		font-size: 16px;
		margin: 0 0 10px 5px;
		padding: 0 0 0 18px;
		background: url(../images/listmark.png) 0 0.4em no-repeat; /* emで縦位置の指定 */
		color: #3888A9;
	}
	.tagbox .style_none li {
		background: none;
		padding: 0;
	}
	.textbox002 {
		padding: 2% 1%;
		width: auto;
	}
	.wraplightbox{
		margin-bottom: 2em;
	}
	.wraplightbox li{
		width: 47%;
		font-size: 12px;
		margin-bottom: 0.5em;
	}
	.gree_table th{
		display: block;
		width: 100%;
		padding-right: 0;
	}
	.gree_table td{
		display: block;
		width: 100%;
	}
	/*すぎのこ小話*/
	.kei-form{
		width: 100%;
	}
	.kei-form th{
		width: 50%;
	}
	.eng .kei-form{
		margin-bottom: 0.5em;
	}
	.eng .kei-form th{
		padding: 0;
	}
	.kei-form input{
		width: 4em;
	}
	.kei-form input.form-btn{
		font-size: 15px;
		display: block;
		text-align: center;
		padding: 0 0.5em;
		width: auto;
	}
	.sample-dl{
		font-size: 18px;
		width: 98%;
	}
	.sgnk-pdf{
		margin: 0.5em 0 1.5em 0;
	}
	.sgnk-pdf li{
		width: 44%;
		padding: 2%;
	}
	.ListStyle3 {
		width: 100%;
	}
	.ListStyle3 th {
		width: 100%;
		display: block;
		padding: 0.5em 0 0 0;
		border: none;
	}
	.ListStyle3 td {
		width: 100%;
		display: block;
		padding: 0.2em 0 0.5em 0;
	}

}