@charset "utf-8";

/*
------------------------------------------------
Gloval Reset
------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,textarea,table,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;border: none;empty-cells:show;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var,strong{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
li,dl{list-style:none;}
hr {display: none;}
img {vertical-align:bottom;border: none;}
a{text-decoration:underline;color:#006699;outline:none;}
a:hover{text-decoration:none;color:#006699;}

/*
------------------------------------------------
Text SET
------------------------------------------------*/
dt,dd,li,pre,p,blockquote,th,td,address,input,textarea{font-size:12px;line-height:1.5;color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;line-height:1.5;color:#333333;}

/*
------------------------------------------------
Other SET
------------------------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
------------------------------------------------
Common Layout
------------------------------------------------*/

#top #bg {
	background: none;
}
#bg {
	background: none;
}
#bg #wrap {
	margin: 0px auto;
	padding: 0px;
	width: 900px;
}
#bg #wrap #main {
	width: 900px;
	padding-bottom: 25px;
	padding-top: 50px;
}
#top #bg #wrap #main {
	padding-top: 50px;
}
#bg #wrap #main #contents {
	float: left;
	width: 660px;
}
#bg #wrap #main #sideare {
	float: right;
	width: 220px;
}
.titleh2 {
	border-bottom: 1px solid #003399;
	padding-bottom: 5px;
}

/* Header Layout -----------------------*/

#bg #wrap #header {
	width: 900px;
}
#bg #wrap #header h1 {
	height: 60px;
	width: 368px;
	padding-top: 10px;
}
#top #bg #wrap #header h1 {
	padding-top: 23px;
}
#bg #wrap #header #headerbox {
	display: none;
}
#top #bg #wrap #header #subnavi {
	display: none;
}
#bg #wrap #header #subnavi {
	display: none;
}

#bg #wrap #header #fla {
	width: 900px;
	height: 350px;
	clear: both;
}
#bg #wrap #header #fla p {
	padding-top: 100px;
	text-align: center;
}
#bg #wrap #header #mainnavi {
	display: none;
}
#bg #wrap #header .pt15 {
	padding-top: 15px;
	margin-bottom: 45px;
}
#bg #wrap #header .pt20 {
	padding-top: 20px;
}


/* Footer Layout -----------------------*/

#bg #wrap #footer {
	display: none;
}


.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}

#bg #wrap #main #contentsfooter {
	width: 900px;
	padding-top: 40px;
	clear: both;
}
#bg #wrap #main #contentsfooter #cf01 {
	border: 1px solid #C0E9A3;
	padding: 0;
	width: 218px;
	float: left;
}
#bg #wrap #main #contentsfooter #cf01 dd {
	padding: 0px 15px 12px;
}
#bg #wrap #main #contentsfooter #cf02 {
	border: 1px solid #CCCCCC;
	padding: 1px;
	width: 656px;
	float: right;
}
#bg #wrap #main #contentsfooter #cf02 dt {
	padding-bottom: 19px;
}
#bg #wrap #main #contentsfooter #cf02 dd {
	text-align: center;
	padding-bottom: 19px;
}


/*
------------------------------------------------
Index Layout
------------------------------------------------*/

#bg #wrap #fla {
	margin-bottom: 15px;
}
#bg #wrap #main #topbnr {
	height: 110px;
	width: 898px;
	margin-bottom: 25px;
	padding-left: 1px;
}
#bg #wrap #main #topbnr li {
	float: left;
	height: 110px;
	width: 220px;
	padding-right: 6px;
}
#bg #wrap #main #topbnr .last {
	padding-right: 0px;
}
#bg #wrap #main #contents .infounit {
	width: 660px;
	margin-bottom: 12px;
}
#bg #wrap #main #contents .infounit dt {
	float: left;
	width: 72px;
	padding-left: 10px;
}
#bg #wrap #main #contents .infounit dd {
	float: right;
	width: 568px;
	padding-right: 10px;
}
#bg #wrap #main #sideare .sidetxt {
	padding: 10px;
	width: 198px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#bg #wrap #main #sideare #sidetel {
	width: 218px;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#bg #wrap #main #sideare #sideprof {
	border: 1px solid #C0E9A3;
	padding: 0;
	width: 218px;
}
#bg #wrap #main #sideare #sideprof dd {
	padding: 0px 15px 12px;
}
#top #bg #wrap #main #sideare .sidebnr li {
	margin-bottom: 7px;
}


