@charset "utf-8";

/* -------------------------------------
	Title:  SONOKO Online Shop

	1.全体
  
	2.コンテンツレイアウト 共通
		├ノンオイル
	└
	
	3.サプリメント
		├G.Gロゼ カテゴリページ
		├
		├
		└
	
	4.ファンデーション
		├SONOKO ザ・ファンデーション(カテゴリ)

	5.ホワイトビューティー
		├ホワイトビューティー(カテゴリ)

	6.ピュアモイスト
		├ピュアモイスト(カテゴリ)

	7.GGコスメ
		├GGコスメ(カテゴリ)	
	
	7.荘
		├荘(カテゴリ)	
	
	8.ホワイトセラム
		├ホワイトセラム(カテゴリ)	
	
	9.ホワイトニングエッセンス
		└商品ページ
	
	10.キープリフティングクリームEX
		└商品ページ	

	11.アレルゲン
	
	12.レシピ（2010.02.04追加）
	
	13.トップ内外美容（2010.06.11追加）
	
	14.献立セット（2010・10.01追加）
	
	15.スキンケアマップ（2010.10.08追加）
	
	16.食品ジャンルトップ（2011.02.11追加）
	
	17.バースデーポイントサービス（2011.04追加）
	
	18.SONOKO式ダイエットとは（2011.05追加）
	
	19.処方献立とは（2011.05追加）
	
	20.オンリーワンの内外美容（2011.05追加）
	
	21.レビューコンテスト（2011.06追加）

	22.トキノ会　会員様　限定コーナー（2011.06追加）

	23.アンケート調査結果報告（2011.07追加）

	24.家族で健康ごちそうセット
		├家族で健康ごちそうセット第1弾（2011.07追加）
		└家族で健康ごちそうセット第2弾（2011.08追加）

	25.ピュアモイスト 洗顔3点セット

	26.まとめ買いコーナー

	27.SONOKOのこだわり

	28.会員限定販売
		├秋
		└冬

	29.秋のメイクキャンペーン

	30.おすすめ商品レビュー（2011.11追加）

	31.冬の保湿キャンペーン
		├第1弾（2011.11追加）
		└第1弾（2012.01追加）

	32.トライアルキット（2011.12追加）

	33.無料サンプル請求（2011.12追加）

	34.会員限定 特別販売（2012.1追加）

	35.SONOKO白絹（シルク）ファンデーション（2012.1追加）


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





/* -------------------------------------
　　全体
------------------------------------- */

body {
	margin:0;
	padding:0;
}


#fs {
/*	width: 600px;*/
	width:620px;
	text-align:left;
	font-size:12px;
	line-height:1.5;
	margin:0;
	padding:0;
}

dl dd {
	margin: 0px;
	padding: 0px;
}


.claer {
	clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

 /*
#fs p {
	margin: 0px;
	padding: 0px;
}*/

ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#fs ul {
	margin: 0px;
	padding: 0px;
}

/* -------------------------------------
　　コンテンツレイアウト　共通
------------------------------------- */

.cmn01 {
	text-align: center;
	margin-top:20px;
	margin-bottom:10px;/*変更前10px*/

}

.cmn02 {
	width: 570px;
	margin-left:15px;
}

.cmn03 {
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
}

/* ノンオイル*/

.nonoil {
	list-style-type:none;
}

.nonoil li {
	display:inline;
}

/*カートへのリンク*/
#cart{
	text-align:right;
/*	padding-bottom:20px;*/
}


/* -------------------------------------
　　サプリメント
------------------------------------- */

/*G.Gロゼ カテゴリページ*/

.rose13 {
	width: 270px;
	height:auto;
	float:left;
	clear:left;
	display:inline;
	margin-left:20px;
}

.rose14 {
	width: 270px;
	height:auto;
	float:right;
	clear:right;
}


.rose01 {
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
}
.rose02 {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
}

.rose03 {
	font-size: 14px;
	font-weight: bold;
	color:#ff0965;
	margin-bottom:20px;
	margin-left:15px;
}

.rose04 {
	height: auto;
	width: 180px;
	margin-left:15px;		
}

.rose05 {
	float: right;
}

.rose06 {
	float: left;
}

.rose07 {
	height: auto;
	width: 500px;
	margin-left:15px;
	float:right;	
}

.rose08 {
	padding-top:40px;
}

.rose09 {
	float:left;
	display:inline;
	clear:left;
}

.rose10 {
	border: thin solid #ffc8c8;
	height: 361px;
	width: 600px;
}

.rose11 {
	font-size: 14px;
	font-weight: bold;
	color:#ff0965;
	width:400px;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom:10px;
}


.rose12 {
	width:580px;
	*width:450px;
	padding-left: 10px;
	line-height:1;
}


/* -------------------------------------
　　ファンデーション
------------------------------------- */

/*ファンデーションカテゴリページ*/

.sf-ctg01 {
	font-size: 14px;
	font-weight: bold;
	color:#a352aa;
	width:500px;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom:10px;
}

.sf-ctg02 {
	width:570px;
	padding-left: 20px;
	padding-bottom:10px;
}

.sf-ctg03 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ba7dbf;
	/*padding-top:10px;*/
}

