@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------グローバルトップ*/
/*-----------------------------------------------------------------------0001*/

/*--------------------------------------------------------トップmain画像エリア*/

#mainfeatArea {width:960px; margin:0 auto 11px; /*background:#ffffff;*/ zoom:1;}
#mainfeatArea:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

.mainfeat { float:left; width:720px; position:relative;}
.mainfeat a.more {position:absolute;top:289px; right:20px;}

.mainfeatSub { float:right; width:230px; padding:0;}
.mainfeatSub ul li { margin-bottom:15px}
.mainfeatSub ul li.last { margin:0;}

#subfeats { clear:both; width:960px; margin:0 auto 35px; padding:0 1px; zoom:1;}
#subfeats:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

#subfeats ul li { float:left; display:inline;  margin:0 2px 0 0;}
#subfeats ul li.last { margin:0;}

/*--------------------------------------------------------ランキングエリア*/
#rankingArea { width:760px; margin:0 0 30px 0;}

/*--------------------------------------------------------ランキング*/
#ranking { width:605px; float:left; margin:-10px 0 0 -5px; position:relative; zoom:1;}
#ranking:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
#ranking h2 { margin-left:5px;}

#tabArea { width:605px; position:absolute; top:5px; left:0;}

.tabNav { width:605px;  background:url(../images/bg_tab.gif) no-repeat left bottom; height:37px;}
.tabNav li { float:right;}

.tabContents { clear: both; padding: 15px 25px 18px 30px; width:550px;background:url(../images/bg_tabcontents.gif) no-repeat left bottom;margin-bottom: 30px; zoom:1;}
.tabContents:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

/*-------------------tab ナビボタン*/
.tabNav li#tab01 { width:145px;}
.tabNav li#tab02 { width:135px;}

.tabNav a { text-indent: -9999px; overflow:hidden; display: block;}

.tabNav li#tab01 a {
	background:url(../images/btn_tab_weekly.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 37px;
	width: 145px;
}
.tabNav li#tab02 a {
	background:url(../images/btn_tab_review.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 37px;
	width: 135px;
}

.tabNav li#tab01 a.active {
	background:url(../images/btn_tab_weekly_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 37px;
	width: 145px;
}
.tabNav li#tab02 a.active {
	background:url(../images/btn_tab_review_on.gif);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 135px;
}
/*-------------------//tab ナビボタン*/

.rankinglist {}
.rankinglist ul { margin:0 0 7px 0; zoom:1; min-height:156px; height:auto !important; height:156px;}
.rankinglist ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

.rankinglist ul li { width:105px; float:left; margin:0 6px 0 0;}
.rankinglist ul li.last { margin:0;}
.rankinglist .productimgBox { width:85px; padding:8px 0 0 20px; position:relative;}
.rankinglist .productimgBox .rank { position:absolute; top:2px; left:0px; z-index:5;}
/*製品画像*/
.rankinglist .productimgBox a { display:block; width:80px; height:80px; z-index:1;}
.rankinglist .productimgBox a:hover {
	opacity:0.70;
	-ms-filter:"alpha( opacity=70)";
	filter:alpha(opacity=70);
}
/*製品テキスト*/
.rankinglist .productname { width:95px; padding:5px 0 0 0;}
.rankinglist .productname a { font-size:84%; font-weight:normal; display:inline-block;}

.moreranking { text-align:right;}

/*--------------------------------------------------------ベストセラー*/
#bestseller { width:150px; float:right;}
#bestseller a { display:block; width:150px; height:235px;}
#bestseller a:hover {
	opacity:0.70;
	-ms-filter:"alpha( opacity=70)";
	filter:alpha(opacity=70);
}

/*--------------------------------------------------------キャンペーン*/
#campaign {width:760px; margin:0 0 30px 0; }
#campaign ul li { float:left; display:inline; margin:0 9px 0 0;}
#campaign ul li.w_375 { width:375px;}
#campaign ul li.w_183 { width:183px;}
#campaign ul li.last { margin:0;}
#campaign .productimg {}

#campaign li.w_375 .productimg a { display:block; width:375px; height:183px;}
#campaign li.w_183 .productimg a { display:block; width:183px; height:183px;}
#campaign .productimg a:hover {
	opacity:0.70;
	-ms-filter:"alpha( opacity=70)";
	filter:alpha(opacity=70);
}


#campaign dl dt { padding:7px 4px 5px; font-weight:bold;}
#campaign dl dt span { color: #e81766 !important; }
#campaign dl dd { padding:0 5px 5px; font-size:84%; color:#666666;}

/*TOPページ用*/
#campaign dl dt {
min-height:70px;
height:auto !important;
height:70px;}




/*--------------------------------------------------------キャンペーン*/
#privilegeArea { width:760px; margin:0 0 60px 0; zoom:1;}
#privilegeArea:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

#privilege { width:550px; float:left; padding:5px; background:#e5e5e5;}
#privilege ul li { width:179px; float:left; margin:0 6px 0 0;}
#privilege ul li.last { margin:0;}
#privilege ul li dl dt {}
#privilege ul li dl dd { padding:5px; font-size:84%;}

/*--------------------------------------------------------モバイル*/
#mobile { width:190px; float:right;}



/*-----------------------------------------------------------カテゴリートップ*/
/*-----------------------------------------------------------------------0201*/
.mainfeat_category { width:960px; position:relative;}

.mainfeat_category a.more_accessory { position:absolute; top:340px; right:51px;}
.mainfeat_category a.more_facemake { position:absolute; top:315px; right:582px;}
.mainfeat_category a.more_color { position:absolute; top:338px; right:51px;}
.mainfeat_category a.more_skincare { position:absolute; top:339px; right:51px;}

