@charset "utf-8";
/* =======================================

	structure CSS

========================================== */
html,body {
	height:100%;}

#container {
	width:100%;
	height:auto!important;
	overflow: hidden;
	min-height:100%;
}

#headerArea {
	width:100%;
	height:auto;}

#navArea {
	width:100%;
	height:51px;}

#mvArea {
	width:100%;
	height:auto;
	margin:0 auto 30px auto;
	padding: 10px 0;
	background: #BFDFFF;}

#contents {
	width:960px;
	height:auto;
	margin:0 auto 90px auto;}


#footNavArea {
	width:100%;
	height:51px;}

#footer {
	width:100%;
	height:auto;
	overflow: hidden;
	padding:20px 0 0 0;}

#footerContents {
	width:960px;
	height:auto;
	overflow: hidden;
	margin:0 auto 0 auto;}

#copyrightArea {
	width:100%;
	padding:5px 0;
	font-size: 14px;}

h1 {
	font-size: 15px;
	font-weight: normal;
}

/* 【SP】 */
@media screen and (max-width: 767px) {
#mvArea {
	width:100%;
	height:auto;}
#contents {
	width:100%;
	height:auto;
	padding:0 10px;
	margin:0 auto 40px auto;}
#leftColumn {
	margin:0 auto 0 auto!important;
	float:none;}
#mainContents {
	width:100%;
	height:auto;
	float:none;}
#footerContents {
	width:100%;
	height:auto;
	padding:0 0 20px 0;
	margin:0;}
#copyrightArea {
	width:100%;
	height:auto;
	padding:20px 0 20px 0;}
}