/*削除*/
.sf-ctg04 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ba7dbf;
	padding-top:10px;
	padding-bottom:20px;
}

.sf-ctg05 {
	padding-left: 10px;
	width:570px;
	padding-bottom:10px;
}

/*
.sample{
margin-top:10px;
margin-right:5px;
margin-bottom:15px;
margin-left:20px;

auto;
}


*/


/* -------------------------------------
　　ホワイトビューティー
------------------------------------- */

/*ホワイトビューティーカテゴリー*/

.wb01 {
	float: right;
}

.wb02 {
	margin-left:10px;
}

.wb03 {
	width: 270px;
	height:auto;
	float:left;
	display:inline;/*IE6*/
	margin-left:20px;
	padding-bottom:30px;
}

.wb04 {
	width:360px;
	float:left;
	margin-left:15px;
	margin-top:20px;
	margin-bottom:20px;
}

.wb05 {
	float:right;
	clear:right;
}
.wb-lineup {
	margin:20px 15px;
}
.wb-lineup img {
	vertical-align:top;
}
.wb-lineup li {
	float:left;
}

/* -------------------------------------
　　ピュアモイスト
------------------------------------- */

.pm-ctg01 {
	height: auto;
	width: 275px;
	margin-left:15px;
	margin-bottom:20px;
	float:left;
}

.pm-ctg02 {
	float:right;
	margin-right:20px;
	margin-bottom:20px;
}

/* -------------------------------------
　　GGコスメ
------------------------------------- */
.ggcosme h2 {
	margin:0 0 15px;
}
.ggcosme h3 {
	margin:0 0 20px;
}
.ggcosme h4 {
	margin:0 0 10px;
}
.ggcosme .qa li {
	padding-left:90px;
	margin:0 0 20px;
}
.ggcosme .qa li#q1 {
	background:url(../../images/fs-ggcosme/gg_ctg_03.gif) 20px 0 no-repeat;
}
.ggcosme .qa li#q2 {
	background:url(../../images/fs-ggcosme/gg_ctg_04.gif) 20px 0 no-repeat;
}
.ggcosme .qa li#q3 {
	background:url(../../images/fs-ggcosme/gg_ctg_05.gif) 20px 0 no-repeat;
}
.ggcosme .qa h4 {
	color:#aa4d00;
	font-weight:bold;
}
.ggcosme .qa strong {
	color:#d93a0a;
}

.ggcosme .voice li {
	padding-left:90px;
	margin:0 0 20px;
	background:url(../../images/fs-ggcosme/gg_ctg_07.gif) 10px 0 no-repeat;
}

.ggcosme-lineup {
	margin:20px 15px;
}
.ggcosme-lineup img {
	vertical-align:top;
}
.ggcosme-lineup li {
	float:left;
}

/*
.ggcosme-ctg01 {
	width: 490px;
	margin-right:15px;
	margin-bottom:10px;
	float:right;
	color:#aa4d00;
	font-size:14px;
	font-weight:bold;
}

.ggcosme-ctg02 {
	float:left;
}

.ggcosme-ctg03 {
	width: 490px;
	margin-right:15px;
	float:right;
}
*/


/* -------------------------------------
　　荘
------------------------------------- */
.sou-lineup {
	margin:20px 15px;
}
.sou-lineup img {
	vertical-align:top;
}
.sou-lineup li {
	float:left;
}



/* -------------------------------------
　　ホワイトセラム
------------------------------------- */

.serum-ctg01 {
	float:right;
	margin-bottom:20px;
}

.serum-ctg02 {
	font-size: 14px;
	font-weight: bold;
	color:#ff0000;
	width:215px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom:10px;
}

.serum-ctg03 {
	width:215px;
	padding-left:15px;
	padding-bottom:20px;
}

.serum-ctg04 {
	float:right;
}

.serum-ctg05 {
	width: 450px;
	margin-left:15px;
	float:left;
	display:inline;
}

.serum-ctg06 {
	margin-right:30px;
	float:right;
}

.serum-ctg07 {
	width:125px;
	padding-left:15px;
	padding-bottom:20px;
	float:left;
	display:inline;
}


/* -------------------------------------
　　ホワイトニングエッセンス
------------------------------------- */

.we_01 {
	width: 260px;
	height:auto;
	float:left;
	display:inline;
	margin-left:20px;
	margin-right:25px;
}

.we_01 dt {
	margin-bottom: 10px;
}

.we_02 {
	width: 260px;
	height:auto;
	float:right;
	margin-right:20px;
}

.we_02 dt {
	margin-bottom: 10px;
}

/* -------------------------------------
　　フェイシャルエッセンスマスク
------------------------------------- */

.fem_01{
	width: 280px;
	height:auto;
	float:left;
	display:inline;
	margin-left:15px;
	margin-right:10px;
}


/* -------------------------------------
　　キープリフティングクリームEX
------------------------------------- */

.ex_01{
	width: 280px;
	height:auto;
	float:left;
	display:inline;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:20px;
}

.ex_02{
	width: 280px;
	height:auto;
	float:right;
	margin-right:15px;
}


/* -------------------------------------
　　スイーツカテゴリ
------------------------------------- */