/*-------- 110222_white_e ----------*/

.mainfeat_category a.more_white { position:absolute; top:273px; right:25px;}


/*----------------------------------------------------------------製品詳細TOP*/
/*-----------------------------------------------------------------------0201*/
#detailwrap { width:710px; padding:0 30px 0 20px; margin:0 0 50px 0; zoom:1;}
#detailwrap:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

.detailimgarea { width:368px; float:left;}
.detailspecarea { width:322px; float:right;}

/*---アイコン一覧一覧 .detailicon---*/
.detailicon {clear:both; margin:0 0 35px 0; zoom: 1;}
.detailicon:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
.detailicon li { display:inline; margin:0 5px 5px 0;}

/*---詳細左 画像---*/
.detailimage { width:300px; padding:0 34px 20px 34px; margin:0 0 20px 0; background:url(../images/dot_w.gif) repeat-x left bottom;}

/*---.detailbtnarea---*/
.detailbtnarea { margin:0 0 15px 40px;}
.detailbtnarea td { padding:2px; text-align:center;}

/*---レビュー detailreview---*/
.detailreview { margin:0 0 10px 0; text-align:center; zoom: 1;}
.detailreview:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
.detailreview li { display:inline; margin:0 20px 0 0;}

/*---製品名---*/
h1.detailname { font-size:167%; font-weight:bold; margin:0 0 10px;}
.detailname { font-size:167%; font-weight:bold; margin:0 0 10px;}
.releasedate { margin:0 0 10px 0; font-weight:bold; font-size:117%;}

/*---価格---*/
.pricebox { margin:0 0 25px 0; background:url(../images/dot_w.gif) repeat-x left top; zoom:1;}
.pricebox:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden; zoom:1;}

.pricebox dl { padding:5px; background:url(../images/dot_w.gif) repeat-x left bottom; zoom:1;}
.pricebox dl:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
.pricebox dl dt { float:left; font-weight:bold;}
.pricebox dl dd { float: right;}
.pricebox dl dd span { font-size:130%; font-weight:bold;}

/*------詳しい製品説明はこちら　ditailcomment------*/
.ditailcomment { margin:0 0 25px 0;}
.ditailcomment dl dt { margin:0 0 10px 0; font-weight:bold;}
.ditailcomment dl dd {}
.ditailcomment .detail {text-align:right;vertical-align:middle; margin:5px 0 0 0;}
.ditailcomment .detail a { padding:0 0 0 10px; background:url(../images/icon_arrow_R.gif) no-repeat left center; font-size:84%; display:inline-block;}

