@charset "utf-8";

/*
------------------------------------------------
Index Layout
------------------------------------------------*/
.top #topcont {
	width: 710px;
	padding-right: 5px;
	float: left;
}
.top #topcont .block01 {
	background: url(../img/top/block01bg.jpg) no-repeat 0px 0px;
}
.top #topcont .block01 h2 {
	padding-top: 10px;
	padding-bottom: 35px;
}
.top #topcont .block01 .text01 {
	padding-left: 220px;
}
.top #topcont .block01 .text01 strong {
	font-weight: bold;
}
.top #topcont .block01 .btn01 {
	padding-top: 20px;
	padding-left: 220px;
	padding-bottom: 45px;
}
.top #topcont .block02 {
}
.top #topcont .block02 h2 {
	padding-bottom: 16px;
}
.top #topcont .block02 .right {
	float: right;
	width: 250px;
}
.top #topcont .block02 .left {
	float: left;
	width: 215px;
}
.top #topcont .block02 .left img {
	padding: 3px;
	border: 1px solid #CCCCCC;
}

.top #topside {
	width: 210px;
	float: right;
}
.top #topside .tsblock {
	background: url(../img/top/topsideline.gif) repeat-x left bottom;
	margin-bottom: 12px;
	padding-bottom: 10px;
}
.top #topside .tsblock .tstitle {
	padding-bottom: 6px;
}
.top #topside .tsblock .left {
	width: 70px;
	float: left;
}
.top #topside .tsblock .right {
	float: right;
	width: 140px;
}
.top-btn{
	margin-top:20px;
	text-align:right;
}

/*-- whitening 4P --*/
.effect{
	background:url(../img/top/effect-center.jpg) 0 0 repeat-y;
	width:710px;
}
.effect .use-bloc{
	width:670px;
	margin:5px 20px;
}
.effect .use-bloc .use-l{
	width:300px;
	float:left;
	padding:0 15px 20px 0;
}
.effect .use-bloc .use-r{
	width:330px;
	float:left;
	padding:0 0;
}
.effect .use-bloc .use-r .icon{
	width:45px;
	float:left;
	padding:0 10px 0 0;
}
.effect .use-bloc .use-r .txt{
	width:265px;
	float:left;
	padding:15px 10px 0 0;
}
.effect .w-led{
	background:url(../img/self/led-center.jpg) 0 0 repeat-y;
	width:680px;
	margin: 0 0 0 16px;
}
.w-led .led-txt{
	padding:10px 16px;
	width:648px;
}
.w-led .led-txt .led-l{
	width:276px;
	padding:12px 20px 0 0;
	float:left;
}
.w-led .led-txt .led-r{
	width:285px;
	padding:10px 0;
	float:left;
}

#w-bloc{
	background:url(../img/top/plan-line.jpg) 0 0 repeat-y;
	width:700px;
	margin:0 0 0 10px;
}

.office-bloc{
	width:340px;
	float:left;
	padding:10px 20px 0 0;
}
.w-blocr{
	width:334px;
	float:left;
}
.self-bloc{
	width:340px;
	float:left;	
	padding:10px 0 0 0;
}
.try-bloc{
	width:220px;
	float:left;	
	padding:10px 0 0 10px;	
}

.osusume-line{
	background:url(../img/top/osusume-center.jpg) 0 0 repeat-y;
	padding:0 0 0 0;
}
.osusume-line p{
	padding:10px 0 0 10px;
}
.w-pointl{
	float:left;
	width:327px;
	margin:0 10px 20px 20px;
	
}
.w-pointr{
	float:left;
	margin:0 10px 20px 0;
	width:327px;	
}
.whitening-bloc{
	background:url(../img/office2/office-center.jpg) 0 0 repeat-y;
	width:690px;
	margin:10px 10px;
}

.whitening-point{
	background:url(../img/office2/point-center.jpg) 0 0 repeat-y;
	width:710px;
	margin:30px 0;
}

.whitening-point  .point-l{
	float:left;
	width:78px;
	padding: 10px 13px 10px 16px;	
}
.whitening-point  .point-r{
	float:left;
	width:578px;
	padding: 10px 25px 10px 0;	
}
.aftercare-l{
	float:left;
	width:326px;
	margin:0 20px 10px 10px;
}
.aftercare-l ol li{
	background:url(../img/office2/aftercare-icon.jpg) 0px 5px no-repeat;
	padding: 5px 0 5px 30px;
}
.aftercare-l ol li p{
	font-size:133%;
}
.aftercare-r{
	float:left;
	width:346px;
	margin:0 0;
}
.whitening-vivid{
	background:url(../img/self/vivid-center.jpg) 0 0 repeat-y;
	width:710px;
	margin:0 0 30px;
}
.whitening-vivid2{
	background:url(../img/try/plan-center.jpg) 0 0 repeat-y;
	width:710px;
	margin:0 0 30px;
}
.vivid-l{
	width:325px;
	float:left;
	padding:10px 10px 10px 20px;	
}
.vivid-r{
	width:340px;
	float:left;
	padding:10px 10px 10px 0;
	text-align:center;
}
.whitening-f{
	background:url(../img/try/q-icon.jpg) 0 0 no-repeat;
	padding:8px 0 15px 60px;
}
.whitening-a{
	background:url(../img/try/a-icon.jpg) 0 0 no-repeat;
	padding:8px 0 10px 60px;
	height:45px;
}
/*
------------------------------------------------
purchase
------------------------------------------------*/
.yusou{
	width:341px;
	float:left;
	margin:10px 28px 30px 0;
}
.raiin{
	width:341px;
	float:left;
	margin:10px 0 30px 0;
}
#rental-pdf{
	background:url(../img/purchase/rental-center.jpg) 0 0 repeat-y;
	width:710px;
	margin:0 0px;
	}