.osusume_box {
	width:580px;
	height:auto;
	padding:10px;
	background-color:#fff1db;
	overflow:auto;
}

.text_box {
	width:325px;
	float:right;
}

.midashi {
	padding:2px 5px 0px;
	border-left:solid 4px #e66400;
	color:#e66400;
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
}

/* -------------------------------------
　　アレルゲン
------------------------------------- */

.ar th	{
	border: 1px solid #BCBCBC;
	color: #333;
}
.ar td	{
	border: 1px solid #BCBCBC;
	text-align: center;
	font-size: 10px;
	color: #333;
	padding-top: 2px;
	padding-bottom: 2px;
}
.ar_txt_1 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top:20px;
	color:#ff0000;
}

.ar_txt_2 {
	font-size: 12px;
	padding-bottom: 10px;
}
.ar_txt_3 {
	font-size: 11px;
}

.ar_txt_4 {
	font-size: 12px;
	padding-bottom: 11px;
}

.ar .left {
	text-align: left;
	padding-left:3px;
}

#fs .table_left {
	float: left;
	margin-right: 10px;
}


.bgc{background-color:#EBEBD7;}
.bgc2{background-color:#EEE;}

#fs .table_left .left a:link    { color: #333; text-decoration: none; }
#fs .table_left .left a:visited { color: #333; text-decoration: none; }
#fs .table_left .left a:hover   { color: #999; text-decoration: underline; }
#fs .table_left .left a:active   { color: #333; text-decoration: none; }

#fs .table_right .left a:link    { color: #333; text-decoration: none; }
#fs .table_right .left a:visited { color: #333; text-decoration: none; }
#fs .table_right .left a:hover   { color: #999; text-decoration: underline; }
#fs .table_right .left a:active  { color: #333; text-decoration: none; }



/* -------------------------------------
　　レシピ
------------------------------------- */

.r_frame {
	border:1px solid #cccccc;
	background-color:#ffffff;
}
	
.r_back {
	background:url(../../images/recipe/back.jpg) right top no-repeat;
}
	
.r_contents { 
	width:520px;
	margin-top:20px;
	margin-left:40px;
	text-align:left;
}

.r_new {
	width:496px;
	padding:10px;
	border:1px dotted #DFCFB5;}

.r_h2 {
	margin-top:30px;
	padding-bottom:2px;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	border-bottom:2px solid #DFCFB5;
}

.r_h3 { 
	margin-top:20px;
	padding-bottom:2px;
	font-size:12px;
	font-weight:nomal;
	color:#333333;
	border-bottom:2px dotted #ff9a50;
}

.r_button {
	text-align:right; 
	margin:-45px 0px 30px 0px;
}

.r_comment {
	margin:10px;
	padding:10px;
	border:2px dotted #999999;
}

.r_spice li {
	display:inline;
}
	
.r_menu {
	float:left;
	width:140px;
	height:158px;
	background:url(../../images/recipe/menu_back.gif) no-repeat top left;
	padding:15px;
	margin-left:3px;
}
	
.r_menu_title {
	margin-top:5px;
	line-height:1.4;
	font-weight:bold;
}
	
.r_indent {
	margin:10px;
}

.r_photo {
	float:left;
	width:270px;
}

.r_photobg {
	background:url(../../images/recipe/photo_back.jpg) no-repeat top left;
	width:270px;
	height:210px;
}

.r_material {
	float:right;
}

.r_material table {
	width:225px;
	border:none;
}

.r_material td {
	padding:3px 5px;
	width:102px;
	border-bottom:dotted 1px #999999;
}

.cell_T {
background-color:#e8d8c0;
}

.cell_A {
background-color:#ffe2d2;
}

.cell_B {
background-color:#c9d8d6;
}

th {
text-align:left;
padding:2px 5px;}


/* -------------------------------------
　　内外美容
------------------------------------- */

#naigai {
	background:url(../../images/top/naigai_back.jpg) top left no-repeat;
	width:600px;
	height:761px;
	position:relative;
	margin-bottom:50px;
}


#img_01 {position:absolute; top:5px; left:5px;}
#img_02 {position:absolute; top:49px; left:5px;}
#img_03 {position:relative; top:49px; left:348px;}

#box_main {position:absolute; top:125px;}
#box_left {display:inline; float:left; width:282px; margin-left:12px;}
#box_right {display:inline; float:left; width:282px; margin-left:8px;}

.m_12 {margin:12px;}
.m_0-12 {margin:0px 12px;}
.m_0-20 {margin:0px 20px;}
.m_15 {margin:15px;}

.onayami {margin:35px 12px 10px 12px;}
.onayami2{margin:20px 12px 10px 12px;}



/* -------------------------------------
　　献立セット
------------------------------------- */

#kondate_first {
width: 570px;
padding: 5px;
border: 1px solid rgb(219, 214, 203);
margin-left: 10px;
}

#kondate_box01 {
float:left;
background: url(../../images/fs-kondate/standard/stn_06a_bk.gif) repeat scroll 0% 0% transparent;
width: 186px;
height: 172px;
}