/*
------------------------------------------------
Feature Layout
------------------------------------------------*/

#feature #bg #wrap #main .box01 {
	width: 900px;
	margin-bottom: 20px;
}
#feature #bg #wrap #main .box01 .box01r {
	float: left;
	width: 545px;
}
#feature #bg #wrap #main .box01 .box01l {
	float: right;
	width: 343px;
}
#feature #bg #wrap #main .box02 {
	width: 893px;
	padding-left: 7px;
}
#feature #bg #wrap #main .box02 .unit {
	float: left;
	width: 243px;
	padding-left: 40px;
}
#feature #bg #wrap #main .box02 .unit .img {
	background: url(../img/feature/bg_img.jpg) no-repeat 0px 0px;
	height: 217px;
	width: 237px;
	padding-top: 5px;
	padding-left: 6px;
}

/*
------------------------------------------------
Access Layout
------------------------------------------------*/

#access #bg #wrap #main #box01 {
	background: url(../img/access/bg_box01.gif) no-repeat left center;
	float: right;
	width: 460px;
	padding-left: 30px;
}
#access #bg #wrap #main #box01 ul {
	padding-left: 11px;
}
#access #bg #wrap #main #box01 li {
	padding-right: 30px;
	float: left;
}
#access #bg #wrap #main #box01 li img {
	padding: 2px;
	border: 1px solid #CCCCCC;
}
#access #bg #wrap #main #map {
	height: 378px;
	width: 378px;
	border: 1px solid #CCCCCC;
}

/*
------------------------------------------------
Faq Layout
------------------------------------------------*/


#faq #bg #wrap #main .box01 {
	width: 900px;
	margin-bottom: 20px;
}
#faq #bg #wrap #main .box01 .box01l {
	float: left;
	width: 500px;
}
#faq #bg #wrap #main .box01 .box01r {
	float: right;
	width: 381px;
}
#faq #bg #wrap #main .box02 {
	width: 870px;
	border-bottom: 1px solid #E1E1E1;
	margin: 0px auto 15px;
	padding-bottom: 15px;
	clear: both;
}
#faq #bg #wrap #main .box02 th,
#faq #bg #wrap #main .box02 td {
	padding-top: 5px;
	padding-bottom: 5px;
}
#faq #bg #wrap #main .box02 th {
	width: 285px;
	padding-left: 5px;
	padding-right: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #00287B;
	vertical-align: top;
}
#faq #bg #wrap #main .box02 .prof {
	padding-right: 15px;
	padding-left: 5px;
}
#faq #bg #wrap #main .box02 .txt {
	width: 530px;
	padding-right: 17px;
	padding-left: 18px;
	border-left: 1px solid #E1E1E1;
}
#faq #bg #wrap #main #last {
	margin-bottom: 0px;
	border: none;
}

/*
------------------------------------------------
Beauty Layout
------------------------------------------------*/

#beauty #bg #wrap #main #box01 {
	background: url(../img/beauty/bg_img_01.jpg) no-repeat right top;
	width: 900px;
	margin-bottom: 30px;
	padding-top: 71px;
	padding-bottom: 50px;
}
#beauty #bg #wrap #main .box02 {
	float: left;
	width: 295px;
	padding-right: 7px;
}
#beauty #bg #wrap #main .box02 .img {
	float: left;
	width: 115px;
	padding-left: 2px;
}
#beauty #bg #wrap #main .box02 .txt {
	float: right;
	width: 169px;
}
#beauty #bg #wrap #main .box03 {
	float: left;
	width: 295px;
}
#beauty #bg #wrap #main .box03 .img {
	float: left;
	width: 155px;
	padding-left: 2px;
}
#beauty #bg #wrap #main .box03 .txt {
	float: right;
	width: 129px;
}
#beauty #bg #wrap #main .container {
	width: 900px;
	clear: both;
}
#beauty #bg #wrap #main .container .box02 h3,
#beauty #bg #wrap #main .container .box03 h3 {
	padding-bottom: 15px;
}

#beauty #bg #wrap #main .box04 {
	width: 900px;
	margin-bottom: 40px;
}
#beauty #bg #wrap #main .box04 .box04l {
	float: left;
	width: 200px;
}
#beauty #bg #wrap #main .box04 .box04r {
	float: right;
	width: 668px;
}


