@charset "utf-8";

/* header -------------------------------------------------------*/
.headerConte01{
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 400px;
	z-index: 999;
	}
.headerConte01 h1{
	position: absolute;
	top: 150px;
	left: 0;
	width: 400px;
	height: 400px;
	}
#message01{
	position: absolute;
	top: 0;
	left: 710px;
	width: 250px;
	height: 400px;
	}

.headerConte02{
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 200px;
	z-index: 999;
	}
.headerConte02 p{
	padding-top: 70px;
	}
#message02{
	position: absolute;
	top: 0;
	left: 710px;
	width: 250px;
	height: 300px;
	}



/* billboard -------------------------------------------------------*/
#billboard01{
	position: relative;
	height: 340px;
	}
.topLoopslider{
	position: absolute;
	top: -60px;
	width: 100%;
	}

#billboardClinic{
	width: 100%;
	height: 280px;
	background-image: url("../img/clinic/clinic_bill.jpg");
	background-position: center;
	background-repeat: no-repeat;
	}
#billboardDoctor{
	width: 100%;
	height: 280px;
	background-image: url("../img/doctor/doctor_bill.jpg");
	background-position: center;
	background-repeat: no-repeat;
	}
#billboardAccess{
	width: 100%;
	height: 280px;
	background-image: url("../img/access/access_bill.jpg");
	background-position: center;
	background-repeat: no-repeat;
	}
#billboardTreatment{
	width: 100%;
	height: 280px;
	background-image: url("../img/treatment/treatment_bill.jpg");
	background-position: center;
	background-repeat: no-repeat;
	}
#billboardTre{
	width: 100%;
	height: 280px;
	background-image: url("../img/treatment/tre_bill.gif");
	background-position: center;
	background-repeat: no-repeat;
	}

#billboard02{
	margin: 0 auto;
	width: 960px;
	}


/* nav -------------------------------------------------------*/
nav{
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 80px;
	}
nav ul{
	position: absolute;
	top: 28px;
	left: 10px;
	width: 480px;
	height: 30px;
	border-left: 1px solid #bce2ec;
	}
nav li{
	float: left;
	text-align: center;
	width: 118px;
	height: 30px;
	border-right: 1px solid #bce2ec;
	font-size: 17px;
	}
nav li a{
	display:block; 
	}
.tel{
	position: absolute;
	top: 20px;
	left: 600px;
	}
nav ul a:link{
	color: #009fe9;
	text-decoration:none;
	}
nav ul a:visited{
	color: #009fe9;
	text-decoration:none;
	}
nav ul a:hover{
	color: #f6aa00;
	text-decoration:none;
	}










/* section -------------------------------------------------------*/

/* top----*/
.section01{
	clear: both;
	margin: 0 auto;
	padding-top: 150px;
	width: 960px;
	}
.section01 th{
	padding: 10px;
	font-weight: 100;
	color: #009fe9;
	}
.section01 td{
	padding: 10px;
	}

.info{
	float: left;
	width: 540px;
	}
.topic{
	float: right;
	width: 360px;
	}
.topic dl{
	padding: 10px 20px;
	}
.topic dd{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px dotted #009fe9;
	}
.box01{
	overflow: hidden;
	padding: 5px;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-radius: 5px;
	}
.box01 p{
	padding-top: 10px;
	}

/* doctor----*/
.section02{
	clear: both;
	margin: 130px auto 0;
	width: 960px;
	}
.section02 h3{
	padding: 0 100px 0 110px;
	}
.section02 p{
	padding: 0 100px 0 110px;
	font-size: 120%;
	letter-spacing: 110%;
	}
.section02 ul{
	padding: 0 100px 0 110px;
	}

/* clinic access----*/
.section03{
	clear: both;
	margin: 130px auto 0;
	width: 760px;
	}
.section03 p{
	font-size: 120%;
	letter-spacing: 110%;
	}
.section03 ul{
	padding-left:20px;
	}
.section03 a:link{
	color: #009fe9;
	text-decoration:none;
	}
.section03 a:visited{
	color: #009fe9;
	text-decoration:none;
	}
.section03 a:hover{
	color: #f6aa00;
	text-decoration:none;
	}

/* treatment_index----*/
.section04{
	clear: both;
	margin: 130px auto 0;
	width: 960px;
	}
