@charset "utf-8";

/*
------------------------------------------------
Index Layout
------------------------------------------------*/
.top #mainimg {
	background: url(../img/top/mainimg_bg.jpg) no-repeat 0px 0px;
	width: 716px;
	padding: 2px;
	position: relative;
}
.top #mainimg ul {
	position: absolute;
	left: 478px;
	top: 2px;
}
.top .block01 {
	width: 720px;
	padding-top: 20px;
}
.top .block01 .left {
	float: left;
	width: 235px;
}
.top .block01 .right {
	float: right;
	width: 485px;
}

.top .block02 {
	width: 720px;
	clear: both;
	position: relative;
	padding-top: 10px;
}
.top .block02 .text01 {
	margin-top: 15px;
	padding-left: 12px;
	border-left: 5px solid #FF9900;
	margin-left: 10px;
	margin-bottom: 15px;
}
.top .block02 li {
	float: left;
	padding-left: 10px;
}
.top .block02 .img01 {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.top .block03 {
	clear: both;
}
.top .block03 li {	
    float: left;
}
.top .block03 .center {
	float: left;
	padding: 0 8px;
}
.top .block04 {
	background: url(../img/top/block04_bg.jpg) repeat-y 0px 0px;
	width: 720px;
}
.top .block04 .block04top {
	background: url(../img/top/block04_bg_top.jpg) no-repeat 0px 0px;
}
.top .block04 .block04btm {
	background: url(../img/top/block04_bg_btm.jpg) no-repeat left bottom;
	padding-top: 70px;
	padding-left: 65px;
	padding-bottom: 50px;
	padding-right: 65px;
}
.top .campaignblock {
	height: 150px;
	width: 720px;
	background: #CCCCCC;
}
.top .block05 {
	width: 720px;
}
.top .block05 .left {
	width: 255px;
	float: left
}
.top .block05 .right {
	float: right
}
.top .block05 .right .mleft {
	float: left;
	width: 200px;
}
.top .block05 .right .mright {
	float: right;
	width: 255px;
}
.top .block05 .right .mright img {
	padding: 2px;
	border: 1px solid #CCCCCC;
}

.top #caution {
	padding:5px 10px;
	border:#F63 1px solid;
	color:#666;
	margin-top:20px;
}


.top #news h3 {
	font-size:200%;
	font-weight:bold;
	margin:15px 0 15px;
	color:#F60;
}
.top #info {
	margin: 0 0 30px 0;
}
.top #info h2 {
	margin: 0 0 10px 0;
}
.top #info .section {
	margin-right: 21px;
	padding: 0 0 5px 0;
	float: left;
	background: url(../img/bg02.jpg) left top repeat-y;
	border-bottom: 1px solid #50AA65;
}
.top #info .last {
	margin: 0;
}
.top #info p {
	padding: 8px 1em 0 0;
	text-align: right;
}
.top #info dl {
	background: url(../img/bg01.jpg) left bottom repeat-x;
	width: 226px;
}
.top #info dt {
	float: left;
	width: 105px;
	padding: 8px 0;;
	clear: both;
	font-weight: bold;
	text-indent: 22px;
	background: url(../img/ic01.jpg) 5px 8px no-repeat;
}
.top #info dd {
	margin-left: 100px;
	padding: 8px 5px 8px 0;
}

.top #news {
	margin: 0 0 25px;
}

.top #news table {
	width:720px;
}
.top #news th {
	white-space:nowrap;
	font-weight:bold;
	vertical-align:top;
	border-bottom:#FFF 1px solid;
	padding:5px 40px 5px 10px;
	background:#50AA65;
	color:#FFF;
}
.top #news td {
	border:#50AA65 1px solid;
	padding:5px 10px 5px 10px;
}
.top #news .first {
	border-top:#50AA65 1px solid;
}
.top #news .end {
	border-bottom:#50AA65 1px solid;
}
.top #news table table {
	width:auto;
}
.top #news table table th {
	white-space:nowrap;
	font-weight:normal;
	border-bottom:0;
	padding:0 1em 0 0;
	background:#FFF;
	color:#333;
}
.top #news table table td {
	border:0;
	padding:0;
}

/*
------------------------------------------------
fee Layout
------------------------------------------------*/
.fee .text01 {
	text-align: right;
}
.fee .text02 {
	background: url(../img/ic01.jpg) no-repeat 0px 3px;
	padding-left: 20px;
}
.fee .text02 strong {
    font-weight: bold;
	font-size: 120%;
}
.fee .text03 {
	text-align: center;
}
.fee table {
	width: 700px;
	margin-left: 10px;
}
.fee table th {
	width: 410px;
	border-bottom: 1px solid #36834B;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 10px;
}
.fee table td {
	border-bottom: 1px solid #36834B;
	padding-bottom: 5px;
	padding-top: 10px;
}