/*
------------------------------------------------
Information Layout
------------------------------------------------*/

#info #bg #wrap #main .box01 {
	width: 900px;
	margin-bottom: 50px;
}
#info #bg #wrap #main .box01 .box01l {
	float: left;
	width: 500px;
}
#info #bg #wrap #main .box01 .img {
	padding: 3px;
	width: 360px;
	border: 1px solid #CCCCCC;
	float: right;
}
#info #bg #wrap #main .box01 .box01l ul {
	width: 500px;
}
#info #bg #wrap #main .box01 .box01l li {
	float: left;
	width: 160px;
	padding-right: 6px;
}
#info #bg #wrap #main .box01 .box01l li img {
	padding: 3px;
	border: 1px solid #CCCCCC;
}
#info #bg #wrap #main .box02 {
	clear: both;
	width: 885px;
	padding-left: 15px;
}
#info #bg #wrap #main .box02 .unit {
	width: 210px;
	padding-right: 10px;
	float: left;
}
#info #bg #wrap #main .box02 .unit p {
	padding: 10px 3px 0px;
}

/*
------------------------------------------------
Orthodontics Layout
------------------------------------------------*/

#ort #bg #wrap #main .box01 {
	width: 900px;
	margin-bottom: 50px;
}
#ort #bg #wrap #main .box01 .box01l {
	float: left;
	width: 580px;
}
#ort #bg #wrap #main .box01 .img {
	width: 312px;
	float: right;
}
#ort #bg #wrap #main .box02 {
	float: left;
	width: 295px;
	padding-right: 7px;
}
#ort #bg #wrap #main .box02 .img {
	float: left;
	width: 115px;
	padding-left: 2px;
}
#ort #bg #wrap #main .box02 .txt {
	float: right;
	width: 169px;
}
#ort #bg #wrap #main .box03 {
	float: left;
	width: 295px;
}
#ort #bg #wrap #main .box03 .img {
	float: left;
	width: 155px;
	padding-left: 2px;
}
#ort #bg #wrap #main .box03 .txt {
	float: right;
	width: 129px;
}
#ort #bg #wrap #main .container {
	width: 900px;
}
#ort #bg #wrap #main .container .box02 h3,
#ort #bg #wrap #main .container .box03 h3 {
	padding-bottom: 15px;
}

#ort #bg #wrap #main .box04 {
	width: 850px;
	border: 2px solid #CCCCCC;
	clear: both;
	padding: 25px;
}
#ort #bg #wrap #main .box04 .left {
	float: left;
	width: 176px;
}
#ort #bg #wrap #main .box04 .right {
	float: left;
	width: 620px;
}


/*
------------------------------------------------
Dentures Layout
------------------------------------------------*/

#dentures #bg #wrap #main .box01 {
	width: 900px;
	margin-bottom: 50px;
}
#dentures #bg #wrap #main .box01 .box01l {
	float: left;
	width: 360px;
}
#dentures #bg #wrap #main .box01 .img {
	width: 528px;
	float: right;
}

#dentures #bg #wrap #main .box02 {
	float: left;
	width: 523px;
}
#dentures #bg #wrap #main .box02 ul li {
	float: left;
	width: 230px;
	padding-right: 14px;
}
#dentures #bg #wrap #main .box02 ul li img {
	padding: 3px;
	border: 1px solid #E7E7E7;
}
#dentures #bg #wrap #main .box03 {
	float: right;
	width: 352px;
}
#dentures #bg #wrap #main .box03 .img {
	padding: 3px;
	border: 1px solid #E7E7E7;
	width: 267px;
	margin: 0 auto ;
}
#dentures #bg #wrap #main .container .txt {
	padding-left: 5px;
	padding-right: 5px;
}
#dentures #bg #wrap #main .container {
	width: 900px;
}
#dentures #bg #wrap #main .container .box02 h3,
#dentures #bg #wrap #main .container .box03 h3 {
	padding-bottom: 15px;
}



/*
------------------------------------------------
Bridge Layout
------------------------------------------------*/

#bridge #bg #wrap #main .box01 {
	width: 900px;
	margin-bottom: 20px;
}
#bridge #bg #wrap #main .box01 .box01l {
	float: left;
	width: 440px;
}
#bridge #bg #wrap #main .box01 .img {
	width: 445px;
	float: right;
}