/*------色選択 在庫状況 ditailselectbox------*/
.ditailselectbox { position:relative;}
.ditailselectbox dl  dt { margin:0 0 15px 0;}
.ditailselectbox dl dd { clear:both; margin:0 0 10px 0; zoom: 1;}
.ditailselectbox dl dd:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
.ditailselectbox dl .ditailselect { float:left; width:185px; margin-bottom:27px;}
.ditailselectbox dl .ditailselect th { width:65px; padding:10px 0 0 0; font-size:117%;}
.ditailselectbox dl .ditailselect td { width:105px; padding:11px 15px 0 0;}
.ditailselectbox dl .ditailselect td .sboxcolor {border:1px solid #CCCCCC; margin-bottom:1px; width:100px;}
.ditailselectbox dl .ditailselect td .sboxcount{border:1px solid #CCCCCC; margin-bottom:1px; width:50px;}

.ditailselectbox dl .ditailcolor { float:right; width:137px; margin:0 0 0 0; background:url(../images/dot_h.gif) repeat-y left top;}
.ditailselectbox dl .ditailcolor td { text-align:center; vertical-align:middle; padding:0 0 0 8px; width:50%;}
* html .ditailselectbox dl .ditailcolor td.ditailcoloricon { position:relative;}
.ditailselectbox dl .ditailcolor td.ditailcolornumber { padding-top:7px; word-break:break-all}
.ditailselectbox dl dd.stockstatu { border:1px solid #D8D8D8; font-size:117%; padding:2px 4px; width:312px;}


/*------詳しい製品説明はこちら　detailcomment------ youcam対応2019/03/xx */
.detailcomment { margin:0 0 25px 0;}
.detailcomment dl dt { margin:0 0 10px 0; font-weight:bold;}
.detailcomment dl dd {}
.detailcomment .detail {text-align:right;vertical-align:middle; margin:5px 0 0 0;}
.detailcomment .detail a { padding:0 0 0 10px; background:url(../images/icon_arrow_R.gif) no-repeat left center; font-size:84%; display:inline-block;}

/*------色選択 在庫状況 detailselectbox------ youcam対応2019/03/xx */
.detailselectbox { position:relative;}
.detailselectbox dl  dt { margin:0 0 15px 0;}
.detailselectbox dl dd { clear:both; margin:0 0 10px 0; zoom: 1;}
.detailselectbox dl dd:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
.detailselectbox dl .detailselect { float:left; width:185px; margin-bottom:27px;}
.detailselectbox dl .detailselect th { width:65px; padding:10px 0 0 0; font-size:117%;}
.detailselectbox dl .detailselect td { width:105px; padding:11px 15px 0 0;}
.detailselectbox dl .detailselect td .sboxcolor {border:1px solid #CCCCCC; margin-bottom:1px; width:100px;}
.detailselectbox dl .detailselect td .sboxcount{border:1px solid #CCCCCC; margin-bottom:1px; width:50px;}

.detailselectbox dl .detailcolor { float:right; width:137px; margin:0 0 0 0; background:url(../images/dot_h.gif) repeat-y left top;}
.detailselectbox dl .detailcolor td { text-align:center; vertical-align:middle; padding:0 0 0 8px; width:50%;}
* html .detailselectbox dl .detailcolor td.detailcoloricon { position:relative;}
.detailselectbox dl .detailcolor td.detailcolornumber { padding-top:7px; word-break:break-all}
.detailselectbox dl dd.stockstatus { font-size:117%; width:312px;}
.detailselectbox dl dd.stockstatus table{ width:100%; }
.detailselectbox dl dd.stockstatus .stock_select{ border:1px solid #D8D8D8; padding:2px 4px; width: 100%; }


/*---全ての色を見る---*/
.moreallcolor { position:absolute; right:0; top:0;}
.moreallcolor a,
.moreallcolor a:hover { font-weight:bold; background:url(../images/icon_arrow_btm.gif) no-repeat left center; padding:0 0 0 13px;}

/*---【関連製品】---*/
.relationItem { padding:0 0 12px 0; }
.relationItem span { padding:0 5px 0 0;}

/*------カートに入れる------*/
.cartin {}

/*------この製品と合わせて買うなら------*/
.recommendAddItemWrap { text-align: right; margin-bottom: 20px; margin-right: 30px;}
.recommendAddItem a,
.recommendAddItem a:hover { font-weight:bold; background:url(../images/icon_arrow_btm.gif) no-repeat left center; padding:0 0 0 13px;}

/*------CMS_製品の特徴 Featureproduct------*/
.Featureproduct { clear:both; position:relative; margin:0 -5px 30px; width:760px;}

/*UV アンダーベースムース用  pc_0201_MFD.html */
.Featureproduct .more_sakura_collection { position:relative; width:760px;}
.Featureproduct .more_sakura_collection a.more { position:absolute; top:108px; right:110px;}

/* pc_0201_MMB.html */
.Featureproduct .more_sakura_basemakeup_campaign01 { position:relative; width:760px; margin-bottom:20px;}
.Featureproduct .more_sakura_basemakeup_campaign01 a.more { position:absolute; top:108px; right:110px;}

.Featureproduct .more_sakura_basemakeup_campaign02 { position:relative; width:760px;}
.Featureproduct .more_sakura_basemakeup_campaign02 a.more { position:absolute; bottom:43px; left:66px;}

/*--- whitening_campaign ---*/
.Featureproduct .more_whitening_campaign{ position:relative; width:760px;}
.Featureproduct .more_whitening_campaign a.more{ position:absolute; top:276px; left:66px;}
.Featureproduct .more_whitening_campaign{ margin-top:15px;}


/*--- カラーアトリエ　メイクパレット ---*/
.Featureproduct .make_palette_bnr {position:relative; margin-bottom:22px;}
.Featureproduct .make_palette_bnr_btn_1 {position:absolute; left:147px ;top:265px; }
.Featureproduct .make_palette_bnr_btn_2 {position:absolute; left:385px ;top:265px; }
.Featureproduct .make_palette_bnr_btn_3 {position:absolute; left:639px ;top:265px; }


/*--- カラーアトリエ　プレゼントキャンペーン ---*/
.Featureproduct .color_atelier_bnr {position:relative; margin-bottom:22px;}
.Featureproduct .color_atelier_bnr_btn {position:absolute; left:453px ;top:160px; }


/*--- ブティック　バースデー　ファンデーション　キット　2011 ---*/

/* バナーが一番下　マージンなし */
.Featureproduct .btb_foundation_bnr .btb_foundation_bnr_1 {position:relative;}
.Featureproduct .btb_foundation_bnr .btb_foundation_bnr_btn {position:absolute; left:278px ;top:270px; }

/* バナーが途中　マージン有 */
.Featureproduct .btb_foundation_bnr_mr .btb_foundation_bnr_1 {position:relative; margin-bottom:22px;}
.Featureproduct .btb_foundation_bnr_mr .btb_foundation_bnr_btn {position:absolute; left:278px ;top:270px; }



/*--- BTB28 ホワイトエフィシェント キット ---*/

.Featureproduct .white_efficient_bnr .white_efficient_bnr_1 {position:relative; margin-bottom:22px;}
.Featureproduct .white_efficient_bnr .white_efficient_btn {position:absolute; left:296px ;top:312px; }


/*--- BTB28 ホワイトエフィシェント キット ---*/

.Featureproduct .btb_redjuvenus_bnr .btb_redjuvenus_bnr_1 {position:relative; margin-bottom:22px;}
.Featureproduct .btb_redjuvenus_bnr .btb_redjuvenus_btn {position:absolute; left:311px ;top:323px; }

/*------カラーバリエーション------*/
#colorvariation {}
#colorvariation h2 { margin:0 0 30px 0;}
#colorvariation dl { margin:0 20px 0 20px; }
#colorvariation dl dt { clear:both; margin:0 0 20px 0; font-weight:bold}
#colorvariation dl dt span { font-size:84%;}
#colorvariation dl dd { margin:0 0 15px 0; zoom:1;}
#colorvariation dl dd:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

#colorvariation .colorvariationList { zoom:1;}
#colorvariation .colorvariationList:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

/*#colorvariation .colorvariationList li { width:50px; float:left; padding:0 0 25px 0; margin:0 10px 0 0; display:inline; position:relative;}*/


#colorvariation .colorvariationList li {
vertical-align:top;
display:-moz-inline-box; /* Firefox 2 and older */
display:inline-block;
padding:0 0 25px 0;
width:50px;
margin:0 10px 0 0;
position:relative;}
* html #colorvariation .colorvariationList li{ /* IE 6 */
display:inline; zoom:1;}
*:first-child+html #colorvariation .colorvariationList li{ /* IE 7 */
display:inline; zoom:1;}


#colorvariation .colorvariationList li .colorname { text-align:center; font-size:84%; word-break:break-all; width:50px;}
#colorvariation .colorvariationList li .rink { position:absolute; left:7px; top:-30px;}



/*------------------------------------------------------0201.この製品をチェックした人はこちらの製品もチェックしています*/
/*-------------------------------------------------------------------0201*/
#related_double { width:760px; margin:0 0 30px 0;}
#related_double h2 { margin:0 0 20px 0;}

#related_double .recommend_productimg { width:110px; margin:0 0 15px 0; padding:0 25px 0;}
#related_double .recommend_productimg a { display:block; width:110px; height:110px;}
#related_double .recommend_productimg a:hover {opacity:0.70;-ms-filter:"alpha( opacity=70)";filter:alpha(opacity=70);}

#related_double dl dt {margin:0 0 8px 0;}
#related_double dl dt a { font-size:92%; font-weight:normal;}
#related_double dl dd {font-size:92%;}
#related_double dl dd.cat { margin-bottom:8px;}



/*------------------------------------------------------0201.おすすめ製品*/
/*-------------------------------------------------------------------0201*/
#recommend { width:760px; margin:0 0 30px 0;}
#recommend h2 { margin:0 0 20px 0;}

/*#recommend ul { margin:0 0 0 13px;}
#recommend ul li { float:left; width:140px; padding:10px 6px; }*/
#recommend .recommend_productimg { width:110px; margin:0 0 15px 0; padding:0 25px 0;}
#recommend .recommend_productimg a { display:block; width:110px; height:110px;}
#recommend .recommend_productimg a:hover {opacity:0.70;-ms-filter:"alpha( opacity=70)";filter:alpha(opacity=70);}

#recommend dl dt {margin:0 0 8px 0;}
#recommend dl dt a { font-size:92%; font-weight:normal;}
#recommend dl dd {font-size:92%;}
#recommend dl dd.cat { margin-bottom:8px;}


/*----------------------------------------------------------0201.閲覧履歴*/
/*-------------------------------------------------------------------0201*/
#history {width:760px; margin:0 0 60px 0;}
#history h2 { margin:0 0 20px 0;}

/*#history ul { margin:0 0 0 13px;}
#history ul li { float:left; width:140px; padding:10px 6px; }*/
#history .recommend_productimg { width:110px; margin:0 0 15px 0; padding:0 25px 0;}
#history .recommend_productimg a { display:block; width:110px; height:110px;}
#history .recommend_productimg a:hover {opacity:0.70;-ms-filter:"alpha( opacity=70)";filter:alpha(opacity=70);}

#history dl dt {margin:0 0 8px 0;}
#history dl dt a { font-size:92%; font-weight:normal;}
#history dl dd {font-size:92%;}
#history dl dd.cat { margin-bottom:8px;}


/*--------------------------------------------カスタマーレビュー一覧・製品詳細*/
/*-------------------------------------------------------------------0201/0211*/

#customerreview { margin:0 0 30px 0;}
#customerreview h2 { margin:0 0 20px 0;}

/*---------review_utility---------*/
#customerreview .review_utility { padding:15px 10px 15px 20px; margin:0; background:#f2f2f2; zoom:1;}
#customerreview .review_utility:after{ content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
/*---平均点 reviewaverage---*/
.reviewaverage { float:left; width:40%; font-size:117%; font-weight:bold; zoom:1; overflow:hidden;}
.reviewaverage li { display:inline; margin:0 10px 0 0;}
.reviewaverage li.star img { vertical-align:middle;}
/*---review_guidelink---*/
.review_guidelink {float:right;}
.review_guidelink li { display:inline; margin:0 0 0 2px;}
* html .review_guidelink li { margin:0 0 0 5px;}




/*-----------------------カスタマーレビュー表ここから table.customerreviewList*/
/*-------------------------------------------------------------------0201/0211*/
.customerreviewList { clear:both; width:760px; margin:0 0 5px 0;}
.customerreviewList tr { background:url(../images/dot_w_black.gif) repeat-x left bottom;}
.customerreviewList td { padding:20px 10px; vertical-align:top;}

/*---カスタマー ユーザー情報---*/
.customerreviewList .review_Userinfo { width:150px; padding:20px 10px 20px 20px;}
/*---星---*/
.customerreviewList .review_Userinfo ul { margin:0 0 5px 0;}
.customerreviewList .review_Userinfo ul li { display:inline; margin:0 5px 0 0; font-weight:bold;}
/*---ユーザー情報---*/
.customerreviewList .review_Userinfo div { clear:both; font-size:84%; line-height:1.8;}

/*---カスタマー コメント---*/
.customerreviewList td.reviewcomment { width:330px;}
.customerreviewList td.reviewcomment dt.title { font-weight:bold; margin:0 0 5px 0;}
.customerreviewList td.reviewcomment dd.writing_l { width:330px; font-size:92%; letter-spacing:0.06em; word-break:break-all; color:#333333; line-height:1.3;}

/*---カスタマーコメント 続きを読む---*/
.customerreviewList td .detail { text-align:right; margin:5px 0 0; vertical-align:middle;}
.customerreviewList td .detail a { padding:0 0 0 10px; background:url(../images/icon_arrow_R.gif) no-repeat left center; display:inline-block;}

/*---このカスタマーは参考になりましたか？---*/
td.review_question { width:230px; padding:40px 0 0 0; text-align:center;}
td.review_question dl { margin:0 0 10px 0;}
td.review_question dl dt { font-size:84%; margin:0 0 10px 0;}
td.review_question dl dd {}
td.review_question p { font-size:84%;}

/*---カスタマーレビューの補足---*/
#customerreview p.review_note { text-align:right; font-weight:bold; font-size:92%;}



/*------------------------------------------------------カスタマーレビュー一覧*/
/*------------------------------------------------------------------------0211*/
#customerreviewArea { position:relative; margin:0 0 60px 0;}

.reviewItem { margin:0 0 25px 0;}
.reviewItem a { margin:0 5px 0 0; font-size:117%;}

/*---------.reviewutilityBox---------*/
.reviewutilityBox { padding:10px 10px 7px; width:740px; background:#f2f2f2; margin:0 0 35px 0;}

/*---------review_utility---------*/
.reviewutilityBox .review_utility { padding:0 0 10px; margin:0; background:#f2f2f2; zoom:1;}
.reviewutilityBox .review_utility:after{ content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

/*------カスタマーレビュー表------*/
#customerreviewArea .customerreviewList { background:url(../images/dot_w_black.gif) repeat-x left top;}

/*---カスタマーレビューの補足---*/
#customerreviewArea p.review_note { width:585px; padding:10px 0 0 0; text-align:right; font-weight:bold; font-size:92%;}


/*---------------------------------------------------レビューを絞り込む*/
/*------　table.reviewsearch------*/
.reviewsearch { background:#FFFFFF; width:740px;}
.reviewsearch td { padding:10px;border-bottom:3px solid #f2f2f2;}

/*---レビューを絞り込む 並べ替える---*/
.reviewsearch td.searchMenu {width:120px;padding:10px 40px 10px 0; text-align:right;}
/*---セレクトBOX---*/
.reviewsearch td.select {width:120px;padding:10px 5px;}

/*---絞り込みボタン---*/
.reviewsearch td.toggleBtn { text-align:left; width:170px;}
/*---並べ替えリスト---*/
.reviewsearch td.toggle {padding:10px 5px; width:332px; border-right:3px solid #f2f2f2;}
.reviewsearch td.toggle ul.sort li {display:inline;float:left;}

/*---参考になったレビューを見る---*/
.reviewsearch td.referencereview { width:215px; text-align:center;}




/*-------------------------------------------------------製品一覧系 共通設定*/
/*--------------------------------------------------0102/0032_bestseller*/
h2.itemlisttitle {margin:0 0 10px }

/*------並べ替える・ページ内メニュー pagemenu------*/
.pagemenu { width:700px; position:relative; padding:5px 10px; margin:0 10px 30px 10px; border:10px solid #f2f2f2; zoom:1;}
.pagemenu:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

.pagemenu p {position:absolute; left:90px; top:6px;}

.pagemenu ul {position:relative; float:left; left:50%;}
.pagemenu ul li {position:relative; display:inline; float:left; left:-50%;}
.pagemenu ul li a,
.pagemenu ul li a:hover {/*letter-spacing:0.06em;*/ font-weight:normal;}

.pagemenu .select_line { font-weight:bold; text-decoration:underline;/*letter-spacing:0.06em;*/}
.pagemenu .fistline { color:#FFFFFF;}


/*------製品リストここから itemlist_layoutbox------*/
.itemlistLayoutBox {clear:both; width:740px; margin:0 10px;}
.itemlistLayoutBox h3 {margin:0 0 10px 0;}



/*-----------------------------------------------------カテゴリトップ ベストセラー 共通リスト*/
/*----------------------------------------------------------------------0102/0032_bestseller */
/*---table.itemList ---*/
table.itemList { margin:0 0 60px 0;}

.itemList td { vertical-align:top;}
.itemList .spacer { width:40px;}

/*背景画像*/
.itemList .plCat_top { width:350px; background:url(../images/dot_w_black.gif) repeat-x left top;}

.itemList .icon { width:350px;}
.itemList .icon ul { padding:15px 0 7px; zoom:1;}
.itemList .icon ul:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
.itemList .icon ul li { display:inline; float:left; margin:0 5px 5px 0; }
.itemList .productimg { width:150px; padding:0 5px;}
.itemList .releasedate { padding:0 0 5px; font-size:84%; font-weight:bold;}

.itemList .productname { width:190px; padding:0 0 15px 0; }
.itemList .productname dl dt { padding:0 0 7px 0; line-height:1.3;}
.itemList .productname dl dd { font-size:92%; line-height:1.2; letter-spacing:0.06em;}

.itemList .pricearea { padding:0 0 15px 0; line-height:1; vertical-align:bottom;}
.itemList .pricearea .price { float:left;}
.itemList .pricearea .morelink { float:right;}
.itemList .btnarea { text-align:right;}
.itemList .star { padding:5px 0 0 0; text-align:center;}
.itemList .star span { margin:0 0 0 5px; font-size:84%;}
.itemList .star a { display:inline-block; letter-spacing:0.06em;}


/*----------------------------------------------------------------ベストセラー*/
/*-------------------------------------------------------------0032_bestseller*/

/*----------------------------------------------------------------検索結果*/
/*--------------------------------------------------------------------0110*/

/*------検索結果を絞り込む　table.search------*/
.search { background:#FFFFFF; width:740px;}
.search td { padding:10px;border-bottom:3px solid #f2f2f2;}

/*---レビューを絞り込む 並べ替える---*/
.search td.searchMenu {width:130px;padding:10px 80px 10px 0; text-align:right;}
/*---セレクトBOX---*/
.search td.selectPrice {width:170px;padding:10px 5px;}
.search td.selectPrice .sboxsearchPrice { border:1px solid #CCCCCC; margin-bottom:1px; width:168px; padding:1px 0 0 2px; background-image:url(../images/bg_form.gif); background-repeat:no-repeat; background-position:left top;}

.search td.selectProduct {width:120px;padding:10px 5px;}
.search td.selectProduct .sboxsearchProduct { border:1px solid #CCCCCC; margin-bottom:1px; width:118px; padding:1px 0 0 2px; background-image:url(../images/bg_form.gif); background-repeat:no-repeat; background-position:left top;}

/*---絞り込みボタン---*/
.search td.toggleBtn { text-align:left; width:190px; padding:10px 10px 10px 20px;}

/*---並べ替えリスト---*/
.search td.toggle {padding:10px 5px; width:520px;}
.search td.toggle ul.sort li {display:inline;float:left;}
.search td.toggle ul.sort li span.fistline { color:#FFFFFF;}
.search td.toggle ul.sort li span.select_line { font-weight:bold; text-decoration:underline;}
.search td.toggle ul.sort li a,
.search td.toggle ul.sort li a:hover { font-weight:normal;}

/*-------全00件中　00-00件表示 topicbox------*/
.searchT { border-bottom:1px solid #000; margin:0 0 20px 0; padding:2px;}
.searchB { border-top:1px solid #000; margin:0 0 60px 0;}

/*-------レイアウト（150602デザイン変更）------*/
#contentschild_head { padding-bottom: 20px;}
#contentschild_head:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contentschild_head { *zoom: 1;}
#contentschild_head #search { /*float: right;*/	display:none; /*いったん非表示。あとで削除 160705*/}
#contentschild_main { width: 760px;}
#contentschild_sub { width: 170px;}
/*overwrite*/
#contentschild_main .topicbox.searchB.mb10 { margin-bottom: 10px !important;}
#contentschild_main .topicbox.searchT.mb30 { margin-bottom: 30px !important;}
#contentschild_sub.search_result_keyword a { font-weight: normal !important;}

/*-------関連ページリスト-------*/
.itemList_related { overflow: hidden;}
.itemList_related_index { margin-top: -10px;}
.itemList_related_it { position: relative; min-height: 120px; padding: 20px 170px 0 30px;}
.itemList_related .it_title,
.itemList_related .it_thumb { display: block;}
.itemList_related .it_title { position: relative; margin-left: -15px; padding-left: 15px; background:url(/static/images/icon_arrow_R.gif) no-repeat left center; color: #2e2e2e; font-size: 14px; font-weight: bold;}
.itemList_related .it_url { color: #999; font-weight: normal !important; text-decoration: underline;}
.itemList_related .it_thumb { position: absolute; top: 10px; right: 0; border:solid 1px #cfcfcf;}

/*-------ページ送り-------*/
.nav_pagination { text-align: center;}
.nav_pagination ul { display: inline-block; *display: inline; *zoom: 1;}
.nav_pagination li { float: left; border-right: 1px solid #000; line-height: 12px;}
.nav_pagination a,
.nav_pagination strong { display: block; padding: 0 10px;}
.nav_pagination a { font-weight: normal;}
.nav_pagination strong { font-weight: bold; text-decoration: underline;}
.nav_pagination .prev,
.nav_pagination .next { border-right: 0 !important;}
.nav_pagination .next { position: relative; margin-left: -1px; border-left: 1px solid #fff;}
.nav_pagination .prev a { padding-left: 10px; background:url(/static/images/icon_arrow_L.gif) no-repeat left center;}
.nav_pagination .next a { padding-right: 10px; background:url(/static/images/icon_arrow_R.gif) no-repeat right center;}

/*-------ナビゲーション-------*/
.nav_page { font-size: 84%;}
.nav_page .nav_home { float: left;}
.nav_page .nav_home a { padding-left: 10px; background:url(/static/images/icon_arrow_L.gif) no-repeat left center;}
.nav_page .nav_top { float: right;}
.nav_page .nav_top a { padding-left: 13px; background:url(/static/images/icon_arrow_top.gif) no-repeat left center;}

/*-------絞り込み検索-------*/
.search_result_keyword .box_category,
.search_result_keyword .box_category a { color: #666;}
.search_result_keyword .box_category strong a { display: inline-block; *display: inline; *zoom: 1; border-bottom: 1px dotted #000;}
.search_result_keyword .box_category strong a:hover,
.search_result_keyword .box_category strong a:active { text-decoration: none;}
.search_result_keyword .box_category_ttl { margin-bottom: 15px; font-size: 0; line-height: 0;}
.search_result_keyword .box_category_lv02 { padding-top: 5px; font-size: 11px;}
.search_result_keyword .box_category_lv02 li { margin-top: 5px; padding-left: 10px; background:url(/static/images/icon_arrow_R.gif) no-repeat left 0.25em;}
.search_result_keyword .box_type_ttl { margin-bottom: 10px; font-size: 0; line-height: 0;}
.search_result_keyword .box_type_index { margin-top: -6px;}
.search_result_keyword .box_type_index li { padding-top: 6px; font-size: 0; line-height: 0;}
.search_result_keyword .box_price_ttl { margin-bottom: 10px; font-size: 0; line-height: 0;}
.search_result_keyword .box_price_index { margin-top: -6px;}
.search_result_keyword .box_price_index li { padding-top: 6px; font-size: 0; line-height: 0;}
.search_result_keyword .box_color_ttl { margin-bottom: 10px; font-size: 0; line-height: 0;}
.search_result_keyword .box_color_index { margin: -10px 0 0 -10px;}
.search_result_keyword .box_color_index li { float: left; padding: 10px 0 0 10px;}
.search_result_keyword .box_color_index a img:hover { filter: alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70;}

/*----------------------------------------------------------------ランキング*/
/*---------------------------------------------------------------0033_review*/
/*------itemListBoxL------*/
.itemListBoxL { clear:both; position:relative; width:600px; padding:45px 70px 0; margin:0 0 60px 0; background:url(../images/bg_reviewRanking01.gif) no-repeat left top;}
.itemListBoxL .ranking { position:absolute; top:10px; left:0;}

/*---table.itemListL---*/
.itemListL td { vertical-align:top;}
.itemListL .productimg { padding:0 20px 0 0;}
.itemListL .icon { padding:35px 0 10px;}
.itemListL .icon ul li { display:inline; float:left; margin:0 5px 5px 0;}
.itemListL .productcat { padding:0 0 10px 0; font-size:92%;}

.itemListL .productanme { width:350px; padding:0 0 15px 0; }
.itemListL .productanme dl dt { padding:0 0 5px 0; font-size:125%;}
.itemListL .productanme dl dd {}

.itemListL .ditailcomment { padding:0 0 15px 0;}

.itemListL .pricearea { padding:0 0 15px 0; line-height:1; vertical-align:bottom;}
.itemListL .pricearea .price { float:left;}
.itemListL .pricearea .price span { font-weight:bold; font-size:117%;}
.itemListL .pricearea .morelink { float:right;}

.itemListL .star { padding:5px 20px 0 0; text-align:center;}
.itemListL .star span { margin:0 0 0 5px; font-size:84%;}
.itemListL .star a { display:inline-block; letter-spacing:0.06em;}

.itemListL .btnarea { text-align:right;}


/*---table.itemListR---*/
.itemListR { margin:0 0 60px 0;}

.itemListR td { vertical-align:top;}
.itemListR .spacer { width:40px;}

/*背景画像*/
.plRank_top { width:220px; background:url(../images/bg_reviewRanking02.gif) no-repeat left top;}

.itemListR .ranking { width:220px; padding:10px 0 10px 0;}
.itemListR .productimg { width:220px; padding:0 0 10px 0; text-align:center;}

.itemListR .star { padding:0 0 5px 0; text-align:center;}
.itemListR .star span { margin:0 0 0 5px; font-size:84%;}
.itemListR .star a { display:inline-block; letter-spacing:0.06em;}

.itemListR .icon { width:220px;}
.itemListR .icon ul { padding:0 0 5px 0; zoom:1;}
.itemListR .icon ul:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
.itemListR .icon ul li { display:inline; float:left; margin:0 4px 5px 0; }

.itemListR .productcat { padding:0 0 5px 0; font-size:92%;}

.itemListR .productname { width:220px; padding:0 0 10px 0;}

.itemListR .pricearea { padding:0 0 15px 0; line-height:1;}
.itemListR .pricearea .price { float:left;}
.itemListR .pricearea .morelink { float:right;}
.itemListR .btnarea { text-align:right;}


/*----------------------------------------------------------------全製品一覧*/
/*---------------------------------------------------------------------0031*/
.allproducts { margin-bottom:15px;}
.allproducts h3 { margin:0 0 25px 0;}
.allproducts h4 { clear:both; padding:3px 15px; margin:0 0 15px 0; background:#7c7c7c; color:#fff; font-weight:bold;}
/*.allproducts h4 { clear:both; padding:0 0 0 15px; margin:0 0 20px 0; font-weight:bold; background:url(../images/bg_title.gif) no-repeat left center;}*/
.allproducts ul { padding:0 0 30px 0; zoom:1;}
.allproducts ul:after { content:".";display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

.allproducts ul li {
display:inline-block; vertical-align:top; padding:0 15px 15px 15px;display:-moz-inline-box; /* Firefox 2 and older */ display:inline-block;}
* html .allproducts ul li { /* IE 6 */
display:inline;zoom:1;}
*:first-child+html .allproducts ul li { /* IE 7 */
display:inline;zoom:1;}
.allproducts ul li a,
.allproducts ul li a:hover { display:inline-block; width:330px; font-weight:normal; letter-spacing:0.06em; }

.allproducts .allproductsCat { padding:0 15px 10px; font-weight:bold;}

/*------------------------------------------------------ユーザーレビュー登録*/
/*----------------------------------------------------------------------0212*/
#customerreviewArea h3 { margin:0 0 30px 0;}

/*--------------------------------------------------ユーザーレビュー登録確認*/
/*----------------------------------------------------------------------0213*/
.reviewnote {padding:10px 15px; margin:20px 0 0 0;border:1px solid #cccccc;}
.reviewnote dl { margin:0 0 5px 0;}
.reviewnote dl dt { font-weight:bold;}
.reviewnote .moregide a { font-size:84%; display:inline-block;}



/*------------------------------ユーザーレビュー フォーム設定・共通のテーブル*/
/*--------------------------------------------------------0212.0213.0214.4004*/
/*------マイページ共通テーブル設定 2列のテーブル------*/
table.cols02 th { width:200px; padding:10px 10px 10px 20px;}
table.cols02 td { width:499px; padding:10px 10px 10px 20px;}


/*--------------------------------------------------------トップmain画像エリア*/
/*----------------------------------------------------------------------20121101*/
.mainfeat a.more20121101 {position:absolute;top:360px; left:428px;}
#subfeats ul li.last20110401 { margin:0; padding:0 0 0 10px;}
/*-----------------------------------------------------------カテゴリートップ*/
/*-----------------------------------------------------------------------0201*/
.mainfeat_category a.more_facemake110401 { position:absolute; top:344px; right:20px;}
.mainfeat_category a.more_color110401 { position:absolute; top:295px; right:40px;}

/*-----------------------------------------------------------カテゴリートップ*/
/*-----------------------------------------------------------------------1101*/
/* skincare */
.mainfeat_category_skincareL { width:719px; position:relative; float:left;}
.mainfeat_category_skincareR { width:239px; position:relative; float:right;}
.mainfeat_category_skincareL a.more_skincareL_01 { position:absolute; top:319px; left:44px;}
.mainfeat_category_skincareL a.more_skincareL_02 { position:absolute; top:319px; left:151px;}
.mainfeat_category_skincareL p.imgL { position:absolute; top:0; left:0;}
.mainfeat_category_skincareL p.imgR { position:absolute; top:0; left:386px;}
.mainfeat_category_skincareR a.more_skincareR { position:absolute; top:349px; left:65px;}


/*-----------------------------------------------------------------------1101*/
/* colormake */

.mainfeat_category_colormakeL { width:718px; position:relative; float:left;}
.mainfeat_category_colormakeR { width:238px; position:relative; float:right;}
.mainfeat_category_colormakeL a.more_colorL_01 { position:absolute; top:340px; left:248px;}
.mainfeat_category_colormakeL a.more_colorL_02 { position:absolute; top:340px; left:580px;}
.mainfeat_category_colormakeR a.more_colorR { position:absolute; top:349px; left:30px;}


/*-----------------------------------------------------------------------1101*/
/* accessories */

.mainfeat_category_accessoriesL { width:719px; position:relative; float:left;}
.mainfeat_category_accessoriesR { width:239px; position:relative; float:right;}
.mainfeat_category_accessoriesL a.more_accessoriesL_01 { position:absolute; top:285px; left:40px;}
.mainfeat_category_accessoriesL a.more_accessoriesL_02 { position:absolute; top:344px; left:553px;}
.mainfeat_category_accessoriesR a.more_accessoriesR { position:absolute; top:355px; left:24px;}


/*-----------------------------------------------------------------------1101*/
/* facemake */

.mainfeat_category_facemakeL { width:719px; position:relative; float:left;}
.mainfeat_category_facemakeR { width:239px; position:relative; float:right;}
.mainfeat_category_facemakeL a.more_facemakeL_01 { position:absolute; top:333px; left:46px;}
.mainfeat_category_facemakeL a.more_facemakeL_02 { position:absolute; top:354px; left:580px;}
.mainfeat_category_facemakeR a.more_facemakeR { position:absolute; top:360px; left:23px;}








/*------カラーバリエーション 2016.08.30 add------*/
#colorvariation .colorvariationList li {
    vertical-align:top;
    display:-moz-inline-box; /* Firefox 2 and older */
    display:inline-block;
    padding: 0 0 40px 0;
    width:50px;
    margin:0 10px 0 0;
    position:relative;
}

#colorvariation .colorvariationList li .rink_new {
    position: absolute;
    left: 7px;
    top: -18px;
	padding-bottom: 3px;
	background: #fff;
}


/* YouCam 2019/03xx */
.color_simulation_control{
	padding: 0 0 20px;
	text-align: center;
}
.color_simulation_list.bd,
.color_simulation_control.bd
{
	padding-top: 20px;
	border-top: 1px solid #000000;
}
.color_simulation_end{

}
.color_simulation_end > div{
    padding:0px 0 20px;
    border-bottom: 1px solid #000000;
}

.color_simulation_area{
  width:360px;
  padding: 0 0px 20px 0px;
  margin: 0 0 20px 0;
  /*background: url(../images/dot_w.gif) repeat-x left bottom;*/
}

.color_simulation_area .comment{
  background:#f6f6f6;
  padding: 20px;
  font-size: 12px;
}
.color_simulation_area .btn_color_simulation_end .btn{
  display: block;
  margin:20px auto 0;
}


.color_simulation_list p.current_color{
  margin: 0px 0 10px 0;
	text-align: center;
}
.color_simulation_list .color_categories{
    padding-bottom: 10px;
    overflow: hidden;
}
.color_simulation_list .color_categories li{
	width:100px;
	height:30px;
	margin:0 11px 11px 0;
	float:left;
}
.color_simulation_list .color_categories li:nth-child(3n){
	margin-right: 0;
}
.color_simulation_list .color_categories li a{
	height: 28px;
	width: 98px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border:1px solid #cacaca;
	font-size:11px;
}
.color_simulation_list .color_categories li a.current{
	background:#000000;
	color:#ffffff;
	height: 30px;
	width: 100px;
	border:0;
}
.color_simulation_list .color_categories li a:hover{
	background:#000000;
	color:#ffffff;
	height: 30px;
	width: 100px;
	border:0;
}
.color_simulation_list .color_categories li a.current:hover{
	background:#ffffff;
	color:#000000;
	box-sizing: border-box;
	border:1px solid #000000;
}
.color_simulation_list .color_simulation_table{
	width:322px;
	table-layout:fixed;
	display: none;
	margin-bottom: 20px;
}
 .color_simulation_list td {
    padding: 0px;
    background: #ffffff;
		width:12.5%;
		text-align: center;
	padding-bottom: 1px;
	word-wrap: break-word;
	white-space: normal;
}
.color_simulation_list .icons td{
	vertical-align: top;
}
.color_simulation_list .icons td img{
	width:30px;
 }
.color_simulation_list .icons .shade_select{
	margin-top:-5px;
}
.color_simulation_list .number td{
	padding-bottom:3px;
	font-size: 11px;
}
.color_simulation_list .colors img{
	width:48px;
	height:48px;
}
.color_simulation_list .colors a.current img{
	border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border:1px solid #000000;
	box-sizing: border-box;
	display:block;
	margin: -1px auto -1px;
}