#kondate_box02 {
float:left;
margin-left:5px;
background: url(../../images/fs-kondate/standard/stn_06b_bk.gif) repeat scroll 0% 0% transparent;
width: 186px;
height: 172px;
}

#kondate_box03 {
float:left;
margin-left:5px;
background: url(../../images/fs-kondate/standard/stn_06c_bk.gif) repeat scroll 0% 0% transparent;
width: 186px;
height: 172px;
}

.pd_10 {
padding:10px;
}

.kondate_menu_l {
float:left;
margin-left:5px;
width:130px;
}

.kondate_menu_r {
float:left;
margin-left:15px;
width:130px;
}

#kondate_huzokuhin {
padding:10px;
background:url(../../images/fs-kondate/standard/option_bk.gif);
}



/* -------------------------------------
　　スキンケアマップ
------------------------------------- */

.out {
filter: alpha(opacity=30);
opacity: 0.3;
}

.skin_p {
border-bottom:solid 1px #cccccc;
padding-bottom:10px;
}

#sp_box {
background-color:#F6F6F6;
border:1px solid #cccccc;
padding:8px;
} 

#sp_box01 {
border:1px solid #edd9d5;
padding:7px; 
width:114px;
}

#sp_box02 {
border:1px solid #c6dbe4;
padding:7px; 
width:114px;
}

#sp_box03 {
border:1px solid #dcd8c5;
padding:7px; 
width:114px;
}

#sp_box04 {
border:1px solid #c3ded6;
padding:7px; 
width:114px;
}



/* -------------------------------------
　　食品ジャンルトップ（カテゴリ）
------------------------------------- */

#foodctg ul { padding:0px; }

#foodctg ul li {
    background: url("images/ico-arrow2.gif") no-repeat scroll left top transparent;
    margin-left: 3px;
    padding-left: 8px;
}

#foodctg ul li a:link { color:#893205;}
#foodctg ul li a:vlink { color:#cccccc;}
#foodctg ul li a:hover { color:#aa6440; text-decoration:none;}

.foodbox_part {	margin-bottom:40px;}

.foodbox {
	float:left;
	width:285px;
}

.foodbox_upper {
	border-bottom:dotted 1px #CCCCCC;
	padding-bottom:10px;
	margin-bottom:10px;
}
.foodbox_left {
	float:left;
	width:143px;
}
.foodbox_type {
	float:right;
	width:135px;
	font-size:120%;
}

.foodbox_menu {
	float:left;
	width:132px;
}


/* -------------------------------------
　　バースデーポイントサービス
------------------------------------- */

#birth h3{
font-size:14px;
padding:10px;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:3px solid #de2a10;
}


/* -------------------------------------
　　SONOKO式ダイエットとは
------------------------------------- */

#diet_01 {
padding:25px;
border:1px solid #e3d9cb;
background-color:#ffffef;
}

#diet_01a {
margin-bottom:40px;
background:url(../../images/dietmap/intro/02.gif) top left no-repeat;
width:500px;
height:102px;
padding:15px 20px;
}

.diet_01_left {
width:286px;
float:left;
}

.diet_01_right {
width:243px;
padding-left:15px;
float:left;
}

#diet_01 .caption {
color:#999999;
font-size:10px;
line-height:1.4;
}

#diet_01_cal {
margin-bottom:40px;
width:540px;
height:243px;
background:url(../../images/dietmap/intro/06.jpg) no-repeat top left;
}

#diet_01_cal2 {
padding:0px;
margin:10px 0px 0px 260px;
width:260px;
}

.diet_01_left2 {
width:359px;
float:left;
}

.diet_01_right2 {
width:158px;
padding-left:30px;
float:left;
}

#diet_02a {
width:420px;
line-height:1.8;
float:right;
}

#diet_02b {
background:url(../../images/dietmap/chart/chart02_menu01_bk.gif) no-repeat;
width:600px;
height:270px;
}

#diet_02c {
background:url(../../images/dietmap/chart/chart02_menu02_bk.gif) no-repeat;
width:600px;
height:245px;
}

#diet_02d {
background:url(../../images/dietmap/chart/chart02_menu03_bk.gif) no-repeat;
width:600px;
height:249px;
}

#diet_toha p {
width: 385px;
float:left;}

#diet_03 {
background:url(../../images/dietmap/chart/chart03_bk.gif) repeat-y top center;
height:352px;
padding:25px;
}

#diet_04 {
background:url(../../images/dietmap/chart/chart04_bk.gif) repeat-y top center;
height:803px;
padding:25px;
}

#diet_04a {
width:260px;
float:left;
}


/* -------------------------------------
　　処方献立とは
------------------------------------- */


#syohou_01 {
width: 300px;
margin-left:30px;}

#syohou_02 {
background: url(../../images/syohoukondate/calendar_r-back.gif) repeat-y scroll 0% 0% transparent;
padding-top: 15px;
}

#syohou_03 {
float:left;
margin-left:15px;
width: 362px;
}

#syohou_03 p {
color: rgb(89, 89, 89);
margin-left:5px;
}

#diet_toha {
border-bottom: 1px solid rgb(220, 218, 188);
width: 560px;
padding: 20px;
}

/* -------------------------------------
　　オンリーワンの内外美容
------------------------------------- */

