/* * * * * * * * * * * * * * * * * *
 navi.css
* * * * * * * * * * * * * * * * * */
#navi {
	position: absolute;
	bottom: 0;
	width: 1250px;
	height: 61px;
	margin:0 auto;
}
@media screen and (max-width:1249px) {
	#navi {
		width: 990px;
	}
}
#navi #dropmenu {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
}
#navi li {
	position: relative;
}
#navi .nav03,
#navi .nav04 {
	display: block;
	width:141px;
	height: 61px;
	background: url(../img/home/navi.jpg) no-repeat;
}
#navi .nav03 span,
#navi .nav04 span {
	text-indent: -9999px;
	display: block;
}
#navi .nav03 li,
#navi .nav04 li {
	width: 100%;
}

#navi a {
	display: block;
	width:141px;
	height: 61px;
	text-indent: -9999px;
	background: url(../img/home/navi.jpg) no-repeat;
}
#navi .nav01 a {
	width: 142px;
}
#navi .nav02 a {
	width: 142px;
	background-position:-142px 0;
}
#navi .nav03 {
	background-position:-284px 0;
	cursor:pointer;
}
#navi .nav04 {
	background-position:-425px 0;
	cursor:pointer;
}
#navi .nav05 a {
	background-position:-566px 0;
}
#navi .nav06 a {
	width: 142px;
	background-position:-708px 0;
}
#navi .nav07 a {
	background-position:-849px 0;
}
#navi .nav08 a {
	background: url(../img/home/navi_access.jpg) no-repeat;
}
/* ロールオーバ */
#navi .nav01 a:hover {
	background-position:0 -61px;
}
#navi .nav02 a:hover {
	background-position:-142px -61px;
	display: block;
}
#navi .nav03:hover {
	background-position:-284px -61px;
	display: block;
}
#navi .nav04:hover {
	background-position:-425px -61px;
}
#navi .nav05 a:hover {
	background-position:-566px -61px;
}
#navi .nav06 a:hover {
	background-position:-708px -61px;
}
#navi .nav07 a:hover {
	background-position:-849px -61px;
}
#navi .nav08 a:hover {
	background: url(../img/home/navi_access_hover.jpg) no-repeat;
}

#policy #navi .nav01 a{
	background-position:0 -61px;
}
#dermatology #navi .nav03,
#dermatology-2 #navi .nav03,
#dermatology-3 #navi .nav03,
#dermatology-4 #navi .nav03,
#dermatology-5 #navi .nav03,
#dermatology-6 #navi .nav03,
#dermatology-7 #navi .nav03,
#dermatology-8 #navi .nav03,
#dermatology-9 #navi .nav03,
#dermatology-10 #navi .nav03,
#dermatology-11 #navi .nav03{
	background-position:-284px -61px;
}
#initial #navi .nav02 a{
	background-position:-142px -61px;
}
#sympton_menu #navi .nav04,
#treatment_menu #navi .nav04{
	background-position:-425px -61px;
}
#doctor #navi .nav05 a{
	background-position:-566px -61px;
}
#clinic #navi .nav06 a{
	background-position:-708px -61px;
}
#price #navi .nav07 a{
	background-position:-849px -61px;
}


/* ドロップダウン */

#navi #dropmenu li ul {
  display: none;
  position: absolute;
  top: 61px;
  background: rgba(35,171,0,0.86);
  border-radius: 0 0 3px 3px;
}
#navi #dropmenu li ul li a {
  display: inline-block;
  width: 90%;
  height: auto;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px dotted #FFF;
  color: #FFF;
  text-indent: 0;
  background: none;
}
#navi #dropmenu li ul li span{
  display: inline-block;
  width: 185px;
  height: auto;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px dotted #FFF;
  color: #FFF;
  text-indent: 0;
  background: none;
  cursor:pointer;
}
#navi #dropmenu ul li:last-child a{
  border-radius: 0 0 3px 3px;
  border-bottom: none;
}

#navi #dropmenu li ul li a:hover {
  background: #0c5300;
  color: #fff;
  text-decoration: none;
}
#navi #dropmenu li ul.menu01_02{
	position: absolute;
	top: 0;
	left: 200px;
  background: rgba(12,83,0,0.85);
}
#navi #dropmenu .link_treatment{
	width: 100%;
}
#navi #dropmenu .link_treatment .midashi{
  	background: #0c5300;
  	color: #fff;
  	text-decoration: none;
  	display: inline-block;
  	width: 100%;
  	height: auto;
  	padding: 5px 5px 5px 10px;
  	border-bottom: 1px dotted #FFF;
  	text-indent: 0;
  	box-sizing: border-box;
}
#navi #dropmenu .link_treatment .sub_midashi {
	background: #008f00;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px dotted #FFF;
	text-indent: 0;
	box-sizing: border-box;
}
#navi #dropmenu .link_treatment .sub_midashi_menu a {
	padding-left: 20px;
	box-sizing: border-box;
	width: 100%;
}

