@charset "Shift_JIS";
/* CSS for B3 */

#b3_logo{
	width:645px;
	height:51px;
	background-image:url(../../img/b3/title_ap.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.b_t_deco{
	width:645px;
	height:inherit;
	background-image:url(../../img/com/title_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 52px;
	padding-bottom:15px;
}

p{
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	letter-spacing: 0.5px;
}

dl{
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:1px #999999 dotted;
}

dt{
	clear:left;
	float:left;
	font-size: 12px;
	color: #333333;
	width:8em;
	line-height: 150%;	
}

dd{
	font-size: 12px;
	margin-left:8em;
	color: #333333;
	line-height: 150%;	
}

/* ↓B3　キービジュアル↓ */
#key_b3visual{
	width:643px;
	height:298px;
	background-image:url(../../img/b3/key_ap.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:1px #dedede solid;
}


/* ↓B3共通クラス↓ */
.marc_p_renew{
	width:150px;
	height:20px;
	background-repeat:no-repeat;
	padding-bottom:5px;
	text-indent:-9999px;
}
.b3_mini_marc_p_renew{
	width:150px;
	height:20px;
	background-image:url(../../img/b3/marc_b3mini_p.jpg);
	background-repeat:no-repeat;
	padding-bottom:5px;
	text-indent:-9999px;
}

.marc_renew{
	width:84px;
	height:20px;
	background-repeat:no-repeat;
	padding-bottom:5px;
	text-indent:-9999px;
}

.r_info{
	float:right;
	width:340px;
	padding-left:10px;
	margin-bottom: 10px;
}

.b3_subtitle{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	color:#c90b38;
	line-height: 150%;
	font-size: 12px;
	border-bottom:1px #999999 dotted;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.img_text{
	clear:left;
	height:315px;
}

/* ↓ビーサン　ブラックオフ　エッセンス　フォーボディ↓ */
#b3_boe{
	clear:left;
	float:left;
	width:645px;
	height:inherit;
}

#t_b3_boe{
	width:448px;
	height:24px;
	background-image:url(../../img/b3/b3_boe.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
	text-indent:-9999px;
	float:left;
}

#b3_boe img{
	clear:left;
	float:left;
}

/* ↓ビーサン　ブラックオフエッセンスEXシート↓ */
#b3_boe_ex{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_b3_boe_ex{
	width:387px;
	height:24px;
	background-image:url(../../img/b3/b3_boe_ex.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
	text-indent:-9999px;
	float:left;
}

#b3_boe_ex img{
	clear:left;
	float:left;
}

/* ↓ビーサン　マッサージアップ　トリートメントジェル↓ */
#b3_mutg{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_b3_mutg{
	width:433px;
	height:24px;
	background-image:url(../../img/b3/b3_mutg.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
	text-indent:-9999px;
	float:left;
}

#b3_mutg img{
	clear:left;
	float:left;
}

/* ↓ビーサン　アームピット　エッセンス↓ */
#b3_ape{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_b3_ape{
	width:327px;
	height:24px;
	background-image:url(../../img/b3/b3_ape.gif);
	background-repeat:no-repeat;
	padding-bottom:20px;
	text-indent:-9999px;
	float:left;
}

#b3_ape img{
	clear:left;
	float:left;
}

/* ↓ビーサン　ボディソルトクレンザーＥＸ↓ */
#b3_bsc_ex{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_b3_bsc_ex{
	width:317px;
	height:24px;
	background-image:url(../../img/b3/b3_bsc_ex.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
	text-indent:-9999px;
	float:left;
}

#b3_bsc_ex img{
	clear:left;
	float:left;
}
/* ↓ビーサン　ボディソルトクレンザーＥＸミニ↓ */
#b3_bsc_ex_mini{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#b3_bsc_ex_mini img{
	clear:left;
	float:left;
}

#t_b3_bsc_ex_mini{
	width:360px;
	height:24px;
	background-image:url(../../img/b3/b3_bsc_ex_mini.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
	text-indent:-9999px;
	float:left;
}
#b3_bsc_exmini/* ↓ビーサン　ボディソルトクレンザーＥＸ↓ */
{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}
#b3_bsc_exmini  img{
	clear:left;
	float:left;
}
#t_b3_bsc_exmini{
	width:400px;
	height:24px;
	background-image:url(../../img/b3/b3_bsc_ex_mini.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
	text-indent:-9999px;
	float:left;
}

/* ↓ビーサン　ボディーパーツ　ライントリートメント↓ */
#b3_bplt{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_b3_bplt{
	width:436px;
	height:24px;
	background-image:url(../../img/b3/b3_bplt.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
	text-indent:-9999px;
	float:left;
}

#b3_bplt img{
	clear:left;
	float:left;
}

