@charset "utf-8";

/* ---------- basic ---------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body,td,th,h1,h2,h3,h4,h5,h6,p,dt,dd,li {
	font-size: 100%;
	/* font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;  */
	line-height: 100%;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/common/bk_base.gif);
	background-position: center top;
}
img {
	border: none;
	vertical-align: bottom;
}
/* */
a:link    {	color: #9F001C;	text-decoration: none;}
a:visited {	color: #9F001C;	text-decoration: none;}
a:hover   {	color: #9F001C;	text-decoration: underline;}
a:active  {	color: #9F001C;	text-decoration: underline;}
/* */
#panlist a:link    {	color: #888888;	text-decoration: none;}
#panlist a:visited {	color: #888888;	text-decoration: none;}
#panlist a:hover   {	color: #888888;	text-decoration: underline;}
#panlist a:active  {	color: #888888;	text-decoration: underline;}
/* */
#sidemenu .navi_ctgr a:link    {	color: #9F001C;	text-decoration: none;}
#sidemenu .navi_ctgr a:visited {	color: #9F001C;	text-decoration: none;}
#sidemenu .navi_ctgr a:hover   {	color: #9F001C;	text-decoration: none;}
#sidemenu .navi_ctgr a:active  {	color: #9F001C;	text-decoration: none;}


.clearBoth {
	clear: both;
}
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#lownavi {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
}

/* ---------- BOX ---------------------------------------- */
.box {
	width: 850px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

/* ---------- CONTAINER ---------------------------------------- */
#container {
	background: url(../images/common/bk_head.jpg) no-repeat center top;
	
}
/* ---------- HEADER ---------------------------------------- */
#header {
	padding-top: 25px;
	margin-bottom: 8px;
	white-space: normal;  /* js用 */
}
#header .box {
	position: relative;
}
#header #logo {
}
#header #logo img {
	vertical-align: bottom;
}
#header #navi_head {
	position: absolute;
	top: 28px;
	left: 468px;
}
#header #tel {
	position: absolute;
	top: 3px;
	left: 630px;
}
#header #tel .tel-pc {
	display: block;
}
#header #tel .tel-sp {
	display: none;
}

/* ---------- NAVI ---------------------------------------- */
#navi {
	margin-bottom: 8px;
}
#navi .box {
}
#navi .box ul {
}

/* ---------- TITLE ---------------------------------------- */
#title {
	clear: both;
}
#title .box {}
#title h1 {
	background-image: url(../images/common/bk_ovvw.jpg);
	background-repeat: no-repeat;
	height: 105px;
}
#title h1 img {
	margin-top: 45px;
	margin-left: 15px;
}
#title h1 span {
	line-height: 105px;
	height: 105px;
}
#title h1 span.ja {
	font-size: 82%;
	color: #9F001C;
	padding-left: 21px;
}
#title h1 span.en {
	font-size: 68%;
	font-weight: normal;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color: #fff;
	padding-left: 12px;
	letter-spacing: 0.1em;
}

/* panlist */
#title #panlist {
	font-size: 68%;
	margin: 8px 5px 5px;
	color: #888888;
}

/* breadcrumb */
#title .breadcrumb {
	color: #888888;
	overflow: hidden;
	margin: 6px 5px 5px;
}
#title .breadcrumb > ol {
	list-style-type: none;
	padding-right: 10px;
}
#title .breadcrumb > ol > li {
	display: inline;
	color: #888888;
	font-size: 70%;
}
#title .breadcrumb span {
	color: #888888;
}
#title .breadcrumb a:link,
#title .breadcrumb a:visited {
	text-decoration: none;
}
#title .breadcrumb a:hover,
#title .breadcrumb a:active {
	text-decoration: underline;
	color: #888888;
}

.home #title h1 {
	height: 288px;
	/* background-image: none; */
	background-image: url(../images/home/diagonal_top.gif);
	background-repeat: repeat;
}
.home #title h1 img {	margin-top: 0px;	margin-left: 0px;}