.section04 h3{
	padding: 0 100px 0 110px;
	}
.section04 p{
	padding: 0 100px 0 110px;
	font-size: 120%;
	letter-spacing: 110%;
	}
.section04 ul{
	padding: 0 100px 0 110px;
	}
.section04 li{
	float: left;
	margin-left:30px;
	}
/* tre ----*/
.sectionTre{
	clear: both;
	margin: 130px auto 0;
	width: 760px;
	}
.sectionTre p{
	font-size: 120%;
	letter-spacing: 110%;
	}
.sectionTre h3{
	border-bottom: 1px solid #0099D6;
	padding-bottom:3px;
	}
.sectionTre a:link{
	color: #009fe9;
	text-decoration:none;
	}
.sectionTre a:visited{
	color: #009fe9;
	text-decoration:none;
	}
.sectionTre a:hover{
	color: #f6aa00;
	text-decoration:none;
	}
.sectionTreGuide{
	clear: both;
	margin: 60px auto 0;
	width: 760px;
	}
.sectionTre01_column{
	background-image: url("../img/treatment/tre01/tre01_caries/tre01_caries_icon_back.gif") ;
	}
.sectionTreBox{
	clear: both;
	}
.sectionTreBox p{
	padding: 10px 4px 10px 8px;
	}
.sectionTreBox a{
	width: 220px;
	display: block;
	}

/* common -------------------------------------------------------*/
#mekkin{
	clear: both;
	}
#kids{
	clear: both;
	}
#hawwai{
	clear: both;
	}

.floatLeft{
	float: left;
	}
.floatRight{
	float: right;
	}
.w600{
	width: 600px;
	}
.w270{
	width: 270px;
	}
.h480{
	height: 600px;
	}
.mt10{
	margin-top: 10px;
	}
.mt20{
	margin-top: 20px;
	}
.mt30{
	margin-top: 30px;
	}
.mt45{
	margin-top: 45px;
	}
.mt60{
	margin-top: 60px;
	}
.mr15{
	margin-right: 15px;
	}
.mr30{
	margin-right: 30px;
	}
.mr34{
	margin-right: 34px;
	}
.mr45{
	margin-right: 45px;
	}
.mr50{
	margin-right: 50px;
	}
.mr100{
	margin-right: 100px;
	}
.ml30{
	margin-left: 30px;
	}
.ml50{
	margin-left: 50px;
	}
.ml110{
	margin-left: 110px;
	}
.mb10{
	margin-bottom: 10px;
	}
.mtb10{
	margin: 10px 0;
	}

.pHidden{
	overflow: hidden;
	}
.pCenter{
	text-align: center;
	}

.imgLeft img {
	clear: both;
	float: left;
	margin: 0 20px 20px 0 !important;
	}
.imgRight img {
	clear: both;
	float: right;
	margin: 0 0 20px 20px !important;
	}

.pLinkS a:link{
	color: #009fe9;
	text-decoration:none;
	}
.pLinkS a:visited{
	color: #009fe9;
	text-decoration:none;
	}
.pLinkS a:hover{
	color: #f6aa00;
	text-decoration:none;
	}










/* pagetop -------------------------------------------------------*/
.pt{
	clear: both;
	margin: 0 auto;
	padding: 130px 0 80px;
	text-align: center;
	width: 960px;
 	}



/* footer -------------------------------------------------------*/
footer{
	clear: both;
	width:100%;
	height: 480px;
	background-image: url("../img/common/fBack.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	}
.footerConte{
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 400px;
	}
.footerLeft{
	position: absolute;
	top: 70px;
	left: 220px;
	}
.footerRight{
	position: absolute;
	top: 70px;
	left: 660px;
	}
footer table{
	width: 380px;
	background-color: #fff;
	}
.fBorder{
	border: 1px solid #e5e5e5;
	}
.fBg{
	border: 1px solid #009fe9;
	background-color: #009fe9;
	color: #fff;
	}



/* copyright -------------------------------------------------------*/
.copyright{
	clear: both;
	width:100%;
	}
.copyrightConte{
	clear: both;
	margin: 0 auto;
	padding-top: 25px;
	width: 960px;
	}
.copyrightConte p{
	text-align: center;
	color: #009fe9;
	}