/* ↓ビーサン　スムーストーニングローション↓ */
#b3_stl{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_b3_stl{
	width:482px;
	height:24px;
	background-image:url(../../img/b3/b3_stl.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
	text-indent:-9999px;
	float:left;
}

#b3_stl img{
	clear:left;
	float:left;
}

#img_text_dx{
	clear:left;
	height: auto;
}

/* ↓ビーサン　薬用ヘアリムーバー　フォーボディ↓ */
#b3_yhrfb{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_b3_yhrfb{
	width:377px;
	height:24px;
	background-image:url(../../img/b3/b3_hrfb.gif);
	background-repeat:no-repeat;
	padding-bottom:20px;
	text-indent:-9999px;
	float:left;
}

#b3_yhrfb img{
	clear:left;
	float:left;
}

/* ↓ビーサン　コンディショニングミスト　フォーボディ↓ */
#b3_cmfb{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_b3_cmfb{
	width:407px;
	height:24px;
	background-image:url(../../img/b3/b3_cmfb.gif);
	background-repeat:no-repeat;
	padding-bottom:20px;
	text-indent:-9999px;
	float:left;
}

#b3_cmfb img{
	clear:left;
	float:left;
}


/* ↓ビーサン商品説明ピンクーゾーン↓ */
.b3_explana{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}

.b3_explana ul{
	clear:both;
	background-color:#ffe7f4;
}

.b3_point00{
	height:inherit;
	padding:5px 10px 10px 85px;
	background-image:url(../../img/b3/point.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.b3_point00 h4 img{
	padding:10px 0px 5px 0px;
}

.b3_point00 p{
	clear:left;
}

.b3_point01{
	height:inherit;
	padding:5px 10px 10px 85px;
	background-image:url(../../img/b3/point_01.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.b3_point01 h4 img{
	padding:10px 0px 5px 0px;
}

.b3_point01 p{
	clear:left;
}

.b3_point02{
	height:inherit;
	padding:5px 10px 10px 85px;
	background-image:url(../../img/b3/point_02.gif);
	background-repeat:no-repeat;
	background-position:10px 5px;
}

.b3_point02 h4 img{
	padding:5px 0px 5px 0px;
}

.b3_point02 p{
	clear:left;
}

.b3_effect{
	margin-top: 20px;
}

/* ↓アクネ＆ポア　薬用フェイスフォーム↓ */
#ap_form{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_ap_form{
	width:183px;
	height:26px;
	background-image:url(../../img/ap/ap_form.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
	text-indent:-9999px;
	float:left;
}

.ap_iyaku{
	width:72px;
	height:26px;
	float:left;
	padding-left:10px;
	background-image:url(../../img/ap/ap_iyaku.jpg);
	background-repeat:no-repeat;
	background-position:10px 4px;
	text-indent:-9999px;
}

.img_text{
	clear:left;
	height:315px;
}

#ap_form img{
	float:left;
}

.ap_subtitle{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	color:#ff3366;
	line-height: 150%;
	font-size: 12px;
	border-bottom:1px #999999 dotted;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

/* ↓アクネ＆ポア　薬用リフレッシュローション↓ */
#ap_lotion{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_ap_lotion{
	width:236px;
	height:26px;
	background-image:url(../../img/ap/ap_lotion.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
	text-indent:-9999px;
	float:left;
}

.ap_iyaku{
	width:72px;
	height:26px;
	float:left;
	padding-left:10px;
	background-image:url(../../img/ap/ap_iyaku.jpg);
	background-repeat:no-repeat;
	background-position:10px 4px;
	text-indent:-9999px;
}

.img_text{
	clear:left;
	height:315px;
}

#ap_lotion img{
	float:left;
}

.ap_subtitle{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	color:#ff3366;
	line-height: 150%;
	font-size: 12px;
	border-bottom:1px #999999 dotted;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

/* ↓アクネ＆ポア　薬用スポッツコンシーラー↓ */
#ap_spot{
	clear:left;
	padding-top:30px;
	float:left;
	width:645px;
	height:inherit;
	border-top:1px #999999 dotted;
}

#t_ap_spot{
	width:218px;
	height:26px;
	background-image:url(../../img/ap/ap_spot.jpg);
	background-repeat:no-repeat;
	padding-bottom:20px;
	text-indent:-9999px;
	float:left;
}

.ap_iyaku{
	width:72px;
	height:26px;
	float:left;
	padding-left:10px;
	background-image:url(../../img/ap/ap_iyaku.jpg);
	background-repeat:no-repeat;
	background-position:10px 4px;
	text-indent:-9999px;
}

.img_text{
	clear:left;
}

#ap_spot img{
	float:left;
}

.ap_subtitle{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	color:#ff3366;
	line-height: 150%;
	font-size: 12px;
	border-bottom:1px #999999 dotted;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

/* ↓使用方法↓ */
.use{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}

.use h3{
	width:625px;
	border-bottom:1px #999999 dotted;
	font-weight:700;
	padding:0px 10px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;	
}
.use p{
	padding:10px 2px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;	
}

/* ↓成分表示↓ */
.seibun{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}

.seibun h3{
	font-weight:700;
	padding:10px 10px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;
	background-color:#f3f3f3;	
}

.seibun p{
	padding:2px 10px 5px 10px;
	background-color:#f3f3f3;
}

/* ↓購入ボタン↓ */
.btn_tobuy{
	clear:both;
	float:right;
	margin:20px 0px 20px;
	width:237px;
	height:40px;
}

.btn_tobuy a{
	width:237px;
	height:40px;
	text-indent:-9999px;
	background-image:url(../../img/wl/btn_shopping.jpg);
	background-repeat:no-repeat;
	display:block;
}

.btn_tobuy a:hover{
	background-image:url(../../img/wl/btn_shopping.jpg);
	background-repeat:no-repeat;
}

#b3_bsc_ex .b3_mini_marc_p_renew {
}
.shop_list  img    {
	float: right;
	clear: both;
}
#container_02 #main_contents #b3_boe .shop_list {
	float: right;
	clear: both;
}
#container_02 #main_contents #b3_mutg .shop_list img {
	clear: both;
	float: right;
}
#container_02 #main_contents #b3_bsc_ex .shop_list {
	clear: both;
	float: right;
}
#container_02 #main_contents #b3_bsc_ex_mini .shop_list {
	clear: both;
	float: right;
}
#container_02 #main_contents #b3_bplt .shop_list {
	clear: both;
	float: right;
}
#container_02 #main_contents #b3_stl .shop_list img {
	clear: both;
	float: right;
}
#container_02 #main_contents #b3_ape .shop_list {
	clear: both;
	float: right;
}
#container_02 #main_contents #b3_yhrfb .shop_list {
	clear: both;
	float: right;
}
#container_02 #main_contents #b3_cmfb .shop_list {
	clear: both;
	float: right;
}

