@charset "utf-8";


/*
------------------------------------------------
Top Layout
------------------------------------------------*/
body.top {
	background: url(../img/top/bg.jpg) repeat-x 0px 0px;
}
.top #wrap #mainimg {
	height: 417px;
	width: 940px;
	position: relative;
	background: url(../img/top/mainimg_bg.jpg) no-repeat 0px 0px;
}
.top #wrap #mainimg ul {
	padding-top: 51px;
}
.top #wrap #mainimg li {
	padding-bottom: 25px;
}
.top #wrap #mainimg .mimg {
	position: absolute;
	left: 280px;
	top: 21px;
}
.top #wrap #mainimg .mimgbtn {
	position: absolute;
	left: 717px;
	top: 261px;
}
.top .box01 {
}
.top .box01 .boxleft {
	float: left;
	width: 300px;
	padding-bottom: 30px;
}
.top .box01 .boxright {
	float: right;
	width: 300px;
	padding-bottom: 30px;
}
.top .box02 {
	background: url(../img/top/img03.jpg) no-repeat 0px 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.top .box02 strong{
	font-size: 140%;
	color: #F75D83;
}
.top .box03 .boxleft {
	float: left;
	width: 240px;
}
.top .box03 .boxright {
	float: right;
	width: 405px;
}


/*
------------------------------------------------
Cleaning Layout
------------------------------------------------*/
.cleaning .box01 {
}
.cleaning .box01 .boxleft {
	width: 200px;
	float: left;
}
.cleaning .box01 .boxright {
	width: 450px;
	float: right;
}
.cleaning table {
	width: 660px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 30px;
}
.cleaning table th {
	width: 130px;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 7px 20px;
	background-color: #F8F6F0;
}
.cleaning table td {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 7px 20px;
}
.cleaning table .cost {
	width: 220px;
	text-align: right;
}


/*
------------------------------------------------
Ceramic Layout
------------------------------------------------*/
.ceramic .box01 {
	clear: both;
}
.ceramic  .box01 .boxleft {
	width: 205px;
	float: left;
	padding-bottom: 20px;
}
.ceramic .box01 .boxleft table {
	background: url(../img/ceramic/line01.jpg) no-repeat left bottom;
	margin-top: 5px;
	width: 204px;
}
.ceramic .box01 .boxleft table th {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}
.ceramic .box01 .boxleft table td {
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.ceramic .box01 .boxright {
	width: 435px;
	float: right;
	padding-bottom: 20px;
}
.ceramic .box01 .boxright h4 {
	background: url(../img/ceramic/ic01.jpg) no-repeat 0px 0px;
	padding-left: 25px;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
}
.ceramic .box01 .boxright ul {
	padding-top: 5px;
}
.ceramic .box01 .boxright ul li {
	background: url(../img/ceramic/ic02.jpg) no-repeat 0px 4px;
	padding-left: 15px;
}

/*
------------------------------------------------
Whitening Layout
------------------------------------------------*/
.whitening .box01 {
	clear: both;
}
.whitening .box01 .boxleft {
	width: 320px;
	float: left;
	padding-bottom: 20px;
}
.whitening .box01 .boxright {
	width: 320px;
	float: right;
	padding-bottom: 20px;
}
.whitening .box01 dt {
	padding-bottom:5px;
}
.whitening table {
	width: 660px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 30px;
}
.whitening table th {
	width: 145px;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 7px 20px;
	background-color: #F8F6F0;
}
.whitening table td {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 7px 20px;
}
.whitening table .cost {
	width: 220px;
	text-align: right;
}


/*
------------------------------------------------
Staff Layout
------------------------------------------------*/
.sraff .box01 {
	clear: both;
}
.staff .box01 .boxleft {
	width: 360px;
	float: left;
	padding-bottom: 20px;
}
.staff .box01 .boxright {
	width: 280px;
	float: right;
	padding-bottom: 20px;
	text-align: right;
}
.staff .box01 .boxleft table {
	width: 360px;
}
.staff .box01 .boxleft table th {
	width: 80px;
	padding: 5px;
	background: url(../img/staff/line01.jpg) no-repeat left bottom;
}
.staff .box01 .boxleft table td {
	padding: 5px;
	background: url(../img/staff/line01.jpg) no-repeat left bottom;
}

.staff strong {
	font-weight: bold;
}



/*
------------------------------------------------
Clinic Layout
------------------------------------------------*/
.clinic .box01 {
	clear: both;
}
.clinic .box01 .boxleft {
	width: 284px;
	float: left;
	padding-bottom: 30px;
}
.clinic .box01 .boxright {
	width: 284px;
	float: right;
	padding-bottom: 30px;
}
.clinic .box01 dt {
	padding-bottom: 7px;
}
.clinic .box01 dd {
	padding-bottom: 7px;
}


/*
------------------------------------------------
Springless Layout
------------------------------------------------*/
.springless dl {
	padding-left: 15px;
	padding-bottom: 15px;
}
.springless dl dt {
	padding-bottom: 3px;
}
.springless dl dd {
	padding-bottom: 10px;
	padding-left: 35px;
}
.springless table {
	width: 660px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 30px;
}
.springless table th {
	width: 145px;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 7px 20px;
	background-color: #F8F6F0;
}
.springless table td {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 7px 20px;
}
.springless table .cost {
	width: 220px;
	text-align: right;
}



/*
------------------------------------------------
Implant Layout
------------------------------------------------*/
.implant .box01 .boxleft {
	float: left;
	width: 300px;
}
.implant .box01 .boxright {
	float: right;
	width: 335px;
}
.implant .box02 .boxleft {
	float: left;
	width: 370px;
}
.implant .box02 .boxright {
	float: right;
	width: 245px;
	border: 1px solid #CCC;
	padding: 10px 10px 10px 15px;
}
.implant .box02 .boxright .linetext {
	background: url(../img/implant/line01.jpg) no-repeat left bottom;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-bottom: 7px;
}
.implant .box02 .boxright dt {
	float:left;
	width: 76px;
}
.implant .box02 .boxright dd {
	float:left;
	width: 164px;
}
.implant .listtext {
	padding-left: 5px;
	padding-bottom: 40px;
}
.implant .listtext li {
	background: url(../img/implant/ic01.jpg) no-repeat 0px 0px;
	padding-left: 30px;
	padding-bottom: 8px;
}
.implant .textcenter {
	text-align: center;
	padding-bottom: 50px;
}


/*
------------------------------------------------
Cost Layout
------------------------------------------------*/
.cost table {
	width: 660px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 35px;
}
.cost table th {
	width: 165px;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 7px 20px;
	background-color: #F8F6F0;
}
.cost table td {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 7px 20px;
}
.cost table .cost {
	width: 60px;
	text-align: right;
}
.cost .box01 {
	border: 3px double #CCC;
	padding: 12px 17px;
	width: 620px;
	margin-bottom: 40px;
}
.cost .box01 .textcenter {
	text-align: center;
}


/*
------------------------------------------------
Access Layout
------------------------------------------------*/
.access .ta01 {
	width: 660px;
	margin-bottom: 30px;
}
.access .ta01 th {
	width: 145px;
	padding: 10px;
	background: url(../img/access/line01.jpg) repeat-x left bottom;
}
.access .ta01 th span {
	background: url(../img/access/ic_01.jpg) no-repeat 0px 2px;
	padding-left: 25px;
	display: block;
	font-size: 120%;
	color: #333;
	font-weight: bold;
}
.access .ta01 td {
	padding: 10px;
	background: url(../img/access/line01.jpg) repeat-x left bottom;
}
.access h3 {
	background: url(../img/access/ic_01.jpg) no-repeat 0px 2px;
	padding-left: 25px;
	font-size: 120%;
	color: #333;
	font-weight: bold;
	margin-left: 10px;
}


/*
------------------------------------------------
Contact Layout
------------------------------------------------*/
.contact .text01 {
	color: #A62A65;
	margin-bottom: 30px;
}
.contact table {
	width: 660px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.contact table th {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #FFEAEB;
	padding: 10px;
	width: 140px;
}
.contact table td {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px;
}
.contact .textcenter {
	text-align: center;
	padding-bottom: 20px;
}
.contact .text02 {
	text-align: center;
	font-size: 110%;
	padding-bottom: 30px;
}
.contact .text02 span {
	font-weight: bold;
}
.contact .box01 {
	padding: 20px;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
}


/*
------------------------------------------------
PMCT Layout
------------------------------------------------*/
.pmct .textcenter {
	text-align: center;
}
.pmct .textright {
	text-align: right;
}
.pmct .box01 {
	padding-top: 5px;
}
.pmct .box01 p {
	float: left;
	width: 150px;
	padding-left: 12px;
}


/*
------------------------------------------------
Case Layout
------------------------------------------------*/
.case h3 {
	background: url(../img/wcase/ic01.jpg) no-repeat 0px 3px;
	padding-left: 25px;
	font-size: 120%;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}