@charset "UTF-8";
@import "../treatment_menu.css";

/*========================*/
/* インプラントのページ　 */
/*========================*/

#col_right h2{
	height: 30px;
	margin-bottom: 40px;
	text-indent: -9999px;
	background-image: url(../../img/treatment/implant/h2_implant.png);
	background-repeat: no-repeat;
	background-position: left;
}

#col_right div h3{
	height: 20px;
	margin-bottom: 15px;
	padding-bottom: 2px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: solid 1px #FF9900;
}

/* ------------ */

#about h3{ background-image: url(../../img/treatment/implant/h3_about_implant.png); }


/* ------------ */

#treatment{
	margin-top: 80px;
}

#treatment h3{
	background-image: url(../../img/treatment/implant/h3_treatment.png);
}
/* ------------ */

#safety{
	margin-top: 80px;
	font-size: 85%;
	line-height: 1.4em;
}

#safety h3{	background-image: url(../../img/treatment/implant/h3_safety.png); }

#safety div h4{
	height: 17px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}


/* ------------ */

#ope,
#recovery{
	float: left;
	width: 275px;
	margin: 15px 0 25px 0;
}

#ope p,
#recovery p{
	width: 250px;
}

#ope p.image,
#recovery p.image{
	margin: 10px 0 5px 0;
}


#ope h4{ background-image: url(../../img/treatment/implant/h4_operoom.png); }
#recovery h4{ background-image: url(../../img/treatment/implant/h4_recovery.png); }


/* ------------ */

#simplant{
	clear: both;
	margin-bottom: 35px;
}

#simplant h4{
	margin-bottom: 10px;
	background-image: url(../../img/treatment/implant/h4_simplant.png);
}

#simplant p.image{
	float: left;
	margin: 0 20px 10px 0;
}


/* ------------ */

#nobel h4{
	margin-bottom: 10px;
	background-image: url(../../img/treatment/implant/h4_maker.png);
}

#nobel p.image{
	float: left;
	margin: 0 20px 10px 0;
}


/* ------------ */

#case{ margin-top: 80px; }

#case h3{ background-image: url(../../img/treatment/implant/h3_case.png); }

#case li{
	margin-left: 10px;
	float: left;
	list-style: none;
}

#case li.farst,
#case li.second,
#case li.third{
	min-height: 10em;
	margin-bottom: 10px;
}


#case li.second,
#case li.third,
#case li.fourth,
#case li.fifth{
	padding-left: 30px;
	background-image: url(../../img/treatment/implant/arrow.png);
	background-repeat: no-repeat;
	background-position: left 40px;
}

#case li.fourth{
	clear: both;
}

#case li dl{
	width: 150px;
	font-size: 85%;
	line-height: 1.5em;
}
#case li dd{ text-align: center; }


/* ------------ */

#flow{ margin-top: 80px; }

#flow h3{ background-image: url(../../img/treatment/implant/h3_flow.png); }

#flow li{
	list-style: none;
	border-bottom: dotted 1px #999999;
	clear: both;
}

#flow li h4{
	height: 16px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}


/* ------------ */

#flow_01{
	margin-top: 30px;
	height: 205px;
}

#flow_01 h4{ background-image: url(../../img/treatment/implant/h4_flow01.png); }

#flow_01 ol{
	margin-left: 20px;
}

#flow_01 li{
	width: 125px;
	margin-right: 10px;
	font-size: 75%;
	line-height: 1.4em;
	text-align: center;
	float: left;
	border: none;
	clear: none;
	background-image: url(../../img/treatment/implant/arrow.png);
	background-repeat: no-repeat;
	background-position: right 65px;
}

#flow_01 li.last{
	background: none;
	margin: 0;
}

#flow_01 li p{
	width: 100px;
}


/* ------------ */

#flow_02{
	margin-top: 25px;
	padding-bottom: 20px;
}

#flow_02 h4{
	margin-bottom: 10px;
	background-image: url(../../img/treatment/implant/h4_flow02.png);
}

#flow_02 p{
	padding-left: 23px;
}


/* ------------ */

#flow_03{
	margin-top: 25px;
	padding-bottom: 20px;
}

#flow_03 h4{ background-image: url(../../img/treatment/implant/h4_flow03.png); }

#flow_03 ol{
	margin-left: 20px;
}

#flow_03 li{
	width: 125px;
	margin-right: 10px;
	float: left;
	border: none;
	clear: none;
	background-image: url(../../img/treatment/implant/arrow.png);
	background-repeat: no-repeat;
	background-position: right 45px;
}

#flow_03 li.last{
	background: none;
	margin: 0;
}

#flow_03 li img{
	margin-left: 10px;
}

#flow_03 p{
	clear: both;
	padding: 10px 0 0 30px;
}


/* ------------ */

#flow_04{
	height: 130px;
	margin-top: 25px;
	padding-bottom: 20px;
}

#flow_04 h4{
	margin-bottom: 15px;
	background-image: url(../../img/treatment/implant/h4_flow04.png);
}

#flow_04 p.image{
	float: left;
	margin: 0 30px;
}


/* ------------ */

#flow_05{
	margin-top: 25px;
	padding-bottom: 20px;
	clear: both;
}

#flow_05 h4{
	margin-bottom: 10px;
	background-image: url(../../img/treatment/implant/h4_flow05.png);
}

#flow_05 p{
	padding-left: 23px;
}


/* ------------ */

#qanda{
	width: 480px;
	height: 270px;
	margin: 0 auto;
	padding: 25px;
	margin-top: 80px;
	background-image: url(../../img/treatment/implant/qanda_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#qanda h3{
	position: absolute;
	text-align: -9999px;
}

#qanda dl dt{
	margin-bottom: 15px;
	padding: 5px 0 5px 38px;
	color: #FF6600;
	background-image: url(../../img/common/q.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#qanda dl dd{
	padding: 0 0 0 38px;
	background-image: url(../../img/common/a.png);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 85%;
	line-height: 1.5em;
}