.ovvw #title h1 {background-image: url(../images/common/bk_ovvw.jpg);}
.mdcl #title h1 {background-image: url(../images/common/bk_mdcl.jpg);}
.equi #title h1 {background-image: url(../images/common/bk_equi.jpg);}
.cnsl #title h1 {background-image: url(../images/common/bk_cnsl.jpg);}
.accs #title h1 {background-image: url(../images/common/bk_accs.jpg);}
.info #title h1 {background-image: url(../images/common/bk_info.jpg);}


/* bxslider */
#slider {
	white-space: normal;
	position: relative;
	width: 100%;
}
#slider .bx-wrapper img {
	display: block;
	width: 100%;
	height: auto;
}
#slider .bx-viewport {
}
#slider-bottom {
	height: 10px;
	width: 100%;
	background: url(../images/home/diagonal_top.gif) top left repeat;
}

/* ---------- MAIN ---------------------------------------- */
#main {
	clear: both;
}
#main .box {
	background-color: #FFFFFF;
	padding-bottom: 30px;
	padding-top: 20px;
}

/* ---------- CONTENTS ---------------------------------------- */
#contents {
	width: 540px;
	margin-left: 20px;
	float: left;
	display: inline; /* IE6マージン対策 */
}

/* ---------- CONTENTS ---------------------------------------- */
#sidemenu {
	float: right;
	width: 240px;
	margin-right: 20px;
	display: inline; /* IE6マージン対策 */
}

/* ---------- FOOTER ---------------------------------------- */
#footer {
	clear: both;
}
#footer .box {
	background-color: #FFFFFF;
	position: relative;
	border-top: 1px solid #ECECEC;
}
#footer #ptop {
	position: absolute;
	top: -27px;
	right: 20px;
}
/* navi_foot */
#footer #navi_foot {
	position: absolute;
	left: 640px;
	top: 10px;
}
#navi_foot ul {}
#navi_foot ul li {
	display: block;
	height: 18px;
	float: left;
	list-style-type: none;
}
#navi_foot ul li a {
	display: block;
	height: 18px;
}
#navi_foot ul li.term {
	margin-right: 10px;
}
#navi_foot ul li.term,
#navi_foot ul li.term a {
	width: 70px;
}
#navi_foot ul li.priv,
#navi_foot ul li.priv a {
	width: 110px;
}
#navi_foot ul li a span {
	position: absolute;
	left: -10000px;
	display: block; 
}
#navi_foot ul li.term a {
	background-image: url(../images/common/btn_term.gif);
	background-position: 0px 0px;
}
#navi_foot ul li.priv a {
	background-image: url(../images/common/btn_priv.gif);
	background-position: 0px 0px;
}
#navi_foot ul li a:hover {
	background-position: 0px -18px;
}

#footer #clinic {
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}
#footer #clinic .photo {
	float: left;
	margin-right: 10px;
}
#footer #clinic .credit {
	margin-top: 5px;
}
#footer #copyright {
	clear: both;
	border-top: 1px solid #ECECEC;
	padding: 10px 20px 40px;
	color: #666;
	font-size: 10px;
	font-family: Arial, Helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}


