@charset "utf-8";

/*=========================================
   COMMON
=========================================*/


/*--img--*/

.img{
	width:100%;
}


/*--text--*/
	
#hasei_title_contents_text p{
	margin-bottom:7px;
}

.whitening_large{
	font-size:120%;
	margin:5px 0 10px 0;
}

.text_orenge{
	font-weight:bold;
	color:#F7B02A;
}

@media screen and (min-width:641px){
#whitening_contents_area_interruption{
	width:540px;
	margin:25px auto 50px auto;
	padding:20px 20px 20px 20px;
	border:solid 3px #eb9111;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

#whitening_contents_area_interruption h3{
	color:#000000;
	font-size:24px;
	letter-spacing:2px;
	line-height:34px;
	font-weight:normal;
}

#whitening_contents_area_interruption p{
	margin:10px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:18px;
	line-height:30px;
	clear:both;
}
}

@media screen and (max-width:640px){
#whitening_contents_area_interruption{
	width:540px;
	margin:25px auto 50px auto;
	padding:20px 20px 20px 20px;
	border:solid 3px #eb9111;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

#whitening_contents_area_interruption h3{
	color:#000000;
	font-size:24px;
	letter-spacing:2px;
	font-weight:normal;
}

#whitening_contents_area_interruption p{
	margin:10px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:18px;
	line-height:30px;
	clear:both;
}
}

@media screen and (max-width:430px){
#whitening_contents_area_interruption{
	width:270px;
	margin:25px auto 25px auto;
	padding:10px 10px 10px 10px;
	border:solid 3px #eb9111;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

#whitening_contents_area_interruption h3{
	color:#000000;
	font-size:12px;
	letter-spacing:1px;
	font-weight:normal;
}

#whitening_contents_area_interruption p{
	margin:5px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:15px;
	clear:both;
}
}


/*=========================================
   心地良いオフィスホワイトニング
=========================================*/

.whitening_list{
	margin-bottom:10px;
	color:#000000;
}

.whitening_list span{
	color:#F7B02A;
	padding-right:5px;
}

@media screen and (min-width:641px){
.whitening_text01{
	clear:both;
	float:left;
	margin-top:20px;
	margin-bottom:30px;
	font-size:18px;
	line-height:30px;	background:url(../whitening/images/back_img01.jpg) right bottom no-repeat;
	background-size:40% 100%;
	width:100%;
}
}

@media screen and (max-width:640px){
.whitening_text01{
	clear:both;
	float:left;
	margin-top:20px;
	margin-bottom:30px;
	font-size:18px;
	line-height:30px;
	background:url(../whitening/images/back_img01.jpg) right bottom no-repeat;
	background-size:40% 100%;
	width:100%;
}
}

@media screen and (max-width:430px){
.whitening_text01{
	clear:both;
	float:left;
	margin-top:10px;
	font-size:10px;
	line-height:15px;
	margin-bottom:15px;
	background:url(../whitening/images/back_img01.jpg) right bottom no-repeat;
	background-size:40% 100%;
	width:100%;
}
}


/*=========================================
   ホワイトクールの特徴
=========================================*/

.whitening_feature tr{
	border-top:#E9E7E4 solid 1px;
	padding:5px 0;
}

.whitening_feature img{
	padding-top:5px;
}


/*=========================================
   ホワイトニングの手順
=========================================*/

.whitening_procedure span{
	color:#000000;
	display:block;
}

.whitening_procedure tr{
	display:block;
	background:url(../whitening/images/icon_under.gif) bottom center no-repeat;
	background-size:7%;
	padding-bottom:15px;
	margin-bottom:10px;
}

.whitening_procedure .arrow_none{
	background:none;
	background-size:7%;
	padding-bottom:15px;
	margin-bottom:10px;
	width:100%;
}


/*=========================================
   ホワイトニングのよくあるご質問
=========================================*/

.whitening_qanda{
	border:#e9e7e4 solid 1px;
	border-radius:10px;        /* CSS3草案 */
	-webkit-border-radius:10px;    /* Safari,Google Chrome用 */
	-moz-border-radius:10px;   /* Firefox用 */
	margin-bottom:15px;
}

.whitening_q{
	border-bottom:#e9e7e4 solid 1px;
	padding:10px;
	display:block;
	color:#EB9111;
	font-weight:bold;
}

.whitening_a{
	padding:10px;
	display:block;
	color:#000000;
	font-weight:bold;
}

.whitening_td_text{
	vertical-align:middle;
	padding-left:10px;
}


/*=========================================
   ホワイトクールホワイトニングの料金
=========================================*/

.whitening_cost{
	margin-bottom:5px;
}

@media screen and (min-width:641px){
.whitening_reservation_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.whitening_reservation_btn img{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:640px){
.whitening_reservation_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.whitening_reservation_btn img{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:430px){
.whitening_reservation_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.whitening_reservation_btn img{
  clear: both;
	display:block;
	width:150px;
	height:25px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}
}

@media screen and (max-width:400px){
.whitening_reservation_btn{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.whitening_reservation_btn img{
	display:block;
	width:150px;
	height:25px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}
}