@charset "UTF-8";
@import "../treatment_menu.css";

/*========================*/
/* 矯正治療のページ　　　 */
/*========================*/

#col_right h2{
	height: 30px;
	margin-bottom: 40px;
	text-indent: -9999px;
	background-image: url(../../img/treatment/ortho/h2_ortho.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;
}

/* ------------ */

#purpose h3{ background-image: url(../../img/treatment/ortho/h3_purpose.png); }


/* ------------ */


#hoped{
	width: 490px;
	height: 500px;
	margin: 40px auto 0 auto;
	padding: 20px 20px 30px 20px;
	background-image: url(../../img/treatment/ortho/hoped_bg.png);
	background-repeat: repeat;
	background-position: center top;
}

#hoped h4{
	height: 18px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background-image: url(../../img/treatment/ortho/h4_hoped.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#hoped dl{
	width: 245px;
	float: left;
	font-size: 80%;
	line-height: 1.4em;
}

#hoped dl dt{
	width: 170px;
	margin: 0 auto 5px auto;
}

#hoped dl dd{
	width: 170px;
	margin: 0 auto 15px auto;
}

#hoped p{
	padding: 0 30px;
}


/* ------------ */

#start{ margin-top: 80px; }
#start h3{ background-image: url(../../img/treatment/ortho/h3_start.png); }


/* ------------ */

#flow{ margin-top: 80px; }
#flow h3{ background-image: url(../../img/treatment/ortho/h3_flow.png); }

#flow ol li{
	width: 510px;
	padding: 20px 0 0 20px;
	background-image: url(../../img/treatment/ortho/flow_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	list-style: none;
	font-size: 85%;
	line-height: 1.4em;
}

#flow ol li h4{
	height: 17px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-position: left top;
	background-repeat: no-repeat;
}

#flow_01,
#flow_02,
#flow_03,
#flow_04{ height: 74px; margin-bottom: 7px; }
#flow_05{ height: 59px; }

#flow_01 h4{ background-image: url(../../img/treatment/ortho/h4_flow_01.png); }
#flow_02 h4{ background-image: url(../../img/treatment/ortho/h4_flow_02.png); }
#flow_03 h4{ background-image: url(../../img/treatment/ortho/h4_flow_03.png); }
#flow_04 h4{ background-image: url(../../img/treatment/ortho/h4_flow_04.png); }
#flow_05 h4{ background-image: url(../../img/treatment/ortho/h4_flow_05.png); }


/* ------------ */

#device{ margin-top: 80px; }

#device h3{ background-image: url(../../img/treatment/ortho/h3_device.png); }

#device p{ margin-bottom: 30px; }

/* ----- */

#detach{
	float: left;
	width: 214px;
	margin: 0 0 30px 20px;
}

#detach dt{
	height: 29px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background-image: url(../../img/treatment/ortho/detach.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* ----- */

#fix{
	width: 214px;
	margin: 0 0 30px 280px;
}

#fix dt{
	height: 29px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background-image: url(../../img/treatment/ortho/fix.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* ----- */

#mouthpiece{
	float: left;
	width: 214px;
	margin: 0 0 30px 20px;
	text-align: center;
	clear: both;
}

#mouthpiece dt{
	height: 29px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background-image: url(../../img/treatment/ortho/mouthpiece.png);
	background-position: center;
	background-repeat: no-repeat;
}

#mouthpiece dd dt{
	height: auto;
	margin: 0;
	text-indent: 0;
	background: none;
}

/* ----- */

#oralfix{
	width: 214px;
	margin: 0 0 30px 280px;
	text-align: center;
}

#oralfix dt{
	height: 29px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background-image: url(../../img/treatment/ortho/oralfix.png);
	background-position: center;
	background-repeat: no-repeat;
}

#oralfix dd dt{
	height: auto;
	margin: 0;
	text-indent: 0;
	background: none;
}


/* ------------ */

#consul{
	width: 516px;
	height: 69px;
	margin: 0 auto;
	text-indent: -9999px;
	background-image: url(../../img/treatment/ortho/consul.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}