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

/*========================*/
/* 歯周治療のページ　　　 */
/*========================*/

#col_right h2{
	height: 30px;
	margin-bottom: 40px;
	text-indent: -9999px;
	background-image: url(../../img/treatment/perio/h2_perio.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/perio/h3_about_perio.png); } 


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

#attention{
	width: 480px;
	height: 210px;
	margin: 40px auto 0 auto;
	padding: 20px 30px;
	background-image: url(../../img/treatment/perio/attention_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#attention h4{
	height: 16px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background-image: url(../../img/treatment/perio/h4_takes_care.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#attention ul{
	width: 400px;
	margin-left: 70px;
}

#attention ul li{
	width: 200px;
	float: left;
	list-style-image: url(../../img/common/dot.png);
}

#attention p{
	margin-top: 20px;
	font-size: 90%;
	line-height: 1.5em;
}


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

#flow{ margin-top: 80px; }

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

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

#step_01,
#step_02,
#step_03,
#step_04,
#step_05{
	width: 490px;
	height: 75px;
	margin: 0 auto 10px auto;
	padding: 15px 20px;
	background-image: url(../../img/treatment/perio/flow_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	list-style: none;
	font-size: 90%;
	line-height: 1.4em;
}

#step_05{
	height: 19px;
	background-image: url(../../img/treatment/perio/flow_bg2.png);
}

#step_01 h4{ background-image: url(../../img/treatment/perio/h4_step01.png); }
#step_02 h4{ background-image: url(../../img/treatment/perio/h4_step02.png); }
#step_03 h4{ background-image: url(../../img/treatment/perio/h4_step03.png); }
#step_04 h4{ background-image: url(../../img/treatment/perio/h4_step04.png); }
#step_05 h4{ background-image: url(../../img/treatment/perio/h4_step05.png); }