@charset "utf-8";

/* ---------- navi_main ---------------------------------------- */
#navi {
	display: block;
}
.btn-spnav {
	display: none;
}
#navi ul.gnavi {
	display: block;
}
#navi ul.gnavi > li {
	display: block;
	width: 142px;
	height: 43px;
	float: left;
	list-style-type: none;
}
#navi ul.gnavi > li.home,
#navi ul.gnavi > li.accs {
	width: 141px;
}
#navi ul.gnavi > li > a {
	display: block;
	width: 100%;
	height: 100%;
}
#navi ul.gnavi > li > a span {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#navi ul.gnavi li.home          {	background-image: url(../images/common/btn_home.gif);	background-position: 0px 0px;}
#navi ul.gnavi li.ovvw          {	background-image: url(../images/common/btn_ovvw.gif);	background-position: 0px 0px;}
#navi ul.gnavi li.mdcl          {	background-image: url(../images/common/btn_mdcl.gif);	background-position: 0px 0px;}
#navi ul.gnavi li.equi          {	background-image: url(../images/common/btn_equi.gif);	background-position: 0px 0px;}
#navi ul.gnavi li.cnsl          {	background-image: url(../images/common/btn_cnsl.gif);	background-position: 0px 0px;}
#navi ul.gnavi li.accs          {	background-image: url(../images/common/btn_accs.gif);	background-position: 0px 0px;}
#navi ul.gnavi li:hover         {	background-position: 0px -45px;} 

.home #navi ul.gnavi li.home    {	background-position: 0px -90px;} 
.ovvw #navi ul.gnavi li.ovvw    {	background-position: 0px -90px;} 
.mdcl #navi ul.gnavi li.mdcl    {	background-position: 0px -90px;}
.equi #navi ul.gnavi li.equi    {	background-position: 0px -90px;}
.cnsl #navi ul.gnavi li.cnsl    {	background-position: 0px -90px;}
.accs #navi ul.gnavi li.accs    {	background-position: 0px -90px;} 

#navi ul.subnavi {
	display: none;
	position: absolute;
	z-index: 1000;
}
#navi ul.subnavi li a {
	display: block;
	padding: 5px 12px;
	background-color: rgba(32,32,32,0.8);
	min-width: 142px;
	box-sizing: border-box;
	margin-bottom: 1px;
	text-decoration: none;
}
#navi ul.subnavi li a span {
	font-size: 12px;
	color: #fff;
}

/* ---------- pagetop ---------------------------------------- */
#ptop {}
#ptop a {
	display: block;
	width: 115px;
	height: 26px;
}

#ptop a       { background-image: url(../images/common/btn_ptop.gif); background-position: 0px 0px;}
#ptop a:hover { background-position: 0px -26px;}
#ptop a span {
  position: absolute;
	left: -10000px;
	display: block;
}

/* ---------- navi_head ---------------------------------------- */
#navi_head {
}
#navi_head ul {
}
#navi_head ul li {
	display: block;
	width: 80px;
	height: 25px;
	float: left;
	list-style-type: none;
	margin-right: 1px;
}
#navi_head ul li a {
	display: block;
	width: 80px;
	height: 25px;
}
#navi_head ul li a span {
	position: absolute;
	left: -10000px;
	display: block;
}

/**/
#navi_head ul li.inqr a          {	background-image: url(../images/common/btn_inqr.gif);	background-position: 0px 0px;}
#navi_head ul li.smap a          {	background-image: url(../images/common/btn_smap.gif);	background-position: 0px 0px;}

/**/
#navi_head ul li a:hover        {	background-position: 0px -25px;}


/* ---------- sidemenu ---------------------------------------- */
/* navi_ctgr */
#sidemenu .navi_ctgr {
	margin-bottom: 20px;
}
#sidemenu .navi_ctgr ul {}
#sidemenu .navi_ctgr ul li {
	border-bottom: 1px dotted #CCCCCC;
}
#sidemenu .navi_ctgr ul li a {
	display: block;
	/* width: 220px; */
	padding: 5px 5px 5px 15px;
}
#sidemenu .navi_ctgr ul li a               {	background-image: url(../images/common/bk_btn_ctgr.gif);	background-position: 0px 0px;} 
#sidemenu .navi_ctgr ul li a:hover         {	background-position: -240px 0px;} 

.ovvw .abou #sidemenu .navi_ctgr ul li.abou a     {	background-position: -240px 0px;}
.ovvw .intr #sidemenu .navi_ctgr ul li.intr a     {	background-position: -240px 0px;}
.ovvw .flow #sidemenu .navi_ctgr ul li.flow a     {	background-position: -240px 0px;}
.ovvw .gree #sidemenu .navi_ctgr ul li.gree a     {	background-position: -240px 0px;}
.ovvw .stff #sidemenu .navi_ctgr ul li.stff a     {	background-position: -240px 0px;}