/* =======================================

	common

========================================== */
/* PCのみ表示 */
@media screen and (max-width: 767px) {
.pc {
	display:none;}
}
/* SPのみ表示 */
@media screen and (min-width: 768px) {
.sp {
	display:none;}
}
a:link {color:#000; text-decoration:underline;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#666; text-decoration:none;}

.clear {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;}

.clearboth { clear:both;}

.noLeftMargin { margin-left:0!important;}
.noBorderBottom { border-bottom:none!important;}

.mb10 { margin-bottom:10px!important;}
.mb15 { margin-bottom:15px!important;}
.mb20 { margin-bottom:20px!important;}
.mb25 { margin-bottom:25px!important;}
.mb30 { margin-bottom:30px!important;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px!important;}
.mb60 { margin-bottom:60px!important;}

.mt20 { margin-top:20px!important;}
.mt30 { margin-top:30px!important;}

.fontsize23 {font-size:23px; font-size:2.3rem;}
.fontsize24 {font-size:24px; font-size:2.4rem;}

.txtRed { color:#f00;}
.txtBasic { color:#434343;}

a:hover img.ImgOn {
	opacity: 0.7;}

.btnDetail {
	text-align:right;}

.fl {
	float: left;
}

.fr {
	float: right;
}

/*【SP】*/
@media screen and (max-width: 767px) {
.newsTitle,
.selfChkTitle,
.peroodTitle,
.meritTitle,
.flowTitle,
.meritTitle,
.riskTitle {
text-indent:1px;
font-size:1.5rem; line-height:2.25rem;/*150%*/}

.btnDetail {
	text-align:center;}
}
/* =======================================

	body

========================================== */
/*【PC】*/
@media screen and (min-width: 768px) {
body {
	min-width:960px;
	color:#000;
	font-size:16px; font-size:1.6rem; line-height:22.5px; line-height:2.25rem;/*150%*/}
}
/*【SP】*/
@media screen and (max-width: 767px) {
body {
	font-size:1.5rem; line-height:2.25rem;/*150%*/}
}

/* =======================================

	【01】#headerArea

========================================== */
.tagline {
	padding: 0;}

.taglineTxt {
	width:960px;
	height:auto;
	overflow: hidden;
	color:#959595;
	margin:0 auto 0 auto;}
/*【SP】*/
@media screen and (max-width: 767px) {
	.tagline {
		padding:10px 0 0 0;
		background: #0C68BD;}
	
	.taglineTxt {
		width:95%;
		height:auto;}
		
	.taglineTxt p {
		width:85%;
		padding:0 0 8px 0;
		float:left;}
	
	.spNavBtn {
		width:15%;
		height:auto;
		float:right;}
	
	#btn_gnav {
		width:70%;
		height:auto;
		margin:0 0 10px 0;
		float:right;}
	
	#sp_gnav {
		display:none;
		background:#fff;
		border-top:2px solid #ccc;
		border-right:2px solid #ccc;
		border-left:2px solid #ccc;}
	
	#sp_gnav li a {
		display:block;
		border-bottom:2px solid #ccc;
		padding:14px;
		text-decoration: none;}
	
	.navArr {
		font-size:20px; font-size:2.0rem;
		color:#bbb;
		font-weight:bold;
		float:right;}
}

.header {
	width:960px;
	height:auto;
	overflow: hidden;
	padding:10px 0 10px 0;
	margin:0 auto 0 auto;}

.H_logoArea {
	width:374px;
	height:auto;
	float:left;
	margin-top: 20px;}

.H_infoArea {
	width:auto;
	height:auto;
	overflow: hidden;
	float:right;
	text-align: center;}

.H_infoArea .top_01 {
	float: left;
	margin-right: 10px;
}

.H_infoArea .top_02 {
	float: right;
}
.H_infoArea .top_01 p,
.H_infoArea .top_02 p {
	margin-bottom: 4px;
}

/*【SP】*/
@media screen and (max-width: 767px) {
	.header {
		width:100%;
		height:auto;
		padding:10px 0 0 0;}
	
	.H_logoArea {
		width:100%;
		height:auto;
		float:none;}
	
	.H_logoArea p {
		width:85%;
		height:auto;
		margin:15px auto 25px auto;}
	
	.H_logoArea p img {
		width:100%;
		height:auto;}
	
	.H_infoArea,
	.H_infoArea .top_01,
	.H_infoArea .top_02 {
		float: none;
		margin-bottom: 10px;
	}
	
	.H_infoArea .top_01 {
		margin-right: 0;
	}
}

/* =======================================

	【02】#navArea

========================================== */
#navArea {
	background: url(images/navi_bg.jpg) repeat-x;
	height: 60px;
	}

.gNav {
	width:960px;
	height:60px;
	margin:0 auto 0 auto;}

.gNav li {
	display:block;
	width:auto;
	height:60px;
	float:left;}



/* =======================================

	【】#mainArea

========================================== */
#mainArea {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(images/bg.jpg);
	padding-top: 25px;
}

/* 【SP】 */
@media screen and (max-width: 767px) {
	#mainArea {
		padding-top: 15px;
	
	}
}

/* =======================================

	【】#mvArea

========================================== */
/* 【SP】 */
@media screen and (max-width: 767px) {
	#mvArea {
		padding: 10px;
		margin: 0 auto 15px;
	}
	
	#mvArea img {
		width:100%;
		height:auto;
	}
}

/* =======================================

	【03】#contents

========================================== */

.cmn_box {
	height: auto;
	overflow: hidden;
	padding: 20px 25px;
	border: 1px solid#D3D3D1;
	background: #FFF;
	margin-bottom: 30px;
}

.top_h2_sp {display: none;}
.top_h3_sp {display: none;}



/* 【SP】 */
@media screen and (max-width: 767px) {

	.cmn_box {
		padding: 10px;
	}
	.top_h2 {display: none;}
	
	.top_h2_sp {
		display: block;
		font-weight: bold;
		padding: 10px;
		border-left: 4px solid #0C68BD;
	}
	.top_h3 {display: none;}
	
	.top_h3_sp {
		display: block;
		font-weight: bold;
		background: url(images/concept/icon_01.png) left 10px no-repeat;
		padding: 10px 10px 10px 20px;
		font-size: 18px;
	}
}


/* リリース情報
----------------------------------------*/

.topRelease_box dl {
	height: auto;
	overflow: hidden;
	border-bottom: 1px dotted #C1C1C1;
}

.topRelease_box dt,
.topRelease_box dd {
	float:left;}