#rental-pdf p{
	padding:0 20px 10px;
}
#rental-pdf #mailforml{
	padding:10px 0 20px 20px;
	float:left;
	width:174px;	
}
#rental-pdf #mailformr{
	padding:10px 20px 20px 20px;
	float:left;
	width:470px;	
}
#rental-pdf .necessity{
	background:url(../img/form/icon.jpg) 0 3px no-repeat;
	padding:0 0 0 20px;
}
/*
------------------------------------------------
kezuranai Layout
------------------------------------------------*/
.kezuranai .block01 {
	padding-bottom: 30px;
}
.kezuranai .block01 h3 {
	padding-bottom: 20px;
}
.kezuranai .block01 .right {
	float: right;
	width: 412px;
}
.kezuranai .block01 .left {
	float: left;
	width: 270px;
}
.kezuranai strong {
	font-size: 120%;
	color: #006699;
	font-weight: bold;
}



/*
------------------------------------------------
implant Layout
------------------------------------------------*/
.implant h4 {
	background: url(../img/ic01.jpg) no-repeat 0px 6px;
	padding-left: 25px;
	border-bottom: 2px solid #CCCCCC;
	padding-bottom: 5px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 15px;
	clear: both;
	color: #02254D;
}
.implant .block01 {
	padding-bottom: 30px;
}
.implant .block01 .right {
	float: right;
	width: 420px;
	padding-top: 20px;
}
.implant .block01 .left {
	float: left;
	width: 260px;
}
.implant .implanttable {
	clear: both;
	width: 700px;
	border-top: 1px solid #B1CCE4;
	border-right: 1px solid #B1CCE4;
	margin-bottom: 40px;
}
.implant .implanttable th {
	border-bottom: 1px solid #B1CCE4;
	border-left: 1px solid #B1CCE4;
	background: #EBF2FC;
	padding: 8px 10px;
	font-weight: bold;
}
.implant .implanttable td {
	border-bottom: 1px solid #B1CCE4;
	border-left: 1px solid #B1CCE4;
	padding: 8px 10px;
	width: 280px;
}
.implant .implanttable .thcenter {
	text-align: center;
}.implant .block02 {
	border: 2px solid #B0D7EA;
	background: #F3F9FC;
	padding: 30px 35px;
	margin-bottom: 15px;
}
.implant .block02 ul {
    padding-bottom: 15px;
}
.implant .block02 li {
	background: url(../img/implant/ic01.jpg) no-repeat 0px 3px;
	padding-left: 20px;
	padding-bottom: 5px;
}
.implant .block02 li span {
	background: url(../img/implant/arrow01.jpg) no-repeat 50px 25px;
	display: block;
	padding-bottom: 25px;
}



/*
------------------------------------------------
pp Layout
------------------------------------------------*/
.pp ol {
	padding-left: 20px;
	padding-bottom: 25px;
}
.pp ol li {
    padding-bottom: 10px;
}



/*
------------------------------------------------
rental Layout
------------------------------------------------*/
.rental .block01 {
    padding-bottom: 20px;
}
.rental .block01 h3 {
    padding-bottom: 20px;
}
.rental .block01 h4 {
	padding-bottom: 5px;
}
.rental .block01 .left {
	float: left;
	width: 510px;
}
.rental .block01 .right {
	float: right;
	width: 190px;
}
.rental .block02 {
	padding-left: 15px;
	padding-top: 15px;
}
.rental .block02 p {
	float: left;
	padding-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
}



/*
------------------------------------------------
application Layout
------------------------------------------------*/
.application .block01 {
	padding-bottom: 20px;
	clear: both;
}
.application .block01 h4 {
	float: left;
	width: 220px;
}
.application .block01 .right {
	float: right;
	width: 480px;
}
.application .block01 .right strong {
   font-weight: bold;
   color: #FF6600;
}
.application .block01 .right span {
   font-size: 90%;
}
.application .block01 .right .text01 {
   color: #086A9A;
   font-size: 120%;
   font-weight: bold;
}
.application .block01 .right .block01in {
	float: left;
	border: 1px solid #CCCCCC;
	padding: 10px 5px;
	width: 460px;
}
.application .block01 .right .block01in .leftin {
	float: left;
	width: 48px;
}
.application .block01 .right .block01in .rightin {
	float: right;
	width: 400px;
}



