@charset "utf-8";

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

	ホワイトニング CSS

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


.whitening #low_01 h2 img {
	max-width: 237px;
}

.whitening #low_01 .leftArea {
	width: 23%;
	max-width: 150px;
}

.whitening #low_01 .rightArea {
	width: 68%;
	max-width: 450px;
}

.whitening #low_01 #merit {
	margin-bottom: 10px;
	padding: 2.4%;
	background: #e8f7ff;
	color: #28a9ff;
	font-size: 1.2em;
	font-weight: bold;
}

.whitening #low_01 #merit span {
	display: block;
	color: #ff9900;
}





.whitening #low_02 .leftArea {
	width: 63%;
	max-width: 400px;
}

.whitening #low_02 .leftArea h3 {
	margin-bottom: 10px;
	max-width: 250px;
}

.whitening #low_02 .leftArea p {
	margin-bottom: 50px;
	font-size: 117%;
}

.whitening #low_02 .rightArea {
	width: 30.3%;
	max-width: 200px;
}



.whitening #low_03 .leftArea {
	width: 22%;
	max-width: 150px;
}

.whitening #low_03 .rightArea {
	width: 73%;
}


.whitening #low_04 {
	margin-bottom: 10px;
	padding-bottom: 60px;
}

.whitening #low_04 .leftArea,
.whitening #low_04 .rightArea {
	width: 43%;
	padding: 10px;
}

.whitening #low_04 .leftArea {
	background: url(../img/whitening/bg_01.gif) repeat;
}

.whitening #low_04 .rightArea,
.whitening #low_04 .bottom {
	background: url(../img/whitening/bg_02.gif) repeat;
}

.whitening #low_04 .cf p {
	padding: 20px 20px 20px 70px;
	border: 1px solid #cccccc;
}

.whitening #low_04 .leftArea p {
	background: #fff url(../img/whitening/an_a.gif) left center no-repeat;
}

.whitening #low_04 .rightArea p {
	background: #fff url(../img/whitening/an_b.gif) left center no-repeat;
}


.whitening #low_04 .center {
	max-width: 147px;
	margin: 0 auto;
	padding: 57px 0 10px 0;
	background: url(../img/whitening/arrow_02.jpg) center top no-repeat;
}

.whitening #low_04 .bottom {
	margin: 10px 0 20px 0;
	padding: 10px;
}

.whitening #low_04 .bottom p {
	padding: 10px 20px;
	border: 1px solid #CCCCCC;
	background: #ffffff;
}



/*############################################################################################*/
/* スマホ向け指定：～480px */
/*############################################################################################*/

@media only screen and (max-width: 480px) {


	.whitening #low_01 .leftArea {
		width: 19%;
		max-width: 400px;
	}
	
	.whitening #low_01 .rightArea {
		width: 78%;
		max-width: 450px;
	}

	.whitening #low_02 .leftArea {
		float: none;
		width: 100%;
		max-width: 100%;
	}

	.whitening #low_02 .rightArea {
		float: none;
		width: 80%;
		max-width: 480px;
		margin: 0 auto 25px auto;
	}

	.whitening #low_04 .cf p {
		padding: 10px 10px 10px 50px;
	}

}

/*############################################################################################*/
/* タブレット向け指定：481px～768px */
/*############################################################################################*/
@media only screen and (min-width: 481px) and (max-width: 906px) {


}