.topRelease_box dt {
	width:auto;
	height:auto;
	color:#0C66BA;
	font-weight: bold;
	padding:12px 0;}

.topRelease_box dt span {
	margin-left: 30px;
	vertical-align: -webkit-baseline-middle;
}

.topRelease_box dd {
	width:500px;
	height:auto;
	padding:12px 0;
	margin: 5px 0 0 50px;}


/* 【SP】 */
@media screen and (max-width: 767px) {

	.topRelease_box dt,
	.topRelease_box dd {
		float:none;}
		
	.topRelease_box dt {
	}

	.topRelease_box dt span {
		margin-left: 15px;
	}
	.topRelease_box dd {
		width: auto;
		padding: 0 0 12px 0;
		margin: 0;
	}

}


/* サイト一覧
----------------------------------------*/
.topSite_box dl {
	height: auto;
	overflow: hidden;
	float: left;
	padding-top: 20px;
}

.topSite_box dl:nth-child(3n+1){
	padding: 20px 18px 0;
}

.topSite_box dt img {
	width: 290px;
	height: auto;
}

.topSite_box dd {
	text-align: center;
	margin-top: 8px;
	height: 40px;
	width: 290px;
}


/* 【SP】 */
@media screen and (max-width: 767px) {
	
	.topSite_box dl {
		float: none;
		text-align: center;
	}
	.topSite_box dd {
		height: auto;
		overflow: hidden;
		width: auto;
	}
	.topSite_box dl:nth-child(3n+1) {
		padding: 20px 0 0;
	}
	
	.topSite_box dt img {
		max-width: 290px;
		height: auto;
		width: 100%;
	}

}


/* 医院概要
----------------------------------------*/
.topClinic_box,
.topClinic_01,
.topClinic_02 {
	height: auto;
	overflow: hidden;
}

.topClinic_01,
.topClinic_02 {
	margin: 20px 0 30px;
	width: 440px;
}

.topClinic_box h4.top_h4 {
	margin-bottom: 15px;
}

.topClinic_box h4.top_h4_sp {
	display: none;
}

.topClinic_box .fl,
.topClinic_box .fr {
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

.topClinic_01 .fl p,
.topClinic_02 .fl p {
	margin-bottom: 8px;
	line-height: 140%;
}

.topClinic_01 span,
.topClinic_02 span {
	font-size: 22px;
	font-weight: bold;
}

.topClinic_01 span a {
	color: #0C6AC4;
}

.topClinic_02 span a {
	color: #E73678;
}

.topClinic_01 img,
.topClinic_02 img {
	margin-top: 8px;
}

.topClinic_01 {
	float: left;
}

.topClinic_02 {
	float: right;
}

.topClinic_01 .googlemap iframe {
	border: 3px solid #BFDFFF!important;
}

.topClinic_02 .googlemap iframe {
	border: 3px solid #FECBDD!important;
}

.googlemap {
	position: relative;
	padding-top: 30px;
	height: 200px;
	overflow: hidden;
	clear: both;
}

.googlemap iframe,
.googlemap object,
.googlemap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
}

.topMap {
	font-size: 14px;
	margin-top: 10px;
}

.topClinic_txt {
	font-weight: bold;
	color: #E07092;
	clear: both;
	text-align: center;
}

/* 【SP】 */
@media screen and (max-width: 767px) {
	
	.topClinic_01,
	.topClinic_02 {
		margin: 20px 0 30px;
		width: auto;
		float: none;
	}
	
	.topClinic_box .fl,
	.topClinic_box .fr {
		float: none;
		text-align: center;
	}

	.topClinic_box .fr {
		margin-bottom: 10px;
	}

	.topClinic_box h4.top_h4 {
		display: none;
	}
	.topClinic_box h4.top_h4_sp {
		display: inherit;
		text-align: center;
		font-size: 20px;
		padding: 5px 0;
		margin-bottom: 5px;
	}
	.topClinic_01 h4.top_h4_sp {
		background: #BEDFFE;
	}
	.topClinic_02 h4.top_h4_sp {
		background: #FECBDC;
	}

	.googlemap {
		height: 170px;
	}

	.googlemap iframe,
	.googlemap object,
	.googlemap embed {
		height: auto;
	}
	
	.topMap {
		margin: 0;
	}
}