#onlyone {
background: url(../../images/staff/onlyone/menu_back.gif) repeat scroll 0% 0% transparent;
width: 600px;
height: 337px;
}

#onlyone_content {
padding: 25px;
margin-bottom:30px;
}

/* -------------------------------------
　　レビューコンテスト
------------------------------------- */
#review-contest h2 {
	margin:0 0 20px;
}
#review-contest h3 {
	padding:5px 0 5px 8px;
	border-left:5px solid #c00;
	border-bottom:1px solid #aaa;
}
#review-contest h4.name {
	color:#f33;
	font-weight:bold;
}

/* コンテスト概要 */
#review-contest .outline dl {
	font-size:14px;
}
#review-contest .outline dt {
	width:100px;
	text-align:center;
}
#review-contest .outline dd {
	margin:-1.5em 0 1em;
	padding:0 0 0 120px;
}
#review-contest .outline dd strong {
	color:#c00;
	font-size:16px;
}
/* 今回のコンテスト対象商品 */
#review-contest .item ul {
	margin-bottom:24px;
	overflow:hidden;
	zoom:1;
}
#review-contest .item li {
	display:inline;
	float:left;
	width:120px;
	margin-left:24px;
}
/* 過去の最優秀レビュー */
#review-contest .mvp .image {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #ccc;
}
#review-contest .mvp .data {
	/*width:290px;*/
	margin:0 0 20px;
	padding:3px;
	border:1px solid #aaa;
	background:#eeecf1;
}
#review-contest .mvp .data table {
	width:100%;
}
#review-contest .mvp .data th,
#review-contest .mvp .data td {
	vertical-align:top;
	padding:2px;
}
#review-contest .mvp .data th {
	width:70px;
}
#review-contest .mvp h4 {
	font-size:16px;
	font-weight:normal;
}


/* -------------------------------------
		トキノ会　会員様　限定コーナー
------------------------------------- */
#member-only h2,
#member-only h3 {
	margin:0;
}
#member-only img {
	vertical-align:top;
}

/* ナビゲーション */
#member-only #nav-area {
	position:relative;
	width:600px;
}
#member-only #nav-area li {
	position:absolute;
}
#member-only #nav-area li#nav1 {
	top:168px;
	left:96px;
}
#member-only #nav-area li#nav2 {
	top:168px;
	left:335px;
}
#member-only #nav-area li#nav3 {
	top:327px;
	left:217px;
}
#member-only #nav-area li#nav4 {
	top:401px;
	left:217px;
}
#member-only #nav-area li#nav5 {
	top:247px;
	left:20px;
}


#member-only .item li {
	position:relative;
	width:600px;
}

/* ダイエット */
#member-only #diet .b-01 {
	position:absolute;
	top:435px;
	left:396px;
}
#member-only #diet .b-02 {
	position:absolute;
	top:528px;
	left:116px;
}
#member-only #diet .b-03 {
	position:absolute;
	top:528px;
	left:396px;
}

/* 健康と美しさ */
#member-only #health .b-01 {
	position:absolute;
	top:445px;
	left:396px;
}
#member-only #health .b-02 {
	position:absolute;
	top:528px;
	left:116px;
}
#member-only #health .b-03 {
	position:absolute;
	top:528px;
	left:396px;
}
#member-only #health .b-04 {
	position:absolute;
	top:629px;
	left:116px;
}
#member-only #health .b-05 {
	position:absolute;
	top:629px;
	left:396px;
}

/* 美肌とエイジングケア */
#member-only #beauty .b-01 {
	position:absolute;
	top:602px;
	left:122px;
}
#member-only #beauty .b-02 {
	position:absolute;
	top:602px;
	left:396px;
}
#member-only #beauty .b-03 {
	position:absolute;
	top:1027px;
	left:122px;
}
#member-only #beauty .b-04 {
	position:absolute;
	top:1027px;
	left:396px;
}
#member-only #beauty .b-05 {
	position:absolute;
	top:436px;
	left:396px;
}
#member-only #beauty .b-06 {
	position:absolute;
	top:446px;
	left:396px;
}
#member-only #beauty .b-07 {
	position:absolute;
	top:628px;
	left:116px;
}
#member-only #beauty .b-08 {
	position:absolute;
	top:628px;
	left:396px;
}


/* -------------------------------------
　　アンケート調査結果報告
------------------------------------- */
#enquete img {
	vertical-align:top;
}
#enquete .nav {
	margin:0 0 20px;
	padding:4px;
	background:url(../../images/fs-cp/enquete/bg_nav.gif) 0 0 no-repeat;
}
#enquete .nav li {
	float:left;
	margin:3px;
}

#enquete .column {
	position:relative;
	width:600px;
	margin:20px 0;
}
#enquete .column p {
	position:absolute;
	top:65px;
	left:20px;
	width:560px;
}
#enquete .more h3 {
	margin:0 0 20px;
}
#enquete .more dt {
	margin:0 0 10px;
	padding:5px 10px;
	background:#f4e1de;
	color:#770b1a;
	font-size:117%;
}
#enquete .more dd {
	padding:0 10px 20px;
}
#enquete .pagetop {
	margin:0 0 40px;
	text-align:right;
	font-size:92%;
}