/* 一時非公開 */
.ovvw #sidemenu .navi_ctgr ul li.stff {display: none;}


/* navi_mdcl */
#sidemenu .navi_mdcl {
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
#sidemenu .navi_mdcl ul {}
#sidemenu .navi_mdcl ul li {
	display: block;
	width: 238px;
	height: 58px;
	float: left;
	list-style-type: none;
	border-bottom: 1px dotted #CCCCCC;
}
#sidemenu .navi_mdcl ul li.aest {	border-style: none;}
#sidemenu .navi_mdcl ul li.dent {	border-style: none; display: none; } /* 一時非公開 */
#sidemenu .navi_mdcl ul li a {
	display: block;
	width: 238px;
	height: 58px;
}
#sidemenu .navi_mdcl ul li a span {
	position: absolute;
	left: -10000px;
	display: block; 
}

#sidemenu .navi_mdcl ul li.gnrl a          {	background-image: url(../images/common/btn_submenu_gnrl.jpg);	background-position: 0px 0px;} 
#sidemenu .navi_mdcl ul li.prev a          {	background-image: url(../images/common/btn_submenu_prev.jpg);	background-position: 0px 0px;} 
#sidemenu .navi_mdcl ul li.chld a          {	background-image: url(../images/common/btn_submenu_chld.jpg);	background-position: 0px 0px;} 
#sidemenu .navi_mdcl ul li.whit a          {	background-image: url(../images/common/btn_submenu_whit.jpg);	background-position: 0px 0px;} 
#sidemenu .navi_mdcl ul li.aest a          {	background-image: url(../images/common/btn_submenu_aest.jpg);	background-position: 0px 0px;} 
#sidemenu .navi_mdcl ul li.dent a          {	background-image: url(../images/common/btn_submenu_dent.jpg);	background-position: 0px 0px;} 
#sidemenu .navi_mdcl ul li a:hover        {	background-position: -240px 0px;} 
.gnrl #sidemenu .navi_mdcl ul li.gnrl a     {	background-position: -240px 0px;}
.prev #sidemenu .navi_mdcl ul li.prev a     {	background-position: -240px 0px;}
.chld #sidemenu .navi_mdcl ul li.chld a     {	background-position: -240px 0px;}
.whit #sidemenu .navi_mdcl ul li.whit a     {	background-position: -240px 0px;}
.aest #sidemenu .navi_mdcl ul li.aest a     {	background-position: -240px 0px;}
.dent #sidemenu .navi_mdcl ul li.dent a     {	background-position: -240px 0px;}

/* banner */
#sidemenu #banner {	clear: both; margin-bottom: 20px;}
#sidemenu #banner #blog {margin-bottom: 10px;}
#sidemenu #banner #recr {margin-bottom: 10px;}
#sidemenu #banner #mble {margin-bottom: 10px;}
#sidemenu #banner #campaign {margin-bottom: 10px;}

/* ---------- tabmenu ---------------------------------------- */
.cnsl #tabmenu {}
.cnsl #tabmenu ul {}
.cnsl #tabmenu ul li {
	display: block;
	width: 150px;
	height: 32px;
	float: left;
	list-style-type: none;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}
.cnsl #tabmenu ul li a {
	display: block;
	width: 150px;
	height: 32px;
}
.cnsl #tabmenu ul li a span {
  position: absolute;
	left: -10000px;
	display: block; 
}

.cnsl #tabmenu ul li.cmmn a          {	background-image: url(../images/consultation/btn_cmmn.gif);	background-position: 0px 0px;} 
.cnsl #tabmenu ul li.whit a          {	background-image: url(../images/consultation/btn_whitening.gif);	background-position: 0px 0px;} 
.cnsl #tabmenu ul li a:hover        {	background-position: 0px -37px;} 
.cnsl .cmmn #tabmenu ul li.cmmn a        {	background-position: 0px -37px;}
.cnsl .whit #tabmenu ul li.whit a        {	background-position: 0px -37px;} 


/* ---------- navi_whitening ---------------------------------------- */
.mdcl #tabmenu {}
.mdcl #contents #tabmenu ul {
	margin-bottom: 1px;
}
.mdcl #contents #tabmenu ul li {
	display: block;
	width: 150px;
	height: 40px;
	float: left;
	list-style-type: none;
	margin-right: 1px;
	background-image: none;
	padding: 0;
}
.mdcl #tabmenu ul li a {
	display: block;
	width: 150px;
	height: 40px;
}
.mdcl #tabmenu ul li.dual,
.mdcl #tabmenu ul li.dual a {
	width: 165px;
}
.mdcl #tabmenu ul li a span {
	position: absolute;
	left: -10000px;
	display: block; 
}

