@charset "utf-8";

@import "base.css";
@import "margin.css";

/*
--------------------------------------------------------
treatment/index.html
--------------------------------------------------------
*/
#treatment #content h1 {
	background: url(../../treatment/image/h1_1.png) no-repeat 0 0;
	display: block;
	width: 600px;
	height: 145px;
	margin: 0 0 0 -20px;
	text-indent: -500em;
}

#treatment #content #summary ul li {
	padding: 3px 0 3px 15px;
	background: url(../../shared/image/ico_arrow.gif) no-repeat 0 3px;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
}

#treatment #content #whitening h2 {
	background-image: url(../../treatment/image/h2_1.png);
}

#treatment #content #preventive h2 {
	background-image: url(../../treatment/image/h2_2.png);
}

#treatment #content #general h2 {
	background-image: url(../../treatment/image/h2_3.png);
}

#treatment #content #child h2 {
	background-image: url(../../treatment/image/h2_4.png);
}

#treatment #content #aesthetic h2 {
	background-image: url(../../treatment/image/h2_14.png);
}

#treatment #content #artificialtooth h2 {
	background-image: url(../../treatment/image/h2_5.png);
}

#treatment #content #orthodontics h2 {
	background-image: url(../../treatment/image/h2_6.png);
}

#treatment #whitening.section,
#treatment #aesthetic.section,
#treatment #artificialtooth.section,
#treatment #orthodontics.section {
	background: no-repeat 100% 38px;
}

#treatment #whitening p,
#treatment #aesthetic p,
#treatment #artificialtooth p,
#treatment #orthodontics p {
	margin-right: 165px;
}

#treatment .section p {
	padding: 10px 0px 10px 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
	line-height: 140%;
}

#treatment #artificialtooth.section h3,
#treatment #preventive.section h3,
#treatment #general.section h3,
#treatment #child.section h3 {
	clear: both;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 3px 5px;
	font-weight: bold;
	font-size: 12px;
	line-height: 140%;
	border-left: solid 2px #d66c34;
	color: #3D291E;
}

#treatment #content #summary p {
	margin-bottom: 1em;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

#treatment  #summary dt {
	margin-bottom: 1em;
}

#treatment #whitening.section {
	background-image: url(../../treatment/image/img_whitening.png);
}

#treatment #whitening dl dt {
	text-indent: -500em;
}

#treatment #whitening dd {
	display: block;
	width: 580px;
	height: 103px;
}

#treatment #artificialtooth.section .image {
	float: right;
	padding: 3px;
	border: 1px solid #B9B9B9;
	margin-left: 10px;
}

#treatment #artificialtooth.section p {
	margin: 8px 0 8px 0;
}

#treatment #artificialtooth.section h3.subtitle {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px;
	background: #3D291E;
	font-size: 12px;
	color: #ffffff;
	border: none;
}

#treatment #artificialtooth.section p.attention {
	padding: 5px;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	line-height: 140%;
	vertical-align: top;
	border: solid 1px #cccccc;
	background-color: #F2EBE7;
}

#treatment #artificialtooth.section .min13pt-150blred {
	font-family: "ＭＳ 明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; font-size: 13pt; line-height: 150%; font-weight: bold; color: #CC0000;
		letter-spacing: -0.1em
}

#treatment #artificialtooth.section .red {
	color: #cc0000;
	font-weight: bold;
}

#treatment #aesthetic.section {
	background-image: url(../../treatment/image/img_aesthetic.jpg);
}

#treatment #orthodontics.section {
	background-image: url(../../treatment/image/img_orthodontics.jpg);
}

/*
--------------------------------------------------------
treatment/whitening.html
--------------------------------------------------------
*/
#whitening #content h1 {
	background: url(../../treatment/image/h1_2.png) no-repeat 0 0;
	display: block;
	width: 600px;
	height: 145px;
	margin: 0 0 0 -20px;
	text-indent: -500em;
}

#whitening #content #point h2 {
	background-image: url(../../treatment/image/h2_7.png);
}

#whitening #content #summary h2 {
	background-image: url(../../treatment/image/h2_8.png);
}

#whitening #content #about h2 {
	background-image: url(../../treatment/image/h2_9.png);
}

#whitening #content #flow h2 {
	background-image: url(../../treatment/image/h2_10.png);
}

#whitening #content #price h2 {
	background-image: url(../../treatment/image/h2_11.png);
}

#whitening #content #case h2 {
	background-image: url(../../treatment/image/h2_12.png);
}

#whitening #content #caution h2 {
	background-image: url(../../treatment/image/h2_13.png);
}

#whitening #content #point ol {
	width: 580px;
	height: 239px;
	padding: 10px 0 0 0;
	border: solid 1px #e6e6e6;
}

/*IE6*/* html #whitening #content #point ol {
	height: 249px;
}

#whitening #content #point ol li {
	width: 572px;
	height: 70px;
	margin: 0 0 10px 0;
	background: no-repeat 0 0;
	text-indent: -500em;
}

#whitening #content #point ol li.l1 {
	background-image: url(../../image/img_point1.png);
}

#whitening #content #point ol li.l2 {
	background-image: url(../../image/img_point2.png);
}

#whitening #content #point ol li.l3 {
	background-image: url(../../image/img_point3.png);
}

#whitening #content #point ol li dl {
	margin: -12px 0 0 105px;
	text-indent: 0;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
}

#whitening #content #point ol li.l1 dl {
	width: 36em;
}

