@charset "UTF-8";
/* CSS Document */

#main {background: url(../img/main_haikei.jpg);height: 813px;float: left;width: 1026px;padding-top: 17px;}
#header { float: left; }
#footer {float: left;width: 1026px;margin-top: 20px;height: 200px;}
#footerLogo {margin: 0 -1px 20px 0;width: 366px;float: right;}
#footerLink {padding-top: 20px;padding-left: 35px;}
#footerLink p { margin-bottom: 3px; }
.keyword {float: left;margin-top: 10px;}

#utility {float: right;width: 707px;margin-top: 21px;}
#contact { float: right; }
#ax,#jinp {float: right;margin-right: 10px;}
#logo1 { margin: 26px 36px 30px; }
.menuText {padding-top: 60px;padding-left: 10px;padding-right: 10px;}

#left {float: left;margin-left: 5px;width: 202px;}
#memu1 {height: 435px;background: url(../img/clinic.jpg);margin-left: 4px;margin-right: 5px;}
#menu1Con  {padding: 60px 10px 10px;line-height: 13px;}
#menu3 {background: url(../img/implant.jpg);height: 215px;margin-top: 10px;}
#menu3Con {padding-top: 60px;padding-left: 10px;}
#left2 {float: left;margin-left: 3px;}
#right {float: left;width: 265px;margin-left: 8px;}
#rightCon {background: url(../img/Institution.jpg);height: 127px;}
#menu5Con {background: url(../img/topics.jpg);height: 217px;margin-top: 8px;font-size: 10px;line-height: 20px;}
#menu6 {background: url(../img/periodontosis.jpg);height: 246px;margin-top: 8px;}
#right2 {float: left;margin-left: 8px;width: 265px;}
#menu7 {background: url(../img/Orthodontics.jpg);height: 157px;}
#menu8 {background: url(../img/Medical.jpg);height: 120px;margin-top: 8px;}
#menu9 {background: url(../img/Restoration.jpg);height: 157px;margin-top: 8px;}
#menu10 {background: url(../img/Whitening.jpg);height: 140px;margin-top: 8px;}



.topbtn{width: 239px;border-radius:3px;padding: 11.5px;margin-top: 10px;border: 1px solid #ccc;font-weight: bold;}
.topbtn font{color: red;width: 100%;float: left;}
@media screen and (max-width: 640px) {
	.topbtn{width: 92%;margin-bottom: 10px;padding: 3.8%}
}



/* SP
------------------------------------------------------------*/
@media screen and (max-width: 640px) {
#header{margin: 0 5%;width: 90%;}
#utility{width: 100%;margin-top: 0px;}
.keyword{width: 80%;padding: 4% 10%;text-align: center;}
#contact,#ax{width: 20%;}
#jinp{width: 46%;}

#main{padding: 2% 5% 60px 5%;width: 90%;background-image: none;background-color: #FFFFFF;border-top: 7px solid #D50E64;height: auto;}
#left,#left2,#right,#right2{margin: 0;padding: 0;width: 100%;}
#logo1{text-align: center;}
#memu1,#menu3,#rightCon,#menu5Con,#menu6,#menu7,#menu8,#menu9,#menu10{background-image: none;padding: 3.8%;width: 92%;margin: 0 0 1em 0;border: 1px solid #ccc;height: auto;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;font-size: 1em;}
#menu2{background-image: none;width: 100%;margin: 0 0 1em 0;height: auto;}#menu2 p img {width: 100%;}


#footer{
	padding: 5% 5% 60px 5%;
	width: 90%;
	height: auto;
	background-image: url(../img/mobile_footer_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 42px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#footerLogo{width: 100%;}


}