@charset "UTF-8";

/*-----------------------------------
 トップページ
-----------------------------------*/
#index h2 {
	width: 100%;
	padding: 14% 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../common/title2.jpg) no-repeat 0 0;
	background-size: cover;
}

#index #main {text-align: justify;}

/* スライドショー */
#index .slider img {width: 100%;}

#index .slider .bx-wrapper .bx-next {
	margin-right: 0 !important;
	right: 0 !important;
}

.bx-wrapper .bx-controls-direction a {z-index: 9 !important;}

/* 診察時間 */
#index #consult h2 {
	margin: 0 0 5px;
	padding: 0;
	color: #004077;
	font-size: 110%;
	text-indent: 0;
	background: none;
}

#index #consult img {
	width: 100%;
	max-width: 500px;
}

#index #consult table {width: 100%;}

#index #consult table th {
	padding: 5px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background: #004077;
	border-right: 1px solid #fff;
}

#index #consult table th:last-child {border: none;}

#index #consult table td {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	background: #eee;
	border-bottom: 1px solid #004077;
	border-right: 1px solid #004077;
}

#index #consult table td:last-child {border-right: none;}

#index #consult table td.day {
	color: #fff;
	font-weight: bold;
	background: #004077;
	border-top: 1px solid #fff;
	border-bottom: none;
}

#index #consult p {
	color: #d14c4c;
	font-size: 95%;
	text-align: right;
}

#index #timetable {
	margin: 15px 0 10px;
	padding: 15px;
	background: #fffcc0;
}

#index .point {
	width: 100%;
	max-width: 710px;
	margin: 20px 0 0;
}

/* お知らせ */
#index #info {
	margin: 20px 0 0;
	background: #e2effa;
	border: 4px solid #eef6fc;
}

#index #info h3 {
	margin: 0;
	padding: 7px 10px;
	line-height: 20px;
	background: ;
	border-left: 4px solid #004077;
}

.info_box {
	height: 21.5em;
	overflow-y: scroll;
}

#index #info #box {
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	border-bottom: 1px dotted #004077;
}

#index #info #box p {margin: 3px 0 0;}
#index #info #box p br {display: none;}

#index #info #box span.blue {
	margin-right: 0.2em;
	color: #004077;
}

#index #info #box strong {display: block;}

#index .info_btn {
	width: 200px;
	margin: 10px auto 20px;
	padding: 15px 0;
	display: block;
	color: #fff;
	text-align: center;
	background: #004077;
	border-radius: 7px;
	text-decoration: none;
}

#index .booking {
	margin-bottom: 30px;
	text-align: center;
}

#index .booking img {
	width: 90%;
	height: auto;
	max-width: 400px;
}

/* バナー */
#inside_banner div {
	margin: 0 0 -20px;
	text-align: justify;
}

#inside_banner div:after {
	content: "";
	width: 100%;
	height: 0;
	display: inline-block;
}

#inside_banner div a {
	width: 49%;
	margin: 0 0 1.2%;
	display: inline-block;
}

#inside_banner div a img {
	width: 100%;
	max-width: 350px;
}

.banner {
	width: 85%;
	max-width: 710px;
	height: auto;
	margin: 0 auto 2%;
	display: block;
}

/* カレンダー・アクセス */
#calendar {
	margin: -75px 0 0 !important;
	padding: 85px 0 0;
}

#calendar,
#map {
	margin: 20px 0 0;
} 

#calendar h4,
#map h4 {
	margin: 0 0 10px;
	padding: 5px 3%;
	color: #fff;
	font-size: 110%;
	font-weight: normal;
	background: #004077;
}

#map img {
	width: 100%;
	height: auto;
}


/* バナー4種 */
#column_l {
	margin: 20px 0 0;
	text-align: justify;
}

#column_l:after {
	content: "";
	width: 100%;
	height: 0;
	display: inline-block;
}

#column_l a {
	width: 48.5%;
	display: inline-block;
	vertical-align: top;
}

#column_l a img {
	width: 100%;
	height: auto;
}

#column_l .blog {margin-top: 6%;}

/* 各種保険 */
#insurance {
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #ccc;
}

#insurance .title {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
}

#insurance .title span {
	width: 17px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 8px;
	line-height: 17px;
	text-align: center;
	background: #004077;
}

#insurance h5 {
	width: 90%;
	margin-left: 0.5em;
	display: inline-block;
	vertical-align: middle;
	color: #004077;
	font-size: 110%;
}

#insurance .bana {
	padding: 0 20px;
	text-align: justify;
	font-size: 0;
	line-height: 0;
}

#insurance .bana:after {
	content: "";
	width: 100%;
	height: 0;
	display: inline-block;
}

#insurance .bana a {
	width: 48%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

#insurance .bana img {
	width: 100%;
	height: auto;
}

#insurance .bana #ipet {max-width: 125px;}

/* 登録証 */
#proof {margin: 0 0 50px;}

#proof h6 {
	margin: 0 0 2px;
	padding: 5px 3%;
	color: #fff;
	text-align: center;
	background: #004077;
}

#proof span {
	padding: 5px 3%;
	display: block;
	color: #004077;
	background: #a0cbed;
}

#proof p {
	padding: 5px 3%;
	background: #f5f5f5;
	border-bottom: 2px solid #fff;
}

/* フェイスブック */
#facebook {
	width: 100%;
	max-width: 500px;
}