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

/* ==================================================================
	index.css
	
=================================================================== */
.contents{
	background:url(../../images/common/bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	margin: 0;
}
	
.contents div#visual{
	height:210px;
	padding-bottom:6%;
	position:relative;
}

.contents div#visual h2{
	position:absolute;
	top:15%;
	left:2%;
    z-index: 20;
}

.contents div#visual p.catch{
	position:absolute;
	top:60%;
	left:2%;
    z-index: 20;
}
.contents div#visual p.woman{
	position:absolute;
	bottom:0;
	right:1%;
    z-index: 0;
}
.contents div#visual img{
	width:auto;
	max-width:100%;
	height:auto;
}



/*  ■ 共通
================================== */
section{
	width:96%;
	display:inline-block;
	box-sizing:border-box;
	margin:2%;
}

section img{
	max-width:100%;
	width:auto;
	box-sizing:border-box;
}

section#clinic{
	background-size: 100% auto;
	width:100%;
	margin:0;
	margin-top: -20px;
    position: relative;
    z-index: 20;
}

section div.subsection{
	width:46%;
	margin:2%;
	text-align:center;
	display:inline-block;
	float:left;
	box-sizing:border-box;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 3px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 3px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 3px 2px;
	background-color:#fff;
}

section div.subsection.makishika{
	border-top:8px solid #8dcf3f;
}

section div.subsection.shinmachi{
	border-top:8px solid #fc8cb2;
}

section div.subsection dl{
	padding:20px 0 ;
	position:relative;
	z-index:100;
}
section div.subsection dl dt{
	padding:0;
	text-align:left;
}

section div.subsection dl dt img{
	width:auto;
	max-width:100%;
}
section div.subsection dl dd.name{
	text-align:center;
	font-size:100%;
	font-weight:700;
	position:absolute;
	top:100px;
	left:0;
	z-index:10;
	color:#fff;
	width:47%;
}
section div.subsection dl dd.name img{
	width:100%;
}
section div.subsection.makishika dl dd.name{
}

section div.subsection.shinmachi dl dd.name{
}

section div.subsection dl dd.name span{
	font-size:63%;
	line-height: 1.5;
    display: inline-block;
}
section div.subsection dl dd.name a{
	color:#fff;
	text-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}

section div.subsection dl dd.director img{
	 width:100%;

}
section div.subsection dl dd.storeimg{
	clear:both;
}
section div.subsection dl dd.address{
	padding-bottom:3%;
	font-size:70%;
	text-align:left;
}

section div.subsection dl dd{
	padding:3% 5% 0;
}

/*  ■ hours
================================== */
section#hours{
	
}

	section#hours h3{
		padding-bottom:2%;
		
	}

	section#hours table {
		margin-bottom: 5%;
		border-top: #CCC 4px;
		width: 100%;
	}
	
	section#hours th {
		background-color: #ebebeb;
		text-align: center;
		padding: 7px 20px 7px 20px;
		border: #CCC solid 1px;
		font-size: 23px;
		font-weight:700;
	}
	
	section#hours td {
		font-size: 22px;
		text-align: center;
		border: #CCC solid 1px;
		padding: 4px;
	}
	section#hours th span.sat{
		text-align: center;
		color:#2fb4f2;
	}
	section#hours th span.sun{
		text-align: center;
		color:#eb5282;
	}
	section#hours td span.holiday{
		font-size: 40px;
		text-align: center;
		color:#a5a5a5;
	}
	section#hours td span.circle{
		font-size: 62px;
		text-align: center;
		color:#2fb4f2;
		vertical-align:middle;
	}


/*  ■ bannerArea
================================== */
section#bannerArea{
	background:#f8f5ee;
	padding: 5% 2% 3%;
	margin:0;
	width:100%;
}
	section#bannerArea ul{
		width:100%;
		padding-bottom:3%;
		overflow:hidden;
	}
	section#bannerArea ul li img{
		width:100%;
	}
	section#bannerArea ul li.telescope{
		float:left;
		width:60%;
	}
	section#bannerArea ul li.history{
		float:right;
		width:35%;
	}
	
	section#bannerArea ul li.topics{
		float:left;
		width:30%;
		vertical-align:bottom;
	}
	section#bannerArea ul li.consultation{
		float:right;
		width:65%;
		vertical-align:bottom;
	}
	
	section#bannerArea ul.under li{
		display:table;
		vertical-align:bottom;
	}
	section#bannerArea img{
		width:100%;
	}