@charset "UTF-8";

div#contentColumn h2 {
	margin: 0 0 20px 0;
	padding: 0;
	width: 560px;
	height: 40px;
	background: url(/i/implant_cost/h2.gif) no-repeat #fff 0 0;
	text-indent: -9999px;
}

div#contentColumn p.caution {
	border: 1px solid #FA7800;
	color: #FA7800;
	background: #FFEEDD;
	padding: 5px 10px;
}

div#contentColumn ul.case {
	margin: 0 0 30px;
	padding: 0;
	border-top: 1px solid #66B294;
	border-right: 1px solid #66B294;
	border-left: 1px solid #66B294;
}

div#contentColumn ul.case li {
	margin: 0;
	padding: 0;
	clear: both;
	border-bottom: 1px solid #66B294;
	position: relative;
	zoom: 1;
}

div#contentColumn ul.case li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


div#contentColumn ul.case li h3 {
	height: 36px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	cursor: pointer;
}

div#contentColumn ul.case li p.detail {
	margin: 0;
	padding: 3px 10px;
	border-top: 1px solid #66B294;
	border-bottom: 1px solid #66B294;
}

div#contentColumn ul.case li p.illust {
	margin: 0;
	padding: 0;
	width: 215px;
	border-right: 1px solid #66B294;
	text-align: center;
	float: left;
}

div#contentColumn ul.case li p.beforeafter {
	float: right;
	padding: 10px 15px 0 0;
}

div#contentColumn ul.case li p.ct {
	float: right;
	padding: 10px 15px 10px 0;
}

div#contentColumn ul.case li div.cost {
	float: left;
	width: 400px;
	height: 75px;
	border-top: 1px solid #66B294;
	position: relative;
}

div#contentColumn ul.case li div.cost p.number1 {
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 12px;
}

div#contentColumn ul.case li div.cost p.number2 {
	position: absolute;
	top: 25px;
	left: 10px;
	font-size: 12px;
}

div#contentColumn ul.case li div.cost span.item {
	display: inline-block;
	width: 12em;
}

div#contentColumn ul.case li div.cost span.times {
	display: inline-block;
	width: 1.3em;
}

div#contentColumn ul.case li div.cost span.number {
	display: inline-block;
	width: 3em;
}

div#contentColumn ul.case li div.cost p.total {
	position: absolute;
	top: 25px;
	right: 10px;
}

div#contentColumn ul.case li div.cost p.total span {
	font-size: 22px;
	margin-right: 5px;
}

div#contentColumn ul.case li div.cost p.notice {
	position: absolute;
	top: 50px;
	right: 10px;
	font-size: 12px;
}


div#contentColumn ul.case li.case1 h3 {
	background: url(/i/implant_cost/h3_1.gif) no-repeat 10px 10px #D9ECE4;
}

div#contentColumn ul.case li.case2 h3 {
	background: url(/i/implant_cost/h3_2.gif) no-repeat 10px 10px #D9ECE4;
}

div#contentColumn ul.case li.case3 h3 {
	background: url(/i/implant_cost/h3_3.gif) no-repeat 10px 10px #D9ECE4;
}

div#contentColumn ul.case li.case4 h3 {
	background: url(/i/implant_cost/h3_4.gif) no-repeat 10px 10px #D9ECE4;
}

div#contentColumn ul.case li.case5 h3 {
	background: url(/i/implant_cost/h3_5.gif) no-repeat 10px 10px #D9ECE4;
}

div#contentColumn ul.case li.case6 h3 {
	background: url(/i/implant_cost/h3_6.gif) no-repeat 10px 10px #D9ECE4;
}

div#contentColumn ul.case li.case7 h3 {
	background: url(/i/implant_cost/h3_7.gif) no-repeat 10px 10px #D9ECE4;
}

div#contentColumn ul.case li.case8 h3 {
	background: url(/i/implant_cost/h3_8.gif) no-repeat 10px 10px #D9ECE4;
}


div#contentColumn ul.case li.case4 p.option {
	position: absolute;
	top: 220px;
	right: 160px;
	text-align: right;
	font-size: 12px;
}

div#contentColumn ul.case li.case5 p.option {
	position: absolute;
	top: 205px;
	right: 160px;
	text-align: right;
	font-size: 12px;
}

div#contentColumn ul.case li.case6 p.detail2 {
	margin: 0;
	padding: 3px 10px;
	border-top: 0;
	border-bottom: 1px solid #66B294;
}

div#contentColumn ul.case li.case6 p.illust {
	height: 215px;
}

div#contentColumn ul.case li.case6 p.illust img {
	margin-top: 30px;
}

div#contentColumn ul.case li.case6 p.option {
	position: absolute;
	top: 290px;
	right: 160px;
	text-align: right;
	font-size: 12px;
}

div#contentColumn ul.case li.case7 p.illust {
	height: 215px;
}

div#contentColumn ul.case li.case7 p.illust img {
	margin-top: 30px;
}

div#contentColumn ul.case li.case7 p.option {
	position: absolute;
	top: 240px;
	right: 160px;
	text-align: right;
	font-size: 12px;
}

div#contentColumn ul.case li.case8 p.illust {
	height: 300px;
}

div#contentColumn ul.case li.case8 p.illust img {
	margin-top: 30px;
}

div#contentColumn ul.case li.case8 p.option {
	position: absolute;
	top: 320px;
	right: 160px;
	text-align: right;
	font-size: 12px;
}




div#contentColumn div.tax {
	background-color: #D9ECE4;
	margin: 0;
	padding: 10px 15px;
}

div#contentColumn div.tax h3 {
	background: url(/i/implant_cost/h3_tax.gif) no-repeat 50% 0;
	height: 17px;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #4CA481;
	text-indent: -9999px;
}