#bridge #bg #wrap #main .box02 {
	width: 825px;
	margin-bottom: 30px;
	margin-left: 20px;
}
#bridge #bg #wrap #main .box02 .box02l {
	float: left;
	width: 328px;
}
#bridge #bg #wrap #main .box02 .box02r {
	width: 414px;
	float: right;
}
#bridge #bg #wrap #main .box02 img {
	padding: 6px;
	border: 1px solid #DFDFDF;
}

#bridge #bg #wrap #main .box03 {
	width: 800px;
	margin: 0 auto 30px;
	background: url(../img/line_dot.gif) repeat-x 0 0;
	padding-top: 30px;
	clear: both;
}
#bridge #bg #wrap #main .box03 .box03l {
	float: left;
	width: 332px;
}
#bridge #bg #wrap #main .box03 .box03r {
	width: 403px;
	float: right;
}
#bridge #bg #wrap #main .box03 img {
	padding: 6px;
	border: 1px solid #DFDFDF;
}



/*
------------------------------------------------
Whitening Layout
------------------------------------------------*/

#white #bg #wrap #main .box01 {
	width: 900px;
	margin-bottom: 20px;
}
#white #bg #wrap #main .box01 .box01l {
	float: left;
	width: 540px;
}
#white #bg #wrap #main .box01 .img {
	width: 344px;
	float: right;
}

#white #bg #wrap #main .box02 {
	width: 900px;
	clear: both;
}
#white #bg #wrap #main .box02 .box02l {
	float: left;
	width: 260px;
}
#white #bg #wrap #main .box02 .box02r {
	width: 622px;
	float: right;
}

#white #bg #wrap #main .box02 .box02r dl {
	float: left;
	width: 150px;
	padding-top: 20px;
	padding-right: 6px;
}
#white #bg #wrap #main .box02 .box02r dt {
	margin-bottom: 15px;
}
#white #bg #wrap #main .box02 .box02r dd {
	padding-right: 3px;
	padding-left: 3px;
}
#white #bg #wrap #main .box02 .box02r #last {
	padding-right: 0px;
}


/*
------------------------------------------------
Implant Layout
------------------------------------------------*/

#implant #bg #wrap #main .box01 {
	width: 900px;
	margin-bottom: 40px;
}
#implant #bg #wrap #main .box01 .box01r {
	float: right;
	width: 580px;
}
#implant #bg #wrap #main .box01 .img {
	width: 300px;
	float: left;
}

#implant #bg #wrap #main .box02 {
	width: 900px;
	margin-bottom: 50px;
}
#implant #bg #wrap #main .box02 .box02r {
	float: right;
	width: 375px;
}
#implant #bg #wrap #main .box02 .img {
	width: 505;
	float: left;
}

#implant #bg #wrap #main .box03 {
	width: 900px;
	margin-bottom: 50px;
}
#implant #bg #wrap #main .box03 .box03r {
	float: right;
	width: 685px;
}
#implant #bg #wrap #main .box03 .img {
	width: 190;
	float: left;
}
#implant #bg #wrap #main .box03b {
	width: 900px;
	clear: both;
	padding-top: 40px;
}
#implant #bg #wrap #main .box03b .unit {
	width: 170px;
	float: left;
	padding-right: 10px;
}
#implant #bg #wrap #main .box03b #last {
	width: 180px;
	padding-right: 0px;
}
#implant #bg #wrap #main .box03b h4 {
	margin-bottom: 10px;
}
#implant #bg #wrap #main .box04 {
	width: 900px;
	clear: both;
}
#implant #bg #wrap #main .box04 .box04l {
	float: left;
	width: 530px;
}
#implant #bg #wrap #main .box04 .box04r {
	float: right;
	width: 353px;
}
#implant #bg #wrap #main .box04 .box04l .unit01 {
	width: 530px;
	clear: both;
	margin-bottom: 20px;
}
#implant #bg #wrap #main .box04 .box04l h4 {
	background: url(../img/implant/bg_h4.gif) repeat-x 0px 0px;
	padding: 5px 5px 5px 15px;
	margin-bottom: 15px;
}
#implant #bg #wrap #main .box04 .box04l .unit01 .txt {
	float: left;
	width: 300px;
}
#implant #bg #wrap #main .box04 .box04l .unit01 .img01 {
	float: right;
	width: 203px;
}
#implant #bg #wrap #main .box04 .box04l .unit01 .img02 {
	float: right;
	width: 217px;
}