@media screen and (max-width:767px) {
	html {
		overflow-y: visible;
	}
	body {
		min-width: inherit;
		background: #fff;
		font-size: 90%;
	}

	/* 横幅 */
	.box {
		width: auto;
		text-align: left;
		margin-right: auto;
		margin-left: auto;
	}
	#container {
		position: relative;
		background: no-repeat center top #fff;

		/* 540pxまでは両端を空白にする */
		margin: 0 auto;
		max-width: 540px;
	}
	#main {
		padding: 3% 2.5% 0;
	}
	#main .box {
		padding-bottom: 0;
		padding-top: 0;
	}
	#contents {
		width: auto;
		float: none;
		margin-left: 0;
	}
	#sidemenu {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom:3%;
	}
	#slider {
		white-space: nowrap;
		width: 100%;
		height: auto;
		background: none;
	}

	/* header */
	#header {
		margin-bottom: 0;
		padding: 0;
		white-space: nowrap;  /* js用 */
	}
	#header .box {
		position: relative;
	}
	#header #logo {
		padding: 12px 0 12px 1.5%;
	}
	#header #logo img {
		width: 250px;
		height: auto;
	}

	/* navi_head */
	#header #navi_head {
		width: auto;
		position: absolute;
		top: 68px;
		right: 0;
		left: 0;
	}
	#header #navi_head ul {
		position: relative;
	}
	#header #navi_head ul li {
		width: 60px;
		position: absolute;
		z-index: 50;
	}
	#header #navi_head ul li.inqr {
		top: 14px;
		right: 71px;
	}
	#header #navi_head ul li.smap {
		top: 14px;
		right: 5px;
	}
	#header #navi_head ul li.inqr a {
		background: url(../images/common/sp/btn_inqr.gif) no-repeat top left;
		background-size: 100% auto;
	}
	#header #navi_head ul li.smap a {
		background: url(../images/common/sp/btn_smap.gif) no-repeat top left;
		background-size: 100% auto;
	}
	#header #navi_head ul li a {
		width: 100%;
		margin: 0 auto;
	}

	#header #tel {
		width: 100%;
		height: 35px;
		background-color: #666;
		background-size: 150px auto;
		position: relative;
		top: inherit;
		left: inherit;
	}
	#header #tel .tel-pc {
		display: none;
	}
	#header #tel .tel-sp {
		display: block;
		padding: 5px 0 0 12px;
	}
	#header #tel .tel-sp img {
		width: 150px;
		height: auto;
	}

	/* sidemenu */
	#sidemenu #banner {}
	#sidemenu #banner div img {
		max-width: 100%;
		height: auto;
		text-align: center;
	}

	/* title */
	#title {
		clear: both;
	}
	#title h1 {
		position: relative;
		background-position: right bottom;
		background-size: auto 100%;
		background-color: #e5e5e5;
		height: 52px;
	}
	#title h1:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3px;
		background: url(../images/common/sp/bk_title.gif) repeat-x bottom left;
	}
	#title h1 span {
		line-height: 52px;
		height: 52px;
	}
	#title h1 span.ja {
		font-size: 94%;
		padding-left: 15px;
	}
	#title h1 span.en {
		display: none;
	}
	#slider-bottom {
		height: 0;
		padding-bottom: 2%;
		margin-top: -1px;
	}

	/* FOOTER */
	#footer {
		clear: both;
		padding: 0 2.5%;
	}
	#footer .box {
		border: none;
	}
	#footer #ptop {
		display: none;
	}
	#footer #navi_foot {
		position: relative;
		left: inherit;
		top: inherit;
		overflow: hidden;
	}
	#footer #navi_foot ul li {
		-webkit-box-sizing : border-box;
		-moz-box-sizing : border-box;
		box-sizing : border-box;
		width: 50%;
		height: 100%;
		margin: 10px 0 10px;
		border: 1px solid #ccc;
		padding: 8px 0;
	}
	#footer #navi_foot ul li:first-child {
		border-right: none;
	}
	#footer #navi_foot ul li a {
		width: 100%;
		background-repeat: no-repeat;
		background-position: 8px center;
		background-size: auto 12px;
	}
	#footer #navi_foot ul li.term a {
		background-image: url(../images/common/sp/btn_term.gif);
	}
	#footer #navi_foot ul li.priv a {
		background-image: url(../images/common/sp/btn_priv.gif);
	}

	#footer #clinic {
		padding: 3% 0 0;
	}
	#footer #clinic .photo {
		float: left;
		margin-right: 3%;
	}
	#footer #clinic .credit {
		margin-top: 5px;
	}
	#footer #copyright {
		clear: both;
		text-align: center;
		border-top: none;
		padding: 10px 20px 40px;
	}

}

/* ------------------------------
カレンダーのカスタマイズ
------------------------------ */
.wpsbc-container .wpsbc-calendars .wpsbc-calendar {
    margin-bottom: 10px !important;
}
.wpsbc-container .wpsbc-legend {
    margin: 0 !important;
}