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

/*========================*/
/* ホワイトニングのページ */
/*========================*/

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

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

#detail{
	width: 490px;
	height: 800px;
	margin: 40px auto 0 auto;
	padding: 30px 20px;
	background-image: url(../../img/treatment/whitening/detail_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 90%;
	line-height: 1.4em;
}

#detail div h4{
	height: 16px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}

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

#flow h4{ background-image: url(../../img/treatment/whitening/h4_flow.png); }

#flow li{ list-style: none; }

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

#flow p{ padding: 0 0 0 15px; }

#flow_01,
#flow_02{ margin-top: 20px; }

#flow_01 h5{ background-image: url(../../img/treatment/whitening/h5_step1.png); }
#flow_02 h5{ background-image: url(../../img/treatment/whitening/h5_step2.png); }

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

#does{ margin-top: 40px; }

#does h4{ background-image: url(../../img/treatment/whitening/h4_does.png); }

#does li{
	margin-bottom: 7px;
	list-style: none;
	font-size: 90%;
	line-height: 1.5em;
}

#does li.flow01,
#does li.flow02{
	height: 57px;
	padding: 10px 15px 0 15px;
	background-image: url(../../img/treatment/whitening/does_bg_01.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#does li.flow01{
	height: 49px;
	padding-top: 18px;
}


#does li.flow03{
	height: 68px;
	padding: 10px 15px;
	background-image: url(../../img/treatment/whitening/does_bg_02.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#does li.flow04{
	height: 36px;
	padding: 18px 15px 0 15px;
	background-image: url(../../img/treatment/whitening/does_bg_01.png);
	background-repeat: no-repeat;
	background-position: center top;
}


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

#doesnt{ margin-top: 40px; }
#doesnt h4{ background-image: url(../../img/treatment/whitening/h4_doesnt.png); }

#doesnt p.link{
	position: relative;
	margin-top: 10px;
}

#doesnt p.link a{
	position: absolute;
	display: block;
	right: 0;
	width: 164px;
	height: 27px;
	text-indent: -9999px;
	background-image: url(../../img/treatment/whitening/goto_aesthetic.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#doesnt p.link a:hover{ background-position: 1px 1px; }

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

#office{ margin-top: 80px; }

#office h3{ background-image: url(../../img/treatment/whitening/h3_office_whitening.png); }

#office p.image{
	float: right;
	margin: 0 0 10px 30px; 
}


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

#home{ margin-top: 80px; }

#home h3{ background-image: url(../../img/treatment/whitening/h3_home_whitening.png); }

#home ol{
	margin: 30px 0 10px 0;
}

#home ol li{
	height: 71px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style: none;
	font-size: 90%;
	line-height: 1.5em;
	border-bottom: dotted 1px #999999;
	clear: both;
}

#home ol li p.image{
	float: left;
	margin: 0 25px 0 10px;
}

#home p.sup{
	text-align: right;
}