/* 医院理念
----------------------------------------*/
.concept_box {
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}

.concept_inner {
	padding: 15px;
	height: auto;
	overflow: hidden;
}

.concept_01 .fl {
	width: 600px;
	line-height: 160%;
}

.concept_02 ul li {
	background: url(images/concept/icon_02.png) left 8px no-repeat;
	padding: 5px 0 5px 20px;
}

.concept_03 p {
	line-height: 160%;
}

.concept_03 ul {
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}

.concept_03 ul li {
	float: left;
}


.concept_03 ul li:nth-child(2){
	padding: 0 15px;
}

/* 【SP】 */
@media screen and (max-width: 767px) {
	.concept_inner {
		padding: 10px;
	}
	
	.concept_01 .fl {
		width: auto;
		line-height: 160%;
	}
	
	.concept_01 .fl,
	.concept_01 .fr {
		float: none;
	}

	.concept_01 .fr {
		display: block;
		margin: 15px auto 0;
	}
	
	.concept_01 .fr img {
		max-width: 250px;
		height: auto;
		width: 100%;
	}

	.concept_03 ul li {
		float: none;
		text-align: center;
	}
	
	.concept_03 ul li:nth-child(2){
		padding: 10px 0;
	}
	.concept_03 ul li img {
		max-width: 280px;
		height: auto;
		width: 100%;
	}
}

/* =======================================

	【04】#footNavArea

========================================== */
#footNavArea {
	background-color:#eee;}

/* =======================================

	【05】#footer

========================================== */
#footer {
	background:#0C68BC;
}

#footerContents a {
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
}

#footerContents {
	width: 960px;
	margin: 0 auto;
}

#footerContents ul {
	width: 440px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}

#footerContents ul li {
	float: left;
}

#footerContents ul li:not(:last-child) {
	margin-right: 20px;
}

.footer_link {
	width: 720px;
	height: auto;
	overflow: hidden;
	margin: 30px auto 20px;
}

/* 【SP】 */
@media screen and (max-width: 767px) {
	#footer {
		padding: 0;
	}
	#footer img {
		max-width: 320px;
		width:100%;
		height:auto;}
	
	#footerContents,
	#footerContents ul {
		width: auto;
	}
	#footerContents {
		padding: 0;
	}
	#footerContents ul li {
		float: none;
	}
	#footerContents ul li a {
		display: block;
		padding: 10px;
		border-bottom: 1px solid #FFF;
	}
	#footerContents ul li:not(:last-child) {
		margin: 0;
	}
	.footer_link {
		width: auto;
		text-align: center;
		margin: 10px auto;
	}
	.footer_link .fl,
	.footer_link .fr {
		float: none;
		margin-top: 10px;
	}
	#copyrightArea {
		padding: 10px 0;
	}
}

/* =======================================

	【06】#copyrightArea

========================================== */
#copyrightArea {
	background: #0C68BC;
	text-align:center;
	color:#fff;}

/* 【SP】 */
@media screen and (max-width: 767px) {
#copyrightArea {
	font-size:1.2rem; line-height:1.80rem;/*150%*/}
}

/* =======================================

	【07】#pageTop

========================================== */
#pageTop{
	position:fixed;
	background-color:rgba(51, 144, 225, 0.9);
	/* Firefox v1.0+ */
	-moz-border-radius:7px ;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:7px ;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:7px ;
	color:#fff;
	bottom:20px;
	right:30px;
	padding:20px 20px 17px 20px;
	z-index: 100;}

#pageTop:hover{
	background-color:rgba(192,214,241,0.9);}

/* 【SP】 */
@media screen and (max-width: 767px) {
#pageTop {
	bottom:10px;
	right:10px;
	padding:15px 15px 12px 15px;}
}

/* ==============================================================================

	【☆】下層ページ #subDirectory

================================================================================= */