#whitening #content #point ol li.l2 dl {
	width: 33em;
}

#whitening #content #point ol li.l3 dl {
	width: 28em;
}

#whitening #content #summary ol {
margin-top: 1em;
	}

#whitening #content #summary ol li {
	padding: 0 0 1em 28px;
	background: no-repeat 0 0;
	color: #bb1111;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
}

#whitening #content #summary ol li.l1 {
	background-image: url(../../shared/image/ico_no_rd1.gif);
}

#whitening #content #summary ol li.l2 {
	background-image: url(../../shared/image/ico_no_rd2.gif);
}

#whitening #content #summary ol li.l3 {
	background-image: url(../../shared/image/ico_no_rd3.gif);
}

#whitening #content #summary ol li.l4 {
	background-image: url(../../shared/image/ico_no_rd4.gif);
}

#whitening #content #summary ol li.l5 {
	background-image: url(../../shared/image/ico_no_rd5.gif);
}


#whitening #content #about ol li {
	clear: both;
	position: relative;
	margin-bottom: 10px;
	padding: 5px 5px 5px 23px;
	border: solid 1px #ccc;
	background: url(../../shared/image/ico_circle.gif) no-repeat 5px 8px;
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
}

#whitening #content #about ol li span {
	padding: 3px;
	margin-left: 5px;
	background: #BB1111;
	font-size: 10px;
	color: #ffffff;
}

#whitening #content #about ol li li {
	clear: none;
	position: static;
	list-style: disc inside;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
}

#whitening #content #about ol li p {
	color: #bb1111;
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	width: 355px;
	margin-bottom: 0.5em;
}

#whitening #content #about ol li ul{
	width: 355px;
	margin-top: 10px;
	margin-bottom: 0.5em;
}

#whitening #content #about ol li dl {
	display: block;
	position: absolute;
	top: 3em;
	left: 390px;
	width: 180px;
	font-size: 10px;
	line-height: 140%;
	font-weight: normal;
}

/*IE6*/* html #whitening #content #about ol li dl {
	left: 360px;
}

#whitening #content #about ol li dl p {
	width: 180px;
	margin-bottom: 0;
	color: #391601;
	font-size: 10px;
	line-height: 140%;
	font-weight: normal;
}

#whitening #content #about ol li.li3 p,
#whitening #content #about ol li.li4 p {
	width: 100%;
}


#whitening #content #flow ol {
	margin: 20px 0 0 115px;
}

#whitening #content #flow ol li {
	display: block;
	width: 358px;
	height: 42px;
	margin: 0 0 5px 0;
	padding: 0 0 0 32px;
	background: no-repeat 0 0;
	line-height: 30px;
}

#whitening #content #flow ol li.li1 {
	background-image: url(../../treatment/image/bck_flow1.gif);
}

#whitening #content #flow ol li.li2 {
	background-image: url(../../treatment/image/bck_flow2.gif);
}

#whitening #content #flow ol li.li3 {
	background-image: url(../../treatment/image/bck_flow3.gif);
}

#whitening #content #flow ol li.li4 {
	background-image: url(../../treatment/image/bck_flow4.gif);
}

#whitening #content #flow ol li.li5 {
	background-image: url(../../treatment/image/bck_flow5.gif);
}


#whitening #content #price ol li {
	clear: both;
	position: relative;
	margin-bottom: 10px;
	padding: 5px 5px 5px 25px;
	border: solid 1px #ccc;
	background: url(../../shared/image/ico_circle.gif) no-repeat 5px 8px;
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
}

#whitening #content #price ol li dl {
	margin-bottom: 1em;
}

#whitening #content #price ol li dl dd {
	margin: -1.6em 0 0 135px;
}

#whitening #content #price ol li ul {
	margin: 0 3em 0.5em 0;
}

#whitening #content #price ol li li {
	margin: 0;
	padding: 0 0 0 12px;
	border: none;
	background: url(../../shared/image/ico_asterisk.gif) no-repeat 0 3px;
	font-size: 12px;
	font-weight: normal;
}

#whitening #content #price div {
	display: block;
	width: 550px;
	height: 79px;
	margin: 0 0 5px -10px;
	background: url(../../treatment/image/img_campaign2.png) no-repeat 0 0;
	text-indent: -500em;
}

#whitening #content #price ol li p {
	font-weight: normal;
}

#whitening #content #case dd {
	display: block;
	width: 583px;
/*	height: 24px;*/
	background: url(../../treatment/image/ban_director.png) no-repeat 0 0;
	text-indent: -500em;
}

#whitening #content #case dd p {
	display: block;
	margin: 1em 0;
	text-indent: 0;
	font-size: 11px;
	line-height: 160%;
	font-weight: normal;
}

#whitening #content #caution dl {
	margin: 1em 0;
	padding: 10px;
	border: solid 1px #ccc;
	overflow: hidden;
}

#whitening #content #caution dl dt {
	clear: both;
	margin-bottom: 10px;
	padding: 0 0 0 25px;
	background: url(../../shared/image/ico_circle.gif) no-repeat 5px 3px;
	font-size: 14px;
	font-weight: bold;
}

#whitening #content #caution dl dd ul {
	display: block;
	margin: 0 0 1em 20px;
}

#whitening #content #caution dl dd li {
	display: block;
	float: left;
	width: 240px;
}

/*IE6*/* html #whitening #content #caution dl dd li {
	height: 1%;
}