@charset "UTF-8";
@font-face{
	font-family:'fontello';
  	src:url("font/fontello.eot");
  	src:url("font/fontello.eot?#iefix") format('embedded-opentype'), url("font/fontello.woff") format('woff'), url("font/fontello.ttf") format('truetype'), url("font/fontello.svg#fontello") format('svg');
	font-weight:normal; 
	font-style:normal;
}
body{-webkit-text-size-adjust:none;}
#site-desc{
	font-size:120%;
}
#header-inner{
	width:95%;
	height:auto;
	text-align:center;
	padding:0 0 10px 0;
}
#site-title img, #header .tel img{
	max-width:100%;
	height:auto;
}
#header .tel{
	position:static;
	padding:10px 0 20px 0;
}
#btn-menu{
	display:block;
	background:#82a74d;
	padding:10px 20px;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	border-radius:6px;
	cursor:pointer;
}
#mainvisual{
	height:auto !important;
}
#mainvisual-inner div.img{
	width:100%;
	margin-left:-50%;
}
#mainvisual-inner img{
	width:100% !important;
	height:auto !important;
}
#mainvisual-btn{
	display:none;
}
#mainvisual-arrow .prev {
	left: 5px;
     top: 20px;
}
#mainvisual-arrow .next {
	right: 5px;
     top: 20px;
}

#gnav{
	display:none;
}
#jPanelMenu-menu{
	display:block;
}
#jPanelMenu-menu img{
	display:none;
}
#jPanelMenu-menu{
	background:#e1e1e1;
}
ul#jPanelMenu-menu li{
	text-align:left;
	background:#00a3d8;
	font-size:100%;
	margin:0;
	border-left:none;
	border-bottom:1px dotted #0082ad;
	line-height:44px;
	padding-left:10px;
	font-size:95%;
	color:#fff;
	vertical-align:middle;
	}
ul#jPanelMenu-menu li{
	padding-left:15px;
	}
#gnav li a, ul#jPanelMenu-menu li a{
	display:block;
	color:inherit;
	text-decoration:none;
	vertical-align:middle;
	padding:0;
	}
#gnav li a:before, ul#jPanelMenu-menu li a:before{
	font-family:'fontello';
	content:'\61';
	color:#fff;
	font-size:100%;
	padding-right:5px;
	}
ul#jPanelMenu-menu li a:before{
	padding-right:10px;
	}
#container{
	padding:30px 0 50px 0 !important;
}

#home #main{
	width:100% !important;
	margin:0 auto !important;
	padding:0;
}
#main{
	width:90%;
	margin:0 auto;
	padding:10px;
	line-height:1.4;
}
#main #content-wrapper{
	width:98% !important;
	padding:0 auto !important;
	margin:-30px auto 0 auto !important;
}
#main img{
	max-width:100% !important;
	height:auto !important;
}
.box{
	width:90% !important;
	margin:0 auto !important;
	padding:10px !important;
}
#home .box.catch{
	width:90% !important;
	margin:0 auto;
	padding:10px !important;
	margin-bottom:10px !important;
	font-size:95% !important;
}
.box.catch .leftcolumn{
	width:100% !important;
	float:none;	
}
.box.catch .rightcolumn{
	width:100% !important;
	float:none;
	text-align:center;
}

.info .leftcolumn{
	width:100% !important;
	float:none;
	padding-left:0;
	text-align:center;
}
.info .rightcolumn{
	width:100% !important;
	float:none;
}
.info img{
	max-width:100%;
	height:auto;
	text-align:center !important;
}
ul.col3{
	margin-bottom:0;
}
ul.col3 li{
	width:90% !important;
	float:none;
	margin:0 auto 10px auto !important;
	padding:10px;
	font-size:95% !important;
}
ul.col3 li img{
	float:none;
	display:block;
	max-width:100%;
	margin:0 auto 10px auto;
}
ul.col3 li p.link{
	position:static;
	text-align:right;
	margin-top:10px;
}
.box.info{
	width:90% !important;
	margin:0 auto !important;
	padding:10px !important;
	margin-bottom:10px;
}
.box.info .rightcolumn{
	margin-top:20px;
}
#main h1{
	margin-bottom:0 !important;
	}
#main h2{
	margin:10px 0 !important;
}
#main .box.catch h2{
	margin-bottom:10px !important;
}
span.heading{
	display:block;
	margin-top:0.5em;
}
#footer-inner{
	width:90%;
	margin:0 auto;
	padding-bottom:30px;
}
#footer-inner hr{
	display:none;
}
#footer-inner img{
	max-width:100%;
}
#footer-inner ul{
	display:none;
}
p#copyright{
	position:static;
	margin:20px 0;
}
.attention-box{
	padding:15px;
	width:auto !important;
}
.attention-box .leftcolumn{
	width:100% !important;
	float:none !important;
}
.attention-box .rightcolumn{
	width:100% !important;
	float:none !important;
}
#greeting .attention-box .leftcolumn{
	text-align:center;
	margin-bottom:10px;
}
#greeting span.name-en{
	display:block;
}
#information .attention-box .leftcolumn{
	text-align:center;
	margin-bottom:10px;
}
p.map{
	margin:0;
	text-align:center;
}
.leftcolumn, .rightcolumn,
.leftcolumn2, .rightcolumn2{
	width:100% !important;
	float:none !important;
}
#equipment .leftcolumn{
	text-align:center;
	margin-bottom:10px;
}
ul.photo li{
	width:100%;
	text-align:center !important;
	margin-bottom:10px;
}
#denture .wrapper .rightcolumn{
	text-align:center;
	margin-top:10px;
}
#denture .attention-box .leftcolumn{
	text-align:center;
	margin-bottom:10px;
}
#surgery .wrapper .rightcolumn{
	text-align:center;
}
#surgery .wrapper2 .leftcolumn2{
	text-align:center;
	margin-top:10px;
}
#implant .rightcolumn, #implant .rightcolumn2{
	text-align:center;
	margin-top:10px;
}
#whitening .rightcolumn{
	text-align:center;
	margin-top:10px;
}