@charset "UTF-8";
@import 'product-common.css';


#dentist-top{
	width: 931px;
	background: url(../images/dentist/body-top.jpg) no-repeat 0 0;
	padding-top: 179px;
	margin-left: -5px;
}

#dentist-bottom{
	background: url(../images/dentist/body-bottom.jpg) no-repeat 0 bottom;
	padding-bottom: 54px;
}

#dentist-body{
	background: url(../images/dentist/body-middle.jpg) repeat-y;
}

#doc{
	background: url(../images/dentist/doc.png) no-repeat 0 0;
	width: 410px;
	height: 200px;
	margin: 0 auto;
	padding-left: 290px;
}

	#doc a{
		display: block;
		height: 32px;
		font-size: 17px;
		font-weight: bold;
	}
	
		#doc a span{
			font-size: .9em;
		}
	
	#doc a.even{
		line-height: 37px;
	}
	
	#doc a.odd{
		line-height: 24px;
	}
	
#doc1 a{
	color: #ee6266;
}

#doc1 a:hover{
	color: #EBA3A3;
}

#doc2,
#doc3{
	margin-top: 5px;
	position: relative;
}

	#doc2 p,
	#doc3 p{
		position: absolute;
		top: 20px;
		left: 70px;
		font-size: 22px;
		font-weight: bold;
	}

#doc2 a,
#doc2 p{
	color: #00b28d;
}

#doc2 a:hover{
	color: #52DFC2;
}

#doc3 a,
#doc3 p{
	color: #e7b520;
}

#doc3 a:hover{
	color: #F3D066;
}

#w-top{
	width: 706px;
	margin: 35px auto 0;
	background: url(../images/dentist/w-top.png) no-repeat 0 0;
	padding-top: 25px;
}

#w-bottom{
	background: url(../images/dentist/w-bottom.png) no-repeat 0 bottom;
	padding-bottom: 27px;
}

#w-body{
	background: url(../images/dentist/w-middle.png) repeat-y;
}

	#w-body .text-block{
		width: 470px;
		padding-left: 101px;
		padding-right: 100px;
		margin: 0 auto;
		color: #3F3F3F;
		line-height: 2em;
		font-size: 14px;
	}

	#w-body h2{
		font-size: 14px;
		height: 25px;
		line-height: 25px;
		margin: 30px 0 20px -5px;
		padding: 0 0 5px 5px;
		width: 475px;
	}
	
	#w-body h2.two{
		height: 50px;
	}
	
		#w-body h2 span{
			float: left;
			height: 100%;
		}
		
		#w-body h2 span.indent{
			text-indent: -.6em;
		}
		
	#w-body h3{
		font-size: 20px;
		text-align: center;
		margin: 30px 0 15px;
	}
	
#vol-link{
	margin-top: 30px;
	text-align: center;
	font-weight: bold;
}

	#vol-link a{
		text-decoration: underline;
		letter-spacing: .1em;
		color: #ee6266;
		font-size: 14px;
		margin: 0 40px;
	}
	
	#vol-link a:hover{
		color: #EBA3A3;
	}
	
	.doc2-text #vol-link a{
		color:  #00B28D;
	}
	
	.doc2-text #vol-link a:hover{
		color: #52DFC2;
	}
	
	.doc3-text #vol-link a{
		color:  #E7B520;
	}
	
	.doc3-text #vol-link a:hover{
		color: #F3D066;
	}
	
.doc1-text .text-block,
.doc2-text .text-block,
.doc3-text .text-block{
	background: url(../images/dentist/doc1.jpg) no-repeat center 0;
	padding-top: 451px;
}

.doc1-text .vol2{
	background: url(../images/dentist/doc1-2.jpg) no-repeat center 0;
}

.doc2-text .text-block{
	background: url(../images/dentist/doc2.jpg) no-repeat center 0;
}

.doc2-text .vol4{
	background: url(../images/dentist/doc2-2.jpg) no-repeat center 0;
}

.doc3-text .vol5{
	background: url(../images/dentist/doc3.jpg) no-repeat center 0;
}

.doc3-text .vol6{
	background: url(../images/dentist/doc3-2.jpg) no-repeat center 0;
}
	
.doc1-text h2,
.doc1-text h3,
.doc1-text span.point{
	color: #ee6266;
}

.doc1-text h2{
	background: url(../images/dentist/doc1-line2.gif) repeat-y;
}

	.doc1-text h2 span,
	.doc2-text h2 span,
	.doc3-text h2 span{
		background: url(../images/dentist/doc1-ha.gif) no-repeat left 2px;
		padding-left: 20px;
	}
	
	.doc2-text h2 span{
		background-image: url(../images/dentist/doc2-ha.gif);
	}
	
	.doc3-text h2 span{
		background-image: url(../images/dentist/doc3-ha.gif);
	}
	
.doc2-text h2{
	background: url(../images/dentist/doc2-line2.gif) repeat-y;
}

.doc3-text h2{
	background: url(../images/dentist/doc3-line2.gif) repeat-y;
}
	
.doc1-text h3.illust{
	padding-top: 320px;
	background: url(../images/dentist/doc1-illust.jpg) no-repeat center 0;
}

.doc1-text h3.illust2{
	padding-top: 330px;
	background: url(../images/dentist/doc1-illust2.jpg) no-repeat center 0;
}


.doc2-text h2,
.doc2-text h3,
.doc2-text span.point,
.doc2-text .top-text-block{
	color: #00B28D;
}

.doc3-text h2,
.doc3-text h3,
.doc3-text span.point,
.doc3-text .top-text-block{
	color: #E7B520;
}

.top-text-block{
	font-size: 13px;
	font-weight: bold;
	width: 490px;
	margin-left: -10px;
}

.doc2-text .illust{
	background: url(../images/dentist/doc2-illust.jpg) no-repeat center bottom;
	padding-bottom: 320px;
}

.vol4 .illust{
	background: url(../images/dentist/doc2-illust2.jpg) no-repeat center bottom;
	padding-bottom: 320px;
	margin-bottom: 60px;
}

.doc2-text h2.line{
	background: url(../images/dentist/doc2-line.gif) no-repeat 0 7px;
	margin-bottom: 5px !important;
}

	.doc2-text h2.line span{
		padding: 0 10px 0 0;
		background: #fff;
	}
	
.doc2-text a{
	color: #008CB4;
}

.doc2-text a:hover{
	color: #48B9D8;
}

.doc3-text .illust{
	background: url(../images/dentist/doc3-illust.jpg) no-repeat center bottom;
	padding-bottom: 360px;
	margin-bottom: 50px;
}

.vol6 .illust{
	background: url(../images/dentist/doc3-illust2.jpg) no-repeat center bottom;
	padding-bottom: 400px;
	margin-bottom: 50px;
}