/*
------------------------------------------------
sample Layout
------------------------------------------------*/
.sample .block01 {

}
.sample .block01 p {
	float: left;
	padding-right: 50px;
	padding-left: 60px;
}
.sample .block02 {
	width: 720px;
}
.sample .block02 p {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}


/*
------------------------------------------------
faq Layout
------------------------------------------------*/
.faq .ttlq {
	background: url(../img/faq/ic_q.jpg) no-repeat 0px 0px;
	padding-top: 4px;
	padding-bottom: 15px;
	border-bottom: 1px solid #36834B;
	padding-left: 35px;
}
.faq .ttla {
	margin-top: 15px;
	background: url(../img/faq/ic_a.jpg) no-repeat 0px 0px;
	padding-top: 4px;
	padding-bottom: 30px;
	padding-left: 35px;
}
.faq .ttla span {
    font-size: 80%
}



/*
------------------------------------------------
clinic Layout
------------------------------------------------*/
.clinic .block01 {
	padding-bottom: 30px;
	clear: both;
}
.clinic .block01 .left{
	float: left;
	width: 372px;
	padding-right: 12px;
}
.clinic .block01 .right{
	float: right;
}

/*
------------------------------------------------
guarantee Layout
------------------------------------------------*/
.guarantee .text01 {
	background: url(../img/ic01.jpg) no-repeat 0px 3px;
	padding-left: 20px;
}
.guarantee .block01 {
	padding-bottom: 30px;
	clear: both;
}
.guarantee .block01 .left{
	float: left;
	width: 447px;
}
.guarantee .block01 .right{
	float: right;
}
.guarantee .text02{
    font-weight: bold;
	font-size: 120%;
}

/*
------------------------------------------------
flow Layout
------------------------------------------------*/
.flow .block01 {
	padding-bottom: 20px;
	clear: both;
	background-image: url(../img/flow/step01.jpg);
	background-repeat: no-repeat;
}
.flow .block01 .right{
	float: right;
	width: 590px;
}

.flow .block02 {
	padding-bottom: 20px;
	clear: both;
	background-image: url(../img/flow/step02.jpg);
	background-repeat: no-repeat;
}
.flow .block02 .right{
	float: right;
	width: 590px;
}

.flow .block03 {
	padding-bottom: 20px;
	clear: both;
	background-image: url(../img/flow/step03.jpg);
	background-repeat: no-repeat;
}
.flow .block03 .box{
	float: right;
	width: 590px;
}
.flow .block03 .box .txt{
	float: left;
	width: 370px;
}
.flow .block03 .box .right {
	float: right;
	width: 208px;
}



.flow .block04 {
	padding-bottom: 20px;
	clear: both;
	background-image: url(../img/flow/step04.jpg);
	background-repeat: no-repeat;
}
.flow .block04 .box{
	float: right;
	width: 590px;
}
.flow .block04 .box .txt{
	float: left;
	width: 370px;
	padding-right: 5px;
}
.flow .block04 .box .right {
	float: right;
}


.flow .block05 {
	padding-bottom: 20px;
	clear: both;
	background-image: url(../img/flow/step05.jpg);
	background-repeat: no-repeat;
}
.flow .block05 .box{
	float: right;
	width: 590px;
}
.flow .block05 .box .txt{
	float: left;
	width: 370px;
}
.flow .block05 .box .right{
	float: right;
}
.flow .block05 .box .txt02{
	font-size: 80%;
}

.flow .block06 {
	padding-bottom: 20px;
	clear: both;
	background-image: url(../img/flow/step06.jpg);
	background-repeat: no-repeat;
}
.flow .block06 .box{
	float: right;
	width: 590px;
}

.flow .block07 {
	padding-bottom: 20px;
	clear: both;
	background-image: url(../img/flow/step07.jpg);
	background-repeat: no-repeat;
}
.flow .block07 .box{
	float: right;
	width: 590px;
}
.flow .block07 .box .txt{
	float: left;
	width: 370px;
}
.flow .block07 .box .right{
	float: right;
}
.flow .block08 {
	padding-bottom: 20px;
	clear: both;
	background-image: url(../img/flow/step08.jpg);
	background-repeat: no-repeat;
}
.flow .block08 .box{
	float: right;
	width: 590px;
}

/*
------------------------------------------------
correction Layout
------------------------------------------------*/