/* -------------------------------------
		24.家族で健康ごちそうセット
------------------------------------- */
#summer_food11 {
	margin-bottom:40px;
}
/* section01 */
#summer_food11 .section01 {
	position:relative;
	width:600px;
	margin:0 0 20px;
}
#summer_food11 .section01 ul {
	position:absolute;
	top:254px;
	left:35px;
	margin:0 -6px 0 0;
	overflow:hidden;
	zoom:1;
}
#summer_food11 .section01 li {
	float:left;
	margin:0 6px 0 0;
}

/* section02 */
#summer_food11 .section02 {
	margin:0 0 20px;
	border:1px solid #ebcd64;
}
#summer_food11 .section02 h3 {
	margin:0;
}
#summer_food11 .section02 h4 {
	margin:0 0 10px;
}
#summer_food11 .section02 .inner {
	padding:19px;
}
#summer_food11 .section02 .photo {
	float:left;
	margin:0 20px 20px 0;
}

/* section03 */
#summer_food11 .section03 {
	margin:0 0 20px;
	border:1px solid #ebcd64;
}
#summer_food11 .section03 h3 {
	margin:0;
}
#summer_food11 .section03 h4 {
	margin:0 0 10px;
}
#summer_food11 .section03 li {
	margin:0 0 20px;
}
#summer_food11 .section03 .inner {
	padding:19px;
}

/* section04 */
#summer_food11 .section04 {
	margin:0 0 20px;
	padding:0 0 19px;
	border:1px solid #ebcd64;
}
#summer_food11 .section04 h3 {
	margin:0;
}
#summer_food11 .section04 h4 {
	margin:0 0 20px;
}
#summer_food11 .section04 .inner {
	padding:19px;
}
#summer_food11 .section04 #menu4 {
	margin:0;
	padding-bottom:19px;
	background:none;
}
#summer_food11 .section04 .photo {
	float:left;
	width:206px;
	margin:0 0 20px;
}
#summer_food11 .section04 .text {
	float:right;
	width:340px;
	margin:0 0 20px;
}
#summer_food11 .section04 .column {
	clear:both;
	padding:19px;
	border:1px solid #ebcd64;
	background:#fff1c1;
}
#summer_food11 .section04 .column h4 {
	margin:0 0 10px;
}

/* other */
#summer_food11 .b-purchase {
	margin:20px 0;
	text-align:center;
}

/* -------------------------------------
		家族で健康ごちそうシリーズ第1弾（2011.07追加）
------------------------------------- */



/* -------------------------------------
		家族で健康ごちそうシリーズ第2弾（2011.08追加）
------------------------------------- */





/* -------------------------------------
　　ピュアモイスト 洗顔3点セット
------------------------------------- */
#triple_set img {
	vertical-align:top;
}
#triple_set #stepup {
	position:relative;
	width:600px;
	height:396px;
	background:url(../../images/fs-pm/triple_set/p_04.gif) 0 0 no-repeat;
}
#triple_set #stepup ul {
	position:absolute;
	top:103px;
	left:19px;
}
#triple_set #stepup ul li {
	float:left;
	width:180px;
	margin:0 10px 0 0;
}


/* -------------------------------------
		まとめ買いコーナー
------------------------------------- */
#value_set h2 {
	margin:0 0 10px;
}
#value_set .box {
	border:1px solid #ccc;
}
#value_set .box li {
	position:relative;
	float:left;
/*	width:299px;*/
}
#value_set .box li .btn {
	position:absolute;
	top:118px;
	right:19px;
}


/* -------------------------------------
		SONOKOのこだわり
------------------------------------- */
#kodawari {
	margin:0 0 40px;
	padding:19px;
	border:1px solid #ccc;
	background:#faf5f1;
}
#kodawari .image {
	float:right;
	margin:0 0 20px 20px;
}


/* -------------------------------------
		会員限定販売（秋）
------------------------------------- */
#sup_autumn11 {
	margin:0 0 40px;
}
#sup_autumn11 h2,
#sup_autumn11 h3,
#sup_autumn11 p {
	margin:0;
	padding:0;
}
#sup_autumn11 img {
	vertical-align:top;
}

#sup_autumn11 .contents {
	border:1px solid #ccc;
	border-top:none;
	background:#faf5f1;
}


#sup_autumn11 .item {
	position:relative;
	width:598px;
}
#sup_autumn11 .btn {
	position:absolute;
	right:39px;
	bottom:30px;
}

#sup_autumn11 .pagetop {
	margin:15px 10px 30px 0;
	text-align:right;
}


/* -------------------------------------
		会員限定販売（冬）
------------------------------------- */
#sup_winter11 {
	margin:0 0 40px;
}
#sup_winter11 h2,
#sup_winter11 h3,
#sup_winter11 p {
	margin:0;
	padding:0;
}
#sup_winter11 img {
	vertical-align:top;
}

#sup_winter11 .contents {
}

#sup_winter11 .beaujolais {
	position:relative;
	width:600px;
	margin:40px 0 0;
}
#sup_winter11 .beaujolais .btn1 {
	position:absolute;
	right:153px;
	bottom:59px;
}
#sup_winter11 .beaujolais .btn2 {
	position:absolute;
	right:153px;
	bottom:17px;
}

