@charset "utf-8";
#HeaderSlide{margin-top:12px;}

/*****人気施術*******/
#popular{background-color:#F8CECD; padding:6px 0; margin-bottom:40px; font-size:14px;}
#popular h2{text-align:center; margin:0; padding:0;}
/*人気施術　タブ*/
#popular ul#tab{ list-style:none; margin:0; padding:0; overflow:hidden; width:100%;}
#popular ul#tab li {float: left; width:24.9%; text-align:center;}
#popular ul#tab li a{display: block; padding:0; background-color:#CCCCCC; border:1px solid #666666; border-bottom:2px solid #CC0000;}
#popular ul#tab li.on a{background-color:#FFFFFF; border:1px solid #CC0000; border-bottom:2px solid #FFFFFF;}

#Palcamid, #Paqua, #Peye, #Pulthera {padding:8px; border-bottom:2px solid #CC0000; margin-bottom:10px; background:#FFFFFF; line-height:1.5em;}

/*人気施術　内容*/
div.popularLeft{float:left; width:36%;}
div.popularLeft img{width:100%;}
div.popularRight{float:right; width:60%; line-height:1.5em; padding:0; margin:0;}
div.popularRight p{margin:0; padding:0;}

p.link{text-align:center;}

#Peye ul{margin:0 0 12px 0; padding:0;}
#Peye li{border:1px solid #CCCCCC; display:inline-block; padding:0 6px; margin:2px;}
#Peye p{margin:0;}


/**院長が若返り*****/

#slideshow {
	margin:0 auto; background-color:#FFFFFF;
	width:90%;
	margin-bottom: 40px;
	padding:0;
	clear:both;
	border:1px solid #FF9D9D;
}
#slideshow h2{background:url(images/dr_facelift_back.jpg); padding:10px; margin:0; text-align:center;}
#slideshow p{ font-size:12px;}
#info p{border-bottom:2px solid #FF9D9D; width:230px; margin:0 auto; padding:0; line-height:0; }
#image { margin:0 auto; width: 210px; height: 208px;}
#hidden{display: none;	text-align:center;}
#image .inner{position: relative;}
#image_before, #image_after {position: absolute; top: 0; left: 0;}
#image_after {opacity: 0;}

/****おすすめ************/
#osusume h2{margin:20px 0 8px 0; padding:0; background-color:#FFF9FE; border-bottom:1px solid #EFA4BD; border-top:1px solid #EFA4BD;}
#osusume ul{width:100%; list-style:none; margin:0; padding:0;}
#osusume ul li{width:50%; float:left; margin-bottom:8px;}
#osusume ul li a{width:90%; margin:0 auto; display:block;}
#osusume ul li img{width:100%;}


/****診療科目**********/
#operation h2{margin:20px 0 0 0; padding:0; background-color:#FFF9FE; border-bottom:1px solid #EFA4BD; border-top:1px solid #EFA4BD;}
#operation p{font-size:12px; text-align:center; margin:6px 0;}
#operation dl.ope_menu{ clear:both; margin:0 0 20px 0; padding:0; list-style:none; text-align:center; width:100%;}
#operation dl.ope_menu dt{background-color:#F5C5D8; color:#CC0047; width:100%; text-align:center; clear:both; margin-top:20px; padding:2px 0; font-size:12px;}
#operation dl.ope_menu dd{width:33%; float:left; margin:0; padding:0; text-align:center;}
#operation dl.ope_menu dd a{display:block; border:1px solid #EFA4BD; margin:2px auto; width:180px; background: -moz-linear-gradient(#FFFFFF,#FCEDF3); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#FCEDF3));}
@media screen and (max-width:480px) {
#operation dl.ope_menu dd{width:50%;}
#operation dl.ope_menu dd a{width:160px;}
}


/***クリニック**************/
#profile h2{margin:20px 0 0 0; padding:0; background-color:#FFF9FE; border-bottom:1px solid #EFA4BD; border-top:1px solid #EFA4BD;}
#profile ul.profile_list{margin:0; padding:0; list-style:none; width:100%;}
#profile ul.profile_list li{ border-bottom:1px solid #999999; margin:0 auto; padding:0; width:94%; font-size:12px;}
#profile ul.profile_list li a{display:block; padding:16px 0; background:url(images/profile_arrow.jpg) no-repeat right center; width:100%; text-decoration:none; color:#333333;}
#profile ul.profile_list li a strong{color:#CC0033; padding-right:12px;}

/***お知らせ******/
#topics_other{ font-size:12px; line-height:1.5em; border-bottom:1px solid #EFA4BD; padding-bottom:12px;}
#topics_other h2{margin:20px 0 0 0; padding:0; background-color:#FFF9FE; border-bottom:1px solid #EFA4BD; border-top:1px solid #EFA4BD;}
#topics_other dl.topics{margin:0; padding:0; list-style:none;}
#topics_other dl.topics dt{margin:0; padding:6px 0 0 12px;}
#topics_other dl.topics dd{border-bottom:1px dashed #CCCCCC; margin:0; padding:0 12px 6px 12px;}

/****リンクバナー************/
#TopBanar {margin:20px auto; padding:0; width:560px;}
#TopBanar ul{width:100%; list-style:none; margin:0; padding:0;}
#TopBanar ul li{width:50%; float:left; margin-bottom:8px;}
#TopBanar ul li a{margin:0 auto; display:block;}
#TopBanar ul li img{width:260px; height:auto;}
@media screen and (max-width:560px) {
#TopBanar {margin:20px auto; padding:0; width:320px;}
#TopBanar ul li img{width:150px; height:60px; }
}