@charset "UTF-8";

/********************************************************************************/
/*	ページタイトル用							*/
/********************************************************************************/
h1{
	width:				560px;
	height:				100px;
	margin:				0 0 10px 0;
}

h1.title_index{
	background:			url(../images/h1_orth.jpg) no-repeat;
}

h1.title_process{
	background:			url(../images/h1_process.jpg) no-repeat;
}

h1.title_cost{
	background:			url(../images/h1_cost.jpg) no-repeat;
}

h1.title_faq{
	background:			url(../images/h1_faq.jpg) no-repeat;
}


h2{
	width:				560px;
	height:				32px;
}

h2.title1{
	background:			url(../images/h2_orth1.gif) no-repeat;
	margin:				0 0 10px 0;
}

h2.title2{
	background:			url(../images/h2_orth2.gif) no-repeat;
	margin:				0 0 10px 0;
}

h2.title3{
	background:			url(../images/h2_orth3.gif) no-repeat;
	margin:				10px 0;
}

h2.title4{
	background:			url(../images/h2_process1.gif) no-repeat;
	margin:				10px 0;
}

h2.title5{
	background:			url(../images/h2_process2.gif) no-repeat;
	margin:				10px 0;
}

h1 span,
h2 span{
	display:			none;
}

/********************************************************************************/
/*	矯正治療について用							*/
/********************************************************************************/
p.subindex{
	font-size:			medium;
	font-weight:			bold;
	color:				#063;
}

ul.process_list{
	margin-left:			2em;
	font-size:			small;
}

ul.process_list li{
	line-height:			1.4em;
	color:				#700;
}

.cutImage{
	background:			green;
	float:				right;
	margin:				0px 0px 5px 5px;
}

/********************************************************************************/
/*	治療の流れ用								*/
/********************************************************************************/
.process{
	margin:				0 30px 0 50px;
}

dl{
	font-size:			small;
	margin:				15px 0 25px 0;
	color:				#666666;
}

dt{
	color:				#005500;
	color:				#333333;
	font-weight:			bold;
	padding:			4px;
	background:			#cec;	
	margin:				3px 0px;
	border-left:			25px solid #67BD7E;
}
dt.only{
	border-bottom:			1px solid #67BD7E;
}

dt.dt_end{
	height:				24px;
	padding-bottom:			0;
}

dd.index{
	color:				#333;
	background:			#cec;	
	margin-top:			-1em;
	padding-left:			3em;
	border-left:			25px solid #67BD7E;
	border-bottom:			1px solid #67BD7E;
}

dd.term{
	padding:			5px 0px 0px 29px;
	background:			url(../images/dt_bg.gif) left -3px no-repeat;
	color:				#333333;
	font-size:			small;
	height:				80px;
	line-height:			1.2em;
}

dd.term2{
	padding:			5px 0px 0px 29px;
	background:			url(../images/dt_bg.gif) left -3px repeat-y;
	color:				#333333;
	font-size:			small;
	height:				190px;
	line-height:			1.2em;
}

dd.term3{
	padding:			5px 0px 0px 29px;
	background:			url(../images/dt_bg.gif) left -3px repeat-y;
	color:				#333333;
	font-size:			small;
	height:				135px;
	line-height:			1.2em;
}

dd img{
	background:			#efe;
	float:				right;
	border:				1px solid #ded;
}

dd img.spacer{
	border:				0;
}

dd.term_end{
	padding:			5px 0px 0px 29px;
	color:				#333333;
	font-size:			small;
	height:				80px;
}

dd.dd9{
	margin-left:			200px;
}

p#p_process{
	font-size:			small;
	line-height:			1.4em;
	color:				#333333;
}

/********************************************************************************/
/*	価格表用								*/
/********************************************************************************/
#cost dt{
	font-weight:			bold;
	padding:			4px;
	height:				24px;			
	background:			#67BD7E;	
}

#cost dd{
	float:				left;
	margin-left:			240px;
	margin-top:			-25px;
	line-height:			1.5em;
	text-align:			right;
	color:				white;
}


#cost dd.note{
	z-index:			3;
	position:			relative;
	float:				none;
	font-size:			small;
	margin-top:			-0px;
	margin-left:			29px;
	padding:			0;
	color:				#333333;
	text-align:			left;
}

/********************************************************************************/
/*	FAQ用								*/
/********************************************************************************/
p.answer{
	margin-left:			30px;
	font-size:			small;
	line-height:			1.4em;
}

ul.faq{
	margin-left:			1em;
	list-style:			none;
	font-size:			small;
}

ul.faq p.note{
	width:350px;
}

ul.faq img{
	float:right;
}