#sup_winter11 .item {
	position:relative;
	width:600px;
}
#sup_winter11 .btn {
	position:absolute;
	right:20px;
	bottom:41px;
}

#sup_winter11 .pagetop {
	margin:15px 10px 30px 0;
	text-align:right;
}


/* -------------------------------------
		秋のメイクキャンペーン
------------------------------------- */
#autumn_make11 {
	margin:0 0 40px;
}
#autumn_make11 h2,
#autumn_make11 h3,
#autumn_make11 h4,
#autumn_make11 p {
	margin:0;
	padding:0;
}
#autumn_make11 img {
	vertical-align:top;
}
#autumn_make11 .charm p {
	float:left;
}
#autumn_make11 .list li {
	float:left;
}


/* -------------------------------------
　　おすすめ商品レビュー
------------------------------------- */
#review-rcmd img {
	-ms-interpolation-mode: bicubic;
}
#review-rcmd .column {
	margin:0 0 30px;
}
#review-rcmd h2 {
	margin:0 0 20px;
}
#review-rcmd h3 {
	background-color:#f5f5f5;
	border-bottom:1px dotted #d0d0d0;
	border-top:3px double #d0d0d0;
	margin:30px 0 20px;
	padding:20px 8px;
}
#review-rcmd .image {
	float:left;
	margin:0 20px 20px 0;
	border:1px solid #d0d0d0;
}
#review-rcmd .image:hover {
	border:1px solid #9A7F5C;
}
#review-rcmd .contributor {
	text-align:right;
}
#review-rcmd .btn {
	clear:both;
	text-align:center;
}


/* -------------------------------------
　　冬の保湿キャンペーン（第1弾）
------------------------------------- */
#winter11-1st {
	margin:0 0 40px;
}
#winter11-1st h2,
#winter11-1st h3,
#winter11-1st p {
	margin:0;
	padding:0;
}
#winter11-1st img {
	vertical-align:top;
}
#winter11-1st .social-media table {
	border-collapse:collapse;
}
#winter11-1st .social-media td {
	vertical-align:top;
}
#winter11-1st .item1,
#winter11-1st .item2,
#winter11-1st .introduce {
	position:relative;
	width:620px;
}
#winter11-1st .item1 .btn1,
#winter11-1st .item2 .btn1 {
	position:absolute;
	bottom:29px;
	left:68px;
}
#winter11-1st .item1 .btn2,
#winter11-1st .item2 .btn2 {
	position:absolute;
	bottom:29px;
	left:262px;
}
#winter11-1st .introduce .btn {
	position:absolute;
	bottom:28px;
	left:54px;
}
#winter11-1st .outline table {
	width:100%;
	border-collapse:collapse;
}
#winter11-1st .outline th,
#winter11-1st .outline td {
	vertical-align:top;
	padding:5px;
	text-align:left;
}
#winter11-1st .outline th {
	width:60px;
	color:#976832;
	font-weight:bold;
}
#winter11-1st #point {
	padding:20px;
	background:#f2f2f2;
}

/* -------------------------------------
　　冬の保湿キャンペーン（第2弾）
------------------------------------- */
#winter11-2nd {
	margin:0 0 40px;
}
#winter11-2nd h2,
#winter11-2nd h3,
#winter11-2nd p {
	margin:0;
	padding:0;
}
#winter11-2nd img {
	vertical-align:top;
}

#winter11-2nd .item h3 {
	margin:0 0 30px;
}
#winter11-2nd .item h4 {
	margin:0;
}
#winter11-2nd .item li {
	float:left;
	width:310px;
	margin:0 0 40px;
	text-align:center;
}
#winter11-2nd .present {
	margin:0 0 20px;
}
#winter11-2nd .present li {
	float:left;
}

#winter11-2nd .social-media table {
	border-collapse:collapse;
}
#winter11-2nd .social-media td {
	vertical-align:top;
}

#winter11-2nd .introduce {
	position:relative;
	width:620px;
}
#winter11-2nd .introduce .btn {
	position:absolute;
	bottom:28px;
	left:54px;
}

#winter11-2nd .outline table {
	width:100%;
	border-collapse:collapse;
}
#winter11-2nd .outline th,
#winter11-2nd .outline td {
	vertical-align:top;
	padding:5px;
	text-align:left;
}
#winter11-2nd .outline th {
	width:60px;
	color:#976832;
	font-weight:bold;
}
#winter11-2nd #point {
	padding:20px;
	background:#f2f2f2;
}



/* -------------------------------------
	32.トライアルキット（2011.12追加）
------------------------------------- */
#trial11 {
	margin:0 0 40px;
}
#trial11 h2,
#trial11 h3,
#trial11 h4,
#trial11 p,
#trial11 ul,
#trial11 li {
	margin:0;
	padding:0;
}
#trial11 img {
	vertical-align:top;
}

#trial11 .trial-kit li {
	position:relative;
	float:left;
	width:310px;
}
#trial11 .trial-kit .btn {
	position:absolute;
	bottom:15px;
	left:25px;
}