/*
------------------------------------------------
howto Layout
------------------------------------------------*/
.howto .block01 {
	background: url(../img/howto/bgline.gif) no-repeat right bottom;
	margin-bottom: 15px;
	clear: both;
}
.howto .block01 .left {
	width: 180px;
	float: left;
}
.howto .block01 .right {
	width: 520px;
	padding-top: 10px;
	float: right;
}
.howto .block01 .right img {
	float: left;
	width: 35px;
	padding-right: 10px;
}
.howto .block01 .right span {
	float: left;
	width: 450px;
}
.howto .text01 {
	color: #FF0000;
	font-weight: bold;
	clear: both;
}
.howto .textcenter {
    text-align: center;
}



/*
------------------------------------------------
reason Layout
------------------------------------------------*/
.reason .block01 {
	clear: both;
	padding-bottom: 10px;
	background: url(../img/reason/line01.gif) repeat-x left bottom;
	margin-bottom: 20px;
}
.reason .block01 .left {
	width: 230px;
	float: left;
}
.reason .block01 .left img {
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.reason .block01 .right {
	width: 470px;
	float: right;
}
.reason .block01 .right h4 {
	background: url(../img/ic01.jpg) no-repeat 0px 6px;
	padding-left: 25px;
	border-bottom: 2px solid #CCCCCC;
	padding-bottom: 5px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
	color: #02254D;
}
.reason .block02 {
	border: 5px solid #B0D7EA;
	background: #F3F9FC;
	padding: 40px;
}
.reason .block02 .block02in {
	padding-top: 10px;
	clear: both;
}
.reason .block02 .block02in .rightin {
	float: right;
	width: 510px;
}
.reason .block02 .block02in .rightin h4 {
    padding-bottom: 10px;
}
.reason .block02 .block02in .leftin {
	width: 100px;
	float: left;
}



/*
------------------------------------------------
access Layout
------------------------------------------------*/
.access .block01 {
	background: url(../img/access/img01.jpg) no-repeat 0px 0px;
	padding-left: 200px;
	margin-bottom: 30px;
}
.access h4 {
	background: url(../img/ic01.jpg) no-repeat 0px 5px;
	padding-left: 25px;
	padding-bottom: 5px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 5px;
	color: #02254D;
}
.access .block01 .text01 {
	background: url(../img/access/line01.gif) repeat-x left bottom;
	padding-bottom: 7px;
	margin-bottom: 10px;
}
.access .text02 {
	font-weight: bold;
	font-size: 120%;
	color: #02254D;
}


/*
------------------------------------------------
cost Layout
------------------------------------------------*/
.cost .costtable {
	width: 700px;
	margin-bottom: 15px;
}
.cost .costtable th {
	padding: 5px;
	background: url(../img/cost/line01.gif) repeat-x left bottom;
	width: 240px;
	font-weight: bold;
	color: #02254D;
}
.cost .costtable td  {
	background: url(../img/cost/line01.gif) repeat-x left bottom;
	padding: 5px 50px 5px 5px;
}
.cost .costtable .tright {
	text-align: right;
}


/*
------------------------------------------------
shishubyo Layout
------------------------------------------------*/
.shishubyo .text01 {
	background: #E8F3F9;
	padding: 15px 30px;
	margin-bottom: 20px;
}


/*
------------------------------------------------
office Layout
------------------------------------------------*/
.office .block01 {
	background: url(../img/office/arrow01.jpg) no-repeat center 100px;
	clear: both;
	padding-bottom: 20px;
}
.office .block01 dl {
	width: 350px;
	background: url(../img/office/line01.gif) repeat-x left bottom;
	float: left;
}
.office .block01 dl dt {
	width: 275px;
	padding-left: 35px;
}
.office .block01 dl dt img {
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.office .block01 dl dd {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 275px;
	padding-left: 35px;
}




/*
------------------------------------------------
nometal Layout
------------------------------------------------*/
.nometal li {
	background: url(../img/nometal/ic01.jpg) no-repeat 0px 5px;
	padding-left: 25px;
	margin-bottom: 8px;
}




/*
------------------------------------------------
doctor Layout
------------------------------------------------*/
.doctor .block01 {
	padding-bottom: 40px;
}
.doctor .block01 .left {
    width: 380px;
	float: left;
}
.doctor .block01 .left h4 {
	padding-bottom: 5px;
}
.doctor .block01 .left p {
	background: url(../img/doctor/line01.gif) repeat-x left bottom;
	padding-top: 10px;
	padding-bottom: 7px;
}
.doctor .block01 .right {
    width: 280px;
	float: right;
}