.mdcl #tabmenu ul li.offi a          {	background-image: url(../images/medical/tab_office.jpg);	background-position: 0px 0px;} 
.mdcl #tabmenu ul li.home a          {	background-image: url(../images/medical/tab_home.jpg);	background-position: 0px 0px;} 
.mdcl #tabmenu ul li.dual a          {	background-image: url(../images/medical/tab_dual.jpg);	background-position: 0px 0px;} 
.mdcl #tabmenu ul li a:hover        {	background-position: 0px -45px;} 
.mdcl .offi #tabmenu ul li.offi a        {	background-position: 0px -45px;}
.mdcl .home #tabmenu ul li.home a        {	background-position: 0px -45px;} 
.mdcl .dual #tabmenu ul li.dual a        {	background-position: 0px -45px;} 


@media screen and (max-width:767px) {
	#container .btn-spnav {
		display: block;
		overflow: hidden;
		position: absolute;
		right: 3.5%;
		top: 13px;
		width: 35px;
		height: 35px;
		background: url(../images/common/sp/btn_spnav.gif) no-repeat left top;
		background-size: 100% auto;
		cursor: pointer;
	}
	#container .btn-spnav a img {
		width: 20px;
		height: auto;
	}

	#container #navi {
		position: absolute;
		top: 60px;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 100;
		overflow: hidden;
	}
	#container #navi span.en {
		display: none;
	}
	#container #navi ul {
		float: none;
		display: none;
		position: inherit;
		padding-top: 0;
	}
	#container #navi ul li {
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
	}
	#container #navi ul.gnavi > li {
		background: #333;
	}
	#container #navi ul li a {
		width: 100%;
		height: 100%;
		padding: 13px 15px 13px;
		background: none;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}
	#container #navi ul li a:hover {
		text-decoration: none;
	}
	#container #navi ul li.ovvw > a,
	#container #navi ul li.mdcl > a {
		background: url(../images/common/sp/ic_arrow.png) no-repeat 95% center;
		background-size: 14px 14px;
	}
	#container #navi ul li a span {
		display: block;
		font-size: 12px;
		color: #fff;
		text-indent: 0;
	}

	/* subnavi */
	#container #navi ul.subnavi {
		display: block;
		position: relative;
		overflow: hidden;
	}
	#container #navi ul.subnavi li {
		box-sizing: border-box;
		float: left;
		width: 50%;
		background: #505050;
	}
	#container #navi li.ovvw ul.subnavi li:nth-child(odd) {
		border-right: 1px solid #fff;
	}
	#container #navi li.mdcl ul.subnavi li:nth-child(1),
	#container #navi li.mdcl ul.subnavi li:nth-child(2),
	#container #navi li.mdcl ul.subnavi li:nth-child(4) {
		border-right: 1px solid #fff;
	}
	#container #navi li.mdcl ul.subnavi li:nth-child(-n+3) {
		width: 33.3%;
	}
	#container #navi ul.subnavi li a {
		display: block;
		background: none;
		min-width: inherit;
		margin-bottom: 0;
		overflow: hidden;
	}
	#container #navi ul.subnavi li a span {}

	/* navi_ctgr */
	#sidemenu .navi_ctgr {
		margin-bottom: 3%;
	}
	#sidemenu .navi_ctgr ul {}
	#sidemenu .navi_ctgr ul li {
		border-bottom: 1px dotted #ccc;
	}
	#sidemenu .navi_ctgr ul li a {
		display: block;
		padding: 5px 5px 5px 10px;
		background-image: none;
		border-left: 3px solid #ccc;
		margin: 3px 2px;
	}
	#sidemenu .navi_ctgr ul li a:hover {
		border-left: 3px solid #780000;
	}

	.ovvw .abou #sidemenu .navi_ctgr ul li.abou a {border-left: 3px solid #780000;}
	.ovvw .intr #sidemenu .navi_ctgr ul li.intr a {border-left: 3px solid #780000;}
	.ovvw .flow #sidemenu .navi_ctgr ul li.flow a {border-left: 3px solid #780000;}
	.ovvw .gree #sidemenu .navi_ctgr ul li.gree a {border-left: 3px solid #780000;}
	.ovvw .stff #sidemenu .navi_ctgr ul li.stff a {border-left: 3px solid #780000;}

	/* 一時非公開 */
	.ovvw #sidemenu .navi_ctgr ul li.stff {display: none;}


	/* navi_mdcl */
	#sidemenu .navi_mdcl {
		margin-bottom: 3%;
	}
	#sidemenu .navi_mdcl ul {}
	#sidemenu .navi_mdcl ul li {
		width: 100%;
		height: 56px;
		float: none;
		border-bottom: 1px dotted #CCCCCC;
		padding: 4px;
		background: url(../images/common/sp/arrow_sidemenu.png) no-repeat;
		background-position: 95% center;
		background-size: 12px 10px;
		box-sizing: border-box;
	}
	#sidemenu .navi_mdcl ul li.aest {border-style: none;}

	/* 一時非公開 */
	#sidemenu .navi_mdcl ul li.dent {border-style: none; display: none; }

	#sidemenu .navi_mdcl ul li:hover {
		background-color: #efc9c6;
	}

	#sidemenu .navi_mdcl ul li a {
		display: block;
		width: 100%;
		height: 100%;
		background-size: auto 100%;
		background-repeat: no-repeat;
	}
	#sidemenu .navi_mdcl ul li a span {
		position: absolute;
		left: -10000px;
		display: block;
	}

	#sidemenu .navi_mdcl ul li.gnrl a          {	background-image: url(../images/common/sp/btn_submenu_gnrl.png);} 
	#sidemenu .navi_mdcl ul li.prev a          {	background-image: url(../images/common/sp/btn_submenu_prev.png);} 
	#sidemenu .navi_mdcl ul li.chld a          {	background-image: url(../images/common/sp/btn_submenu_chld.png);} 
	#sidemenu .navi_mdcl ul li.whit a          {	background-image: url(../images/common/sp/btn_submenu_whit.png);} 
	#sidemenu .navi_mdcl ul li.aest a          {	background-image: url(../images/common/sp/btn_submenu_aest.png);} 
	#sidemenu .navi_mdcl ul li.dent a          {	background-image: url(../images/common/sp/btn_submenu_dent.png);} 
	#sidemenu .navi_mdcl ul li a:hover        {	background-position: 0 0;}
	.gnrl #sidemenu .navi_mdcl ul li.gnrl a     {	background-position: 0 0;}
	.prev #sidemenu .navi_mdcl ul li.prev a     {	background-position: 0 0;}
	.chld #sidemenu .navi_mdcl ul li.chld a     {	background-position: 0 0;}
	.whit #sidemenu .navi_mdcl ul li.whit a     {	background-position: 0 0;}
	.aest #sidemenu .navi_mdcl ul li.aest a     {	background-position: 0 0;}
	.dent #sidemenu .navi_mdcl ul li.dent a     {	background-position: 0 0;}

	/* banner */
  #sidemenu #cashless,
	#sidemenu #banner {
		overflow: hidden;
		text-align: center;
		margin-bottom: 3%;
	}
  #sidemenu #cashless img,
	#sidemenu #banner div img {
		max-width: 100%;
		height: auto;
		text-align: center;
	}

	/* tabmenu */
	/* navi_whitening */
	.mdcl #contents #tabmenu {}
	.mdcl #contents #tabmenu ul {
		display: table;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		margin-left: 0;
	}
	.mdcl #contents #tabmenu ul li {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		float: none;
		width: 33.3%;
		height: auto;
		padding: 0;
		margin-right: 0;
		background-image: none;
		-webkit-border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}
	.mdcl #contents #tabmenu ul li a {
		width: 100%;
		height: 100%;
		padding: 12px 6px;
		background-image: none;
		text-decoration: none;
		vertical-align: middle;
		box-sizing: border-box;
	}
	.mdcl #tabmenu ul li a span {
		position: relative;
		left: inherit;
		font-size: 11.5px;
		font-weight: bold;
		line-height: 120%;
		color: #fff;
	}
	.mdcl #tabmenu ul li.offi {
		background-color: rgba(165,200,121,0.45);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccffffff,EndColorStr=#ccffffff);/*IE8以下用*/
	}
	.mdcl #tabmenu ul li.home {
		background-color: rgba(153,186,219,0.45);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccffffff,EndColorStr=#ccffffff);/*IE8以下用*/
	}
	.mdcl #tabmenu ul li.dual {
		background-color: rgba(240,186,96,0.45);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccffffff,EndColorStr=#ccffffff);/*IE8以下用*/
	}

	.mdcl .offi #tabmenu ul li.offi,
	.mdcl #tabmenu ul li.offi:hover {
		background-color: #A5C879
	}
	.mdcl .home #tabmenu ul li.home,
	.mdcl #tabmenu ul li.home:hover {
		background-color: #99BADB;
	}
	.mdcl .dual #tabmenu ul li.dual,
	.mdcl #tabmenu ul li.dual:hover {
		background-color: #F0BA60;
	}


}