#trial11 .item-list li {
	position:relative;
	width:620px;
}
#trial11 .item-list .btn {
	position:absolute;
	right:45px;
	bottom:26px;
}

/* -------------------------------------
	33.無料サンプル請求（2011.12追加）
------------------------------------- */
#sample .list li {
	float:left;
	margin:0 6px 20px;
}
#sample .list img {
	margin:0 0 5px;
}


/* -------------------------------------
	34.会員限定 特別販売（2012.1追加）
------------------------------------- */
/* ----------------------
	初期設定
------------------------- */
#member-limited {
	margin:0 0 40px;
}
#member-limited h3,
#member-limited h4,
#member-limited p,
#member-limited li {
	margin:0;
	padding:0;
}
#member-limited h2 {
	margin:0 0 20px;
}
#member-limited img {
	vertical-align:top;
}

#member-limited .pagetop {
	margin:15px 0 30px 0;
	text-align:right;
}


/* ----------------------
	ローカルナビゲーション
------------------------- */
#member-limited .lnav {
	margin:0 -10px 20px 0;
	overflow:hidden;
	zoom:1;
}
#member-limited .lnav li {
	float:left;
	margin:0 10px 0 0;
}

/* ----------------------
	商品
------------------------- */
#member-limited .item {
	padding:0 29px;
}
#member-limited .item li {
	position:relative;
	width:560px;
	margin:0 0 40px;
}
#member-limited .item li .btn {
	position:absolute;
	right:20px;
	bottom:20px;
}


/* ----------------------
	季節のお買い得
------------------------- */
#member-limited #seasons .inner {
	border:1px solid #802d0c;
}

/* プレゼント内容 */
#member-limited #seasons .present {
	position:relative;
	width:618px;
	height:437px;
	background:url(../../images/fs-cp/member_limited/seasons/p_bg_01.jpg) 0 0 no-repeat;
}
#member-limited #seasons .present .read-01 {
	position:absolute;
	top:30px;
	left:325px;
}
#member-limited #seasons .present .read-02 {
	position:absolute;
	top:262px;
	left:16px;
}
#member-limited #seasons .present .read-03 {
	position:absolute;
	top:156px;
	left:370px;
}
#member-limited #seasons .present .btn {
	position:absolute;
	top:397px;
	left:410px;
}


/* ----------------------
	SONOKOのお薦め
------------------------- */
#member-limited #recommend .inner {
	border:1px solid #802d0c;
}

/* サプリメント＆アンチエイジング */
#member-limited #recommend #sup .read {
	position:relative;
	width:618px;
	height:359px;
	background:url(../../images/fs-cp/member_limited/recommend/p_sup_bg_01.jpg) 0 0 no-repeat;
}
#member-limited #recommend #sup .read-01 {
	position:absolute;
	top:46px;
	left:327px;
}
#member-limited #recommend #sup .read-02 {
	position:absolute;
	top:210px;
	left:31px;
}
#member-limited #recommend #sup .read-02 h5 {
	margin:0 0 20px;
}
#member-limited #recommend #sup .read-02 li {
	margin:0 0 8px 18px;
}

/* 生活習慣＆ダイエット */
#member-limited #recommend #diet .read {
	position:relative;
	width:618px;
	height:380px;
	background:url(../../images/fs-cp/member_limited/recommend/p_diet_bg_01.jpg) 0 0 no-repeat;
}
#member-limited #recommend #diet .read-01 {
	position:absolute;
	top:46px;
	left:327px;
}
#member-limited #recommend #diet .read-02 {
	position:absolute;
	top:210px;
	left:31px;
}
#member-limited #recommend #diet .read-02 h5 {
	margin:0 0 20px;
}
#member-limited #recommend #diet .read-02 li {
	margin:0 0 8px 18px;
}


/* -------------------------------------
	35.SONOKO白絹（シルク）ファンデーション（2012.1追加）
------------------------------------- */
/* ----------------------
	特長
------------------------- */
#silk-foundation #merit {
	padding:20px 10px;
}
#silk-foundation #merit li {
	padding-left:1em;
	text-indent:-1em;
}

/* ----------------------
	ご使用方法
------------------------- */
#silk-foundation #howtouse {
	padding:20px 10px;
}
#silk-foundation #howtouse .image {
	float:right;
	margin:0 0 20px 40px;
}
#silk-foundation #howtouse li {
	margin-left:10px;
	padding:0 0 15px 45px;
}
#silk-foundation #howtouse li.no-01 {padding-top:6px; background:url(../../images/fs-basemake/silk_foundation/no_01.gif) 0 0 no-repeat;}
#silk-foundation #howtouse li.no-02 {background:url(../../images/fs-basemake/silk_foundation/no_02.gif) 0 0 no-repeat;}
#silk-foundation #howtouse li.no-03 {padding-top:6px; background:url(../../images/fs-basemake/silk_foundation/no_03.gif) 0 0 no-repeat;}
#silk-foundation #howtouse li.no-04 {background:url(../../images/fs-basemake/silk_foundation/no_04.gif) 0 0 no-repeat;}
#silk-foundation #howtouse li.no-05 {background:url(../../images/fs-basemake/silk_foundation/no_05.gif) 0 0 no-repeat;}