/* レフトナビ */
#left_menu .ls0 a{
	letter-spacing: 0;
}
#left_menu .left_menu01,
#left_menu .left_menu02,
#left_menu .left_menu03{
	margin-bottom: 17px;
	-moz-box-shadow: 1px 1px 3px #e1e1e1;
	-webkit-box-shadow: 1px 1px 3px #e1e1e1;
}
#left_menu .left_menu01{
	width: 210px;
	height: 170px;
	background: url(../img/home/bg_menu_01.jpg) no-repeat;
}
#left_menu .left_menu01 li a{
	color: #009706;
	display: block;
	height: 25px;
	padding-left: 30px;
	padding-top: 15px
}
#left_menu .left_menu01 li a:hover{
	color: #666;
	text-decoration: none;
}
#left_menu .left_menu02 .left_menu02_ttl,
#left_menu .left_menu03 ul{
	margin-top: -5px;
}
#left_menu .left_menu02 li,
#left_menu .left_menu03 li{
	border:1px solid #e7e7e7;
	border-top: none;
	background: url(../img/home/arrow_g.png) 15px 13px no-repeat;
}
#left_menu .left_menu02 li a:hover,
#left_menu .left_menu03 li a:hover{
	background: rgba(173,255,169,0.41);
	text-decoration: none;
}

#left_menu .left_menu02 .left_menu02_01 li a,
#left_menu .left_menu02_new li a,
#left_menu .left_menu03 li a{
	width: 173px;
	height: 27px;
	padding-left: 35px;
	padding-top: 10px;
	display: block;
}
#left_menu .left_menu02 li p span,
#left_menu .left_menu02 .left_menu02_02 span{
	border:1px solid #e7e7e7;
	border-top: none;
}
#left_menu .left_menu02 li.side_menu_new_center1_stit {
    background: #2d93f2;
    color: #fff;
	text-align: center;
}
#left_menu .left_menu02 li.side_menu_new_center2_stit {
    background: #ff5884;
    color: #fff;
	text-align: center;
}
#left_menu .left_menu02 li.side_menu_new_center3_stit {
    background: #0fb260;
    color: #fff;
    text-align: center;
}
#left_menu .left_menu02 li p span{
	width: 174px;
	height: 27px;
	margin-top: -5px;
	padding: 10px 0 0 32px;
	cursor: auto;
	display: block;
	cursor:pointer;
}

#left_menu .left_menu02 .left_menu02_02 li{
	background: #17C725;
}
#left_menu .left_menu02 .maru{
	background: url(../img/home/maru_a.png) 15px center no-repeat;
}
#left_menu .left_menu02 .left_menu02_02 span{
	width: 194px;
	height: 27px;
	padding: 10px 0 0 15px;
	color: #FFF;
}

#left_menu .left_menu02 .left_menu02_03 a,
#left_menu .left_menu02 .left_menu02_04 a{
	width: 199px;
	height: 27px;
	padding: 10px 0 0 10px;
	background: url(../img/home/c_link.png) 190px center no-repeat #f3fff4;
	color: #242424;
	display: block;
	text-decoration: none;
}
#left_menu .left_menu02 .left_menu02_03 li a:hover,
#left_menu .left_menu02 .left_menu02_03 li a:hover{
	background: url(../img/home/c_link.png) 190px center no-repeat #cbffcf;
}
#left_menu .left_menu02 .side_sub_midashi {
	background: #FA92A4;
	color: #fff;
	text-align: center;
}
#left_menu .left_menu02 .side_sub_midashi_menu {
	background-position: 28px 13px;
}
#left_menu .left_menu02 .side_sub_midashi_menu a {
	padding-left: 48px;
	width: auto;
}
#left_menu .left_menu02 .left_menu02_00 .sub_midashi {
	color: white;
	background: #62cc66;
	height: 27px;
	padding-left: 35px;
	padding-top: 10px;
}
#left_menu .left_menu02 .left_menu02_00 .sub_midashi_menu {
	background-position: 28px 13px;
}
#left_menu .left_menu02 .left_menu02_00 .sub_midashi_menu a {
	padding-left: 48px;
	width: auto;
}

/* 折り畳み部分を隠す */
/* ul.accordion ul {display:none;} */
/* 背景 */
ul.accordion > li {１段目の背景}
ul.accordion > li > p {１段目の背景}
ul.accordion > li > ul > li {２段目の背景}
ul.accordion > li > ul > li > p {２段目の背景}
ul.accordion > li > ul > li > ul > li {３段目の背景}
/* アイコン */
ul.accordion a {display:block; background-position:95% center; background-repeat:no-repeat;}
ul.accordion span {display:block; background-position:95% center; background-repeat:no-repeat;}
ul.accordion > li > p span {１段目（タップ部分・閉じているとき）のアイコン}
ul.accordion > li > p span.open {１段目（タップ部分・開いているとき）のアイコン}
ul.accordion > li > a {１段目（リンク部分）のアイコン}
ul.accordion > li > ul > li > p span {２段目（タップ部分・閉じているとき）のアイコン}
ul.accordion > li > ul > li > p span.open {２段目（タップ部分・開いているとき）のアイコン}
ul.accordion > li > ul > li > a {２段目（リンク部分）のアイコン}
ul.accordion > li > ul > li > ul > li a {３段目のアイコン}