.correction .box {
	width: 680px;
	background-image: url(../img/st_back.jpg);
	background-repeat: repeat;
	margin-left:20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.correction .whitebox {
	width: 660px;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 20px;
}

.correction .whitebox .inbox01 {
	float: left;
	width: 315px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 60px;
}

.correction .whitebox .inbox02 {
	float: left;
	width: 315px;
	padding-left: 20px;
	padding-right: 10px;
}


/*
------------------------------------------------
beauty Layout
------------------------------------------------*/

.beauty .listbox {
	background-color: #FFFFBF;
	height: 70px;
	width: 720px;
}
.beauty .listbox li {
	float: left;
	padding-top: 15px;
	padding-left: 30px;
}

.beauty .box {
	width: 680px;
	background-image: url(../img/st_back.jpg);
	background-repeat: repeat;
	margin-left:20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.beauty .whitebox {
	width: 660px;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 20px;
}
.beauty .whitebox .txtbox {
	width: 620px;
	padding-left: 20px;
}
.beauty .whitebox .txtbox02 {
	padding-left: 20px;
}
.beauty .whitebox dl {
	border-bottom: 1px solid #006600;
	padding-bottom: 3px;
}
.beauty .whitebox dt {
    width: 200px;
	float: left;
}
.beauty .whitebox dd {
    float: right;
	text-align: right;
}
.beauty .whitebox .title {
	border-bottom: 1px solid #006600;
	padding-bottom: 5px;
	clear: both;
	margin-bottom: 10px;
	font-weight: bold;
}
.beauty .whitebox .title02 {
	padding-bottom: 5px;
	clear: both;
	margin-bottom: 10px;
	font-weight: bold;
}
.beauty .whitebox .text01 {
	clear: both;
	color:#009900;
	text-align: right;
	padding-bottom: 20px;
}
.beauty .whitebox .block01 {
	width: 580px;
	padding-left: 20px;
	clear: both;
	padding-top: 10px;
}
.beauty .whitebox .block01 .left {
	float: left;
	width: 230px;
}
.beauty .whitebox .block01 .right {
	float: left;
	width: 350px;
}

.beauty .whitebox .inbox01 {
	float: left;
	width: 315px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 60px;
}
.beauty .whitebox .inbox02 {
	float: left;
	width: 315px;
	padding-left: 20px;
	padding-right: 10px;
}
.beauty .right_img {
	float: right;
	padding-right: 10px;
}
.beauty .left_img {
	float: left;
}
.beauty .box01 {
	width:720px;
	float: left;
}
.beauty .right_txt {
	float: right;
	width:500px;
	padding-right: 10px;
}

.beauty .right_txt02 {
	float: right;
	width:412px;
	padding-right: 10px;
}
.beauty table {
	width: 700px;
	margin-left: 10px;
}
.beauty table th {
	width: 410px;
	border-bottom: 1px solid #36834B;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 10px;
}
.beauty table td {
	border-bottom: 1px solid #36834B;
	padding-bottom: 5px;
	padding-top: 10px;
}
.beauty .block02 {
	width: 680px;
	padding-left: 20px;
	clear: both;
	padding-bottom: 20px;
}
.beauty .block02 .left {
	float: left;
	width: 320px;
}
.beauty .block02 .right {
	float: left;
	width: 350px;
}
.beauty .block03 {
	width: 680px;
	clear: both;
	padding-bottom: 50px;
	padding-left: 20px;
}
.beauty .block03 .left {
	float: left;
	width: 460px;
}
.beauty .block03 .right {
	float: right;
	width: 200px;
	text-align: center;
}


/*
------------------------------------------------
jaw Layout
------------------------------------------------*/
.jaw .block01 {
	padding-bottom: 30px;
	clear: both;
}
.jaw .block01 .left{
	float: left;
	width: 445px;
	padding-right: 12px;
}
.jaw .block01 .right{
	float: right;
}
.jaw .block02 {
	height: 80px;
	clear: both;
	padding-top: 35px;
	padding-bottom: 40px;
	padding-left: 50px;
}
.jaw .block02 p {
	float: left;
	padding-right: 20px;
}
.jaw .jawtext {
	background: url(../img/jaw/ic01.jpg) no-repeat 0px 2px;
	padding-left: 20px;
}
.jaw .centtext {
	text-align: center;
}


/*
------------------------------------------------
fear Layout
------------------------------------------------*/
.fear .feartext {
	background: url(../img/jaw/ic01.jpg) no-repeat 0px 2px;
	padding-left: 20px;
}
.fear .centtext {
	text-align: center;
}
.fear .block01 {
	padding-bottom: 15px;
	clear: both;
}
.fear .block01 .left{
	float: left;
	width: 315px;
	border: 8px solid #E8E8E8;
	padding: 10px;
}
.fear .block01 .right{
	float: right;
	width: 315px;
	border: 8px solid #E8E8E8;
	padding: 10px;
}
.fear .block01 .ttl{
	text-align:center;
	padding-bottom: 15px;
}
.fear .block02 {
	clear: both;
	border: 8px solid #E8E8E8;
	padding: 10px;
	margin-bottom: 30px;
}
.fear .block02 .left{
	float: left;
	width: 460px;
}
.fear .block02 .right{
	float: right;
	width: 210px;
}
.fear .block02 .ttl{
	text-align:center;
	padding-bottom: 15px;
}
.fear .block03 {
	padding-bottom: 30px;
}
.fear .block03 .left{
	float: left;
	width: 230px;
	padding-left: 20px;
}
.fear .block03 .right{
	float: right;
	width: 465px;
}
.fear .block04 {
	padding-bottom: 30px;
}
.fear .block04 .left{
	float: left;
	width: 500px;
}
.fear .block04 .right{
	float: right;
	width: 215px;
}



/*
------------------------------------------------
equipment Layout
------------------------------------------------*/
.equipment .block01 {
	padding-bottom: 15px;
	clear: both;
}
.equipment .block01 .left{
	float: left;
	width: 373px;
	background: url(../img/equipment/ic01.jpg) no-repeat 0px 2px;
	padding-left: 22px;
	padding-bottom: 25px;
}
.equipment .block01 .right_wide{
	float: right;
	width: 300px;
	padding-bottom: 25px;
}
.equipment .block01 .right_nar{
	float: right;
	width: 270px;
	padding-bottom: 25px;
}


/*
------------------------------------------------
feature Layout
------------------------------------------------*/
.feature .text01 {
	background: url(../img/feature/ic01.jpg) no-repeat 0px 2px;
	padding-left: 22px;
}

.feature .block01 {
	clear: both;
	padding-left: 22px;
}
.feature .block01 .left{
	float: left;
	width: 350px;
	padding-bottom: 15px;
}
.feature .block01 .right{
	float: right;
	width: 325px;
	padding-bottom: 15px;
}
.feature .block02 {
	clear: both;
}
.feature .block02 .left{
	background: url(../img/feature/ic01.jpg) no-repeat 0px 2px;
	padding-left: 22px;
	float: left;
	width: 380px;
	padding-bottom: 25px;
}
.feature .block02 .right{
	float: right;
	width: 280px;
	padding-bottom: 25px;
}
.feature .block03 {
	clear: both;
	border: 10px solid #E8E8E8;
	padding: 15px 15px 5px;
	margin-bottom: 30px;
}
.feature .block03 .title {
	text-align: center;
	padding-bottom: 10px;
}
.feature .block03 .left {
	float: left;
	width: 200px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.feature .block03 .right {
	float: right;
	width: 460px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.feature .block04 {
	clear: both;
}
.feature .block04 .left{
	background: url(../img/feature/ic01.jpg) no-repeat 0px 2px;
	padding-left: 22px;
	float: left;
	width: 365px;
	padding-bottom: 40px;
}
.feature .block04 .right{
	float: right;
	width: 305px;
	padding-bottom: 40px;
}
.feature .block04 .right .box01 {
	border: 1px solid #CCC;
	padding: 0px 14px 14px;
	width: 250px;
}

/*
------------------------------------------------
dentist Layout
------------------------------------------------*/
.dentist .text01 {
	margin-bottom: 10px;
	margin-left: 25px;
}
.dentist ul {
	margin-left: 25px;
	border: 1px solid #B7DFC1;
	padding: 15px 15px 10px;
	width: 640px;
	margin-bottom: 20px;
}
.dentist ul li {
	background: url(../img/dentist/ic01.jpg) no-repeat 0px 4px;
	padding-left: 20px;
	margin-bottom: 5px;
}


/*
------------------------------------------------
doctor Layout
------------------------------------------------*/
.doctor .box01 {
}
.doctor .box01 .left {
	width: 240px;
	float: left;
	padding-bottom: 15px;
}
.doctor .box01 .right {
	width: 400px;
	float: left;
	padding-bottom: 15px;
}
.doctor ul {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 3px;
}
.doctor ul li {
	background: url(../img/doctor/ic01.jpg) no-repeat 0px 4px;
	padding-left: 20px;
	margin-bottom: 2px;
}
.doctor .text01 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 50px;
}


/*
------------------------------------------------
contact Layout
------------------------------------------------*/
.contact ul {
	padding-left: 5px;
	padding-bottom: 10px;
}
.contact ul li {
	background: url(../img/contact/ic01.jpg) no-repeat 0px 4px;
	padding-left: 20px;
	margin-bottom: 2px;
}
.contact table {
	width: 720px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.contact table th {
	background: #FBF6E1;
	padding: 10px;
	width: 160px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.contact table th span {
	color: #F00;
}
.contact table td {
	padding: 10px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.contact .entrybt {
    padding-left: 180px;
	padding-top: 25px;
}
.contact .entrybt p {
	float: left;
	padding-right: 30px;
	padding-bottom: 35px;
}
.contact .box01 {
	clear: both;
	padding-left: 10px;
	border-left: 5px solid #F90;
	margin-bottom: 35px;
}