.shop_list  img    {
	clear: both;
	float: right;
}
#container_02 #main_contents #b3_bsc_ex #b3_bsc_exmini_bn {
	width: 645px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#container_02 #main_contents #b3_bsc_exmini .item_icon {
	height: 20px;
	width: 300px;
	float: left;
	margin-bottom: 5px;
}
#container_02 #main_contents #b3_lobg {
	width: 645px;
	margin-top: 30px;
}
#container_02 #main_contents #b3_boe .i_info2/* ↓ビーサン商品説明ピンクーゾーン↓ */
{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}
#container_02 #main_contents #b3_boe .i_info2 #lobg_ex1 {
	background-image: url(../../img/b3/exbk_b3lobg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 114px;
	width: 645px;
	float: left;
}
#container_02 #main_contents #b3_boe .i_info2 #lobg_ex1 #lobg_text1 {
	width: 340px;
	margin-top: 50px;
	margin-left: 80px;
	font-size: 13px;
	color: #333333;
	line-height: 18px;
}
#container_02 #main_contents #b3_boe .i_info2 #lobg_ex2 {
	background-image: url(../../img/b3/exbk_b3lobg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 108px;
	width: 645px;
	float: left;
}
#container_02 #main_contents #b3_boe .i_info2 #lobg_ex2 #lobg_text2 {
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	width: 340px;
	margin-top: 40px;
	margin-left: 80px;
}
#container_02 #main_contents #b3_boe .i_info2 #lobg_ex3 {
	background-image: url(../../img/b3/exbk_b3lobg3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 106px;
	width: 645px;
	float: left;
}
#container_02 #main_contents #b3_boe .i_info2 #lobg_ex3 #lobg_text3 {
	margin-top: 40px;
	margin-left: 80px;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	width: 500px;
}
#container_02 #main_contents #b3_boe #use_b3lobg {
	height: 125px;
	width: 645px;
	margin-top: 15px;
	background-image: url(../../img/b3/use_b3_lobg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}
#container_02 #main_contents #b3_boe #use_b3lobg #usetext_b3lobg {
	width: 300px;
	margin-top: 30px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}
#container_02 #main_contents #b3_boe #koe_b3lobg {
	height: 222px;
	width: 645px;
	margin-top: 15px;
}
#container_02 #main_contents #b3_boe #t_b3_lobg{
	width:448px;
	height:24px;
	background-image:url(../../img/b3/title_b3_lobg.gif);
	background-repeat:no-repeat;
	padding-bottom:10px;
	text-indent:-9999px;
	float:left;
	background-position: left top;
}
#container_02 #main_contents #b3_boe .i_icon {
	margin-bottom: 5px;
}
#container_02 #main_contents #colli_top {
	margin-bottom: 20px;
}