/* テーマ/beauty_food_store */

body{
	font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, Meiryo, sans-serif;
	text-align:center;
	margin:0;
	padding:0px;
	font-size:12px;
	line-height:135%;
	color:#555555;
}

table{ /* 基本テーブル設定（固定）*/
	border:0px none;
	margin:0px auto;
	padding:0px;
	text-align:left;
	border-collapse:collapse;
}

th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}

td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}

th {white-space:nowrap;} 

h1,h2,h3,h4 { /* 基本タイトル（固定）*/
	padding:0px;
	margin:0px;
	font-size:12px;
}

h3 { 
	color:#ffffff;
	background-color:#00A1FF;
}

a{ /* 基本のリンク （固定）*/
	color:#666666;text-decoration:underline;}
a:hover {
	color:#666666;text-decoration:none;}

ul{ /* 基本のリスト （固定）*/
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul ul{	list-style-type:none;}

img{ border:0px;}/* イメージボーダー指定 */

form {
padding:0px;
/*display:inline;*/
}

p{ line-height:150%;margin:5px 0px;padding:2px 0px;}

.clear_both { /* 画像の周り込み解除 */
	clear:both;
	font-size:1px;
	visibility:hidden;
	overflow:hidden;
	height:0px;
	text-align:center;
}

.button1{ /* inputボタン設定 */
	cursor:hand;
	background:#039FFF none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:18px;
	margin:2px 0 0;
}

.text1 {
	border:1px solid #CCCCCC;
	padding:0px;
	margin:0px;
}/* テキストエリアデザイン設定 */

.caution{ font-weight:bold;color:#CC0000;}/* エラーメッセージ */

.no2{font-size:14px;} /* フォントズーム */

.strong{ font-weight:bold;}/* フォントボールド */

.red{color:#CC0000;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#666666;} /* フォントグレー */

.item img{/* 商品画像枠  */ 
	height:auto;
	padding:5px;
	margin:0px;
	background:#FFFFFF;
	text-align:center;
}

.spacebox{/* スペース設定  */ 
	height:50px;
}

/********************************************************************/
/* 大枠テーブル（固定） */
#container {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background: #ffffff;
}

/* マイページ、ポップアップ画面 */
#enter {
	width:100%;
	text-align:left;
	background: #ffffff;
	border:1px solid #B6A081;
}

/* ヘッダー */
#header{
	background:#00A1FF;
	height:128px;
	padding-top:15px;
	margin-bottom:15px;
	width:900px;
}

td>#header { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:128px;
}



.shoplogo{ /* サイトロゴブロック（設定の場合） */
	padding:15px 5px 5px 0px;
	margin:0px;
	position:relative;
}

.shoplogo img{ /* サイトロゴブロック（表示なし） */
	/*display:none;*/
}

.siteName { /* サイト名 h1 （テキスト） */
	margin:0px;
	padding:20px 10px 3px 0px;
	font-size:12px;
	font-weight:900;
	line-height:1em;
display:none;
}
.siteName a { color:#CC0000;text-decoration:none;}
.siteName a:hover {
	color:#3399CC;
	text-decoration:underline;
}


.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
	padding:5px 10px 2px 0px;
	margin:0px;
	line-height:10px;
	font-weight:normal;
	font-size:8px;
display:none;
}

.sitecopy a {color:#ffffff;text-decoration:none;}
.sitecopy a:hover {color:#ffffff;text-decoration:none;}


/* ヘッダーメニュー */
#headMenu {
	width:100%;
	margin:0;
	margin-bottom:4px;
	background-color:#CC0000;
	margin-bottom:10px;
	color:#FFFFFF;
	clear:both;
	display:none;
}

.headnavi { /* ヘッダーメニューテキスト */
	padding:5px 5px 5px 1px;
	font-weight:normal;
	text-align:right;
	display:none;
}

.headnavi a{
	padding:10px 5px 10px 5px ;
	margin:5px 0px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.headnavi a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../img/headnavi_bg_on.gif);
}

.navi01 {/* ヘッダーメニューアイコン */
	color:#333333;
	/*background:url(../img/hnavi01.gif) no-repeat center left;*/
}

/* ヘッダー下装飾ライン */
.hline {
	border:0px solid #B6A081;
	background:url(../img/hline.gif) no-repeat #B6A081;
}

.headMenuBtn {/* ヘッダーボタン */




	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	right:20px;
	top:-130px;
	z-index:10000;
}

.headMenuBtn2 {/* ヘッダーボタン */
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	left:-190px;
/left:-190px;
	top:-46px;
	width:900px;
	z-index:10000;
}

html>/**/.headMenuBtn2 {
left/*\**/:-190pxx\9
}


.headMenuBtn2 li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}

#headMenuBtn2 .end {
	float: left;
	margin: 0 ;
	padding: 0;
}


.headMenuBtn2 li img {
	vertical-align: bottom;
}

#center3 .headMenuBtn2 {
left:0;
top:-46px;
}

#header img {
left:0px;
position:absolute;
top:0;
z-index:1000;
}

#header h1 {
left:35px;
position:absolute;
top:0;
}

#header h2 {
left:385px;
position:absolute;
top:12px;
color:#CC0000;
}
/********************************************************************/

#leftSide { /* 左サイドtd */
	width:170px;
	padding:0 0px 0 0px;
	margin:0px;
	background:#ffffff;
	vertical-align:top;
}

#rightSide { /* 右サイドtd （3列）*/
	width:170px;
	padding:0px;
	margin:0px;
	background:#ffffff;
	vertical-align:top;
}

#rightSide { /* 右サイドtd （3列 ブログ）*/
	width:170px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#center1 { /* センター td （2列）*/
	width:700px;
	padding:0 10px 0 20px;
	margin:0px;
	vertical-align:top;
	background:#FFFFFF;
}

#center2 { /* センターtd （3列）*/
	width:695px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:#FFFFFF;
}

#center3 { /* センターtd （装飾用）*/
	vertical-align:top;	
	background:#ffffff;

}


.header_area { /* ヘッダのフリーエリア */
margin:0;
padding:0;
text-align:left;
width:100%;
position:relative;

}

.footer_area { /* フッタのフリーエリア */
	text-align:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	width:680px;
	display:none;
}

.sidebox { /* サイド用ブロック（幅設定） */
	padding:1px 0px 0px 0px;
}

.sidebox .title1 { /* サイド用ブロック（幅設定） */
	margin: 15px 0 0 0;
text-align:center;
}

.centerbox { /* センター用ブロック（幅設定） */
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width:695px;
}

.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* 基本商品テキスト設定 */

.price{ /* 商品価格 */
	color:#666666;
}
.price.zoom{ /* 商品価格 （商品詳細） */
	font-size:14px;
	font-weight:bold;
}
.expl{ /* 商品説明文 */
	text-align:left;
	color:#666666;
}
.expl a{color:#666666;	text-decoration:none;}
.expl a:hover{color:#666666;text-decoration:underline;}

.fixed{ /* 商品定価 */
	font-size:12px;
	color:#666666;
	text-align:left;
}

h2.goods /* 商品名 （商品一覧）*/
a{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	text-decoration: underline;
	font-weight:bold;
}
	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0px ;
	padding:0px;
}

.topIMG td{
	margin:0px;
	padding:0px;
	background:#ffffff;
}

.shopCopy { /* サイト説明 */
	font-size:12px;
	line-height:130%;
	margin:0px auto;
	padding:0px;
	color:#3399CC;
	font-weight:normal;
	text-align:left;
}

.shopCopy ul { 
list-style-type:none;
	margin:0px;
	padding:0px ;
}

.shopCopy li { 
	margin:0px;
	padding:0px;
}

/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
	padding:8px 0px 0px 7px;
	margin:0px;
	width:auto;
	color:#CC0000;
	height:19px;
	line-height:100%;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing:0.2em;
	background-image:url(../img/title_bar01.gif);
}

.title1{ /* タイトル2 h1 */
	padding:8px 3px 0;;
	margin:0px auto;
	color:#ffffff;
	height:19px;
	line-height:100%;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	background-color:#039FFF;
        letter-spacing:-0.05em;
}
.title1 a{color:#CC0000;text-decoration:underline;}
.title1 a:hover{
	color:#CC0000;
	text-decoration:underline;
	font-weight:bold;
}
.title2{ /* タイトル2 h1 */
	padding:8px 0px 0px 7px;
	margin:0px;
	width:auto;
	color:#CC0000;
	height:19px;
	line-height:100%;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	letter-spacing:0.2em;
	display:none;
}
.title2 a{color:#CC0000;text-decoration:underline;}
.title2 a:hover{
	color:#CC0000;
	text-decoration:underline;
	font-weight:bold;
}
.title3{ /* タイトル2 h1 */
	padding:8px 0px 0px 7px;
	margin:0px;
	width:auto;
	color:#CC0000;
	height:19px;
	line-height:100%;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	letter-spacing:0.2em;
	background-image:url(../img/title_bar01.gif);
}
.title3 a{color:#CC0000;text-decoration:underline;}
.title3 a:hover{
	color:#CC0000;
	text-decoration:underline;
	font-weight:bold;
}

.rank{/* ランキングアイコン */
        text-align:left;
}

.mainCont { /* メインコンテンツ */
	padding:0px;
	margin:0px;
	width:auto;
	background:#FFFFFF;
}

.contbox { /* メインコンテンツ内項目ボックス*/
	padding:10px 0px;
	margin:0px;
	width:auto;
}


ul.news{ /* 最新情報リスト設定 */
	text-align:left;
	padding:15px 0px 0px 5px ;
	margin:0px auto;
	list-style-type: none;
	color:#666666;
	width:655px;
}

li.news{ /* 最新情報リスト設定 */
	padding:0px 0 10px;
	margin:0px;
	font-size:14px;
}

li.p3{padding:3px;}

ul.free_list{ /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#333333;
}

ul.list{ /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#333333;
}

ul.map{ /* サイトマップリスト設定 */
	font-size:12px;
	text-align:left;
	padding:0px 20px;
	margin:0px;
	color:#333333;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	font-size:12px;
	padding:5px 25px;
	color:#333333;
	background:url(../img/icon_sitemap.gif) no-repeat ;
	background-position:left center;
}


/* テーブル余白設定  （固定） */
.layoutp5  { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

.layoutp3  { padding:5px 0px;
}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}

.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */

.backcolor1 { background:#c0e5f5;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#D7EBF4;padding:10px 0px;} /* カート部分 */


/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
	margin:10px 0px 0px 0px;
	padding:1px;
	width:695px;
}
.layoutFrame td{
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.layout1{ /* レイアウト */
	margin:1px 20px;
	padding:3px;
	background:#FFFFFF;
}
.layout1 td{
	margin:0px;
	padding:3px;
}

/* 第二階層 */

#bread{ /* パンクズ */
	margin:0px;
	padding:3px 0px 3px 0px;
	color:#840921;
	text-align:left;
	background:#FFFFFF;
display:none;
}
#bread a { color:#8F0A24;}
#bread a:link { 
	text-decoration:underline;
}
#bread a:hover { 
	text-decoration:underline;
	color:#3399CC;
}

h4.title{
	font-size:12px;
	margin:15px 0px 0px;	
	padding:2px 0px;
	color:#039fff;
	border-bottom:1px dotted #333333;
	width:655px;
}

.mainFrame{ /* メイン大枠 */
	margin:0px auto;
	padding:1px;
	width:680px;
}

p.title	{ margin:3px 0px;	
	padding:2px 0px;
	color:#669933;
	border-bottom:1px dotted;
	font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent,.mailmag_cha,.mailmag_can {
	color:#CC0000;
}

.mailmag_ent{ /* 新規登録 h4 */
	font-size:12px;
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;

}

.mailmag_cha{ /* アドレス変更 h4 */
	font-size:12px;
	padding:12px 0px 0px 60px;


	background:url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* 配信解除 h4 */
	font-size:12px;
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_can.gif) no-repeat;
}

#sortList{ /* ソート */
	margin:0px;
	padding:10px 3px 5px 3px;
	width:auto;
	color:#333333;
	float:right;
}

.pageTop { /* ページトップ */
	padding:3px 5px 0px 17px;
	margin:10px 5px;
	background-image:url(../img/icon_top.gif);
	background-repeat:no-repeat;
	background-position:50% left;
	font-size:10px;
	font-weight:bold;
	float:right;
}
.pageTop a{ color:#039FFF;text-decoration:none;}
.pageTop a:hover{ color:#039FFF;text-decoration:none;}


/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
	padding:0px;
	width:auto;
	border-top:1px #00A1FF solid;
	background-color:#00A1FF;
	height:70px;
	text-align:center;
	margin-top:5px;
	color:#FFFFFF;
}

td>#footer { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:70px;
}

.footnavi { /*フッターメニューテキスト設定*/
	padding:15px 20px 5px 20px;
	color:#FFFFFF;
}
.footnavi a{ 
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:normal;
}
.footnavi a:hover { color:#FFFFFF;text-decoration:underline;}

#copyright { /* コピーライト */
	padding:0px;
	width:auto;
	height:20px;
	color:#FFFFFF;
	text-align:center;
}

#footer>#copyright { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:20px;
}

/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
	padding:6px 0px 0px 0px;
	margin:0px;
	width:auto;
}

#search label{
	padding:0px 0px 2px 0px;
	margin:0px;
	color:#CC0000;
	line-height:100%;
	letter-spacing:0.2em;
	font-size:14px;
	font-weight:bold;
}


.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}

/* サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
	padding:0px 0px;	
	display:block;
	line-height:130%;
}

.list h3 { /* タイトル */
	padding:5px 5px;
	margin:0px;
}

ul.free_listbox{
	text-align:left;
	padding:0px;
	margin:0px;
	list-style:none;
}


ul.listbox {
	text-align:left;
	padding:0 0 0;
	margin:0px 0px 15px 0px;
	list-style:none;
}

ul.listbox li {
	margin: 10px 0px 0px;
}

li.ca1 {
	margin:0px;
	font-weight:bold;
}

li.ca1 a {
	padding:5px 3px 5px 20px;
	display:block;
	color:#990000;
	text-decoration:none;
	background: #FFFFFF url(../img/icon_l.gif) no-repeat 0px center;
}

li.ca1 a:hover {
	color:#990000;
	text-decoration:none;
	background: #FFFFFF url(../img/icon_l.gif) no-repeat 0px center;
}


li.ca2 {
	margin:0px 0px 5px 20px;
	list-style-image:url(../img/icon_s.gif);
	color:#555555;
}

li.ca2 a{
	padding:1px 3px 1px 8px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	color:#555555;
}

li.ca2 a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#555555;
}

li.ca3 {
	margin:0px;
	border-top:1px solid #FFFFFF;	
	border-bottom:1px solid #FFFFFF;	
}

li.ca3 a{ padding:5px 3px 5px 15px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	background-image:url(../img/icon_eye01.gif);
	background-repeat:no-repeat;
	/*background:#FEDEDF;*/
	color:#CC0000;
}

li.ca3 a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../img/icon_eye01_ov.gif);
	background-repeat:no-repeat;
	background-color:#CC0000;
}

li.ca4 {
	margin:0px;
	border-bottom:1px solid #FFFFFF;
}

li.ca4 a{ padding:3px 3px 3px 25px;
	display:block;
	color:#333333;
	font-weight:normal;
	text-decoration:none;
	background:url(../img/icon_eye02.gif) no-repeat #EBEBEB;
}

li.ca4 a:hover{
	color:#547D2B;
	font-weight:normal;
	text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #EBFFAC;
}

.sline1 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
}

.sline2 { /* サイドバー下ライン */
	padding:0px;
	margin:0px;
}

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin:5px 0px 0px 0px ;
	padding:0px;
	background: #FFFFFF;
}

.sidemain1 .pay { /* メイン枠 */
	margin:10px 0px 0px 0px ;
	padding:0px;
}

.sidemain1 p {
	padding:3px 0px 3px 0px;
	margin:0px auto;
	line-height:140%;
}

.sidemain1 ul { /* リスト設定 */
	margin:0px;
	padding:3px 0px 3px 0px;
	list-style:none;
} 

.sidemain1 li {
	display:block;
	padding:0px 0px 0px 0px;
	color:#666666;
}

/* カレンダー */
caption { /* 年月タイトル */
	 font-weight:bold;
	 text-align:center;
	 padding:3px;
	 color:#333333;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333;	 text-decoration:underline;}

.carender { /* カレンダー テーブル*/
	 border-collapse:collapse;
	 padding:5px 0px;
	 margin:0px;
	 text-align:center;
	 background-color:#FFFFFF;
}

.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #CCCCCC;	
	 background-color:#FFFFFF;
}

.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;	
	 background-color:#FFFFFF;
}

th.day { /* ヘッダ平日 */
	font-weight:bold;
	color:#CC0000;
	background:#FEDEDF;
	text-align:center;
}

th.sun { /* ヘッダ日曜 */
	color:#FFFFFF;
	background:#CC0000;
	text-align:center;
}

th.sat { /* ヘッダ土曜 */
	color:#FFFFFF;
	background:#3399CC;
	text-align:center;
}

.chert { /* 表示色説明枠  */
	margin:5px 5px;
	font-size:10px;
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFFF;
}

.line01{
	/*border:#DEDBBE 1px dotted;*/
	vertical-align:buttom;
} 

#rss{ / * RSS設定 */
	margin:10px 0px 20px 0px ;
	padding:10px 0px 20px 10px ;
}

#count{ / * カウンター */
	margin:0px;
	padding:5px;
}

/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス*/
	padding:5px;
	margin:2px 0px;
	width:auto;
	/* background:url(../img/blogbox.gif) ;*/
}

.entry_title { /* ブログエントリータイトル h2 */
background-color:#CC0000;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
height:19px;

letter-spacing:0.2em;
line-height:100%;
margin:0 auto;
padding:8px 0 0 7px;


vertical-align:middle;
display:none;

}

.entry_date{
	display:block;
	padding:10px 0px 3px 0px;
	color:#333333;
	text-align:right;
}

.state{ /* ブログステータス */
	padding:2px 0px;
	text-align:right;
	border-top:1px solid #ded9c5;
       display:none;
}

.subtitle {/* h3 ブロックサブタイトル */
	padding:5px 0px 5px 0px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:12px;
	color:#547D2B;
	background:url(../img/subtitle.gif);
	height:19px;
}

 p.label { /* ブログコメントタイトル */
	font-weight:bold;
}

.tb_url{ /* トラックバックurl */
	font-weight:bold;margin-bottom:10px;
}

/********************************************************************/
/* カート */

.point {font-size:12px;color:red;font-weight:900;}

.pointline {font-size:12px;color:#FFFFFF;font-weight:900;padding:3px 3px 5px 3px;background-color:#CC0000;}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:100%;
	height:83px;
}

.step_navi01 {
	background-image:url(https://cart.shopserve.jp/vol1blog/b/bfsj.ch.shopserve.jp/docs/pic-labo/navi01.gif);
	background-repeat:no-repeat;
       height:225px;
}

.step_navi02 {
	background-image:url(https://cart.shopserve.jp/vol1blog/b/bfsj.ch.shopserve.jp/docs/pic-labo/navi02.gif);
	background-repeat:no-repeat;
        height:225px;
}

.step_navi03 {
	background-image:url(https://cart.shopserve.jp/vol1blog/b/bfsj.ch.shopserve.jp/docs/pic-labo/navi03.gif);
	background-repeat:no-repeat;
        height:225px;
} 

.step_navi04 {
	background-image:url(https://cart.shopserve.jp/vol1blog/b/bfsj.ch.shopserve.jp/docs/pic-labo/navi04.gif);
	background-repeat:no-repeat;
        height:225px;
}


.linkArrow01 {
background:#FFFFFF url(http://beautyfoodstore.jp/pic-labo/link_allow.gif) no-repeat scroll left center;
display:block;
margin:8px 0 0 0;
padding:0 0 0 15px;
text-align:left;
}

/********************************************************************/
/* サイドメニュー */
.books {
	width:93px;
}


/********************************************************************/
/* サポート用追加 */

.support_area{ /* サポートエリア*/
	padding:1px;
	margin:5px auto 0px;
	background-color:
	line-height:130%;
	font-weight:normal;
	color:#666666;
	background-color:#EDE6D6;
	width:692px;
}

li img  {
	vertical-align:bottom;
}

li.support_first  {
	padding: 3px 1px 1px 1px;
	margin:0;
	float:left;
}

li.support  {
	padding: 3px 1px 1px 1px;
	margin:0;
	float:left;
}

li.support_end {
	padding:3px 3px 1px 1px;
	margin:0;
	float:left;
}

li.support2_first  {
	padding: 1px 1px 3px 1px;
	margin:0;
	float:left;
}

li.support2  {
	padding: 1px 1px 3px 1px;
	margin:0;
	float:left;
}

li.support2_end {
	padding:1px 3px 3px 1px;
	margin:0;
	float:left;
}

.s_title{
padding:3px 0px 3px 3px;
}
.s_left{
float:left;
}
.s_right{
float: right;
}


/********************************************************************/
/* 商品情報用追加 */

.main{
font-size:18px;
line-height:150%;
font-weight:bold;
}
.sub{
font-size:14px;
line-height:150%;
font-weight:bold;
}

.red_b{
font-weight:bold;
color:#CC0000;
}


.point_title{
display:block;
font-size:14px;
line-height:150%;
font-weight:bold;
padding-top:25px;
}

.point_no{
display:block;
line-height:150%;
font-weight:bold;
padding-top:10px;
}

.img_left{
float:left;
display:block;
width:330px;
}
.img_right{
float: right;
display:block;
}

.img_right img{
padding-bottom:10px;
}

.img_left2{
float:left;
display:block;
}

.img_left2 img{
padding-bottom:10px;
}

.img_right2{
float: right;
display:block;
width:330px;
}

/********************************************************************/
/* テーブル設定用CSS */

.table_b{
	border-collapse: separate;
}

.table_st{
	padding:5px;
	background:#CC0000;
}

.table_txt01{
	padding:5px;
	background:#e9e9e9;
}

.table_txt02{
	padding:5px;
	background:#f5f5f5;
}
/********************************************************************/
/* フォント設定用CSS */

/* フォントサイズ */
.t1 {
	font-size:70%;
	line-height:120%;
}

.t2 {
	font-size:120%;
	line-height:130%;
}

.t3 {
	font-size:150%;
	line-height:150%;
}

.t4 {
	font-size:170%;
	line-height:150%;
}

.t5 {
	font-size:200%;
	line-height:150%;
}

.t6 {
	font-size:250%;
	line-height:150%;
}

/* フォントカラー */
.f_white{
	color:#FFFFFF;
}

.f_black{
	color:#000000;
}

.f_red{
	color:#CC0000;
}

.f_red2{
	color:#FF7070;
}

.f_orange{
	color:#FFAA01;
}

.f_orange2{
	color:#ffa500;
}

.f_blue{
	color:#0000ff;
}

.f_blue2{
	color:#0080F0;
}

.f_green{
	color:#008000;
}

.f_green2{
	color:#00ff00;
}

.f_purple{
	color:#800080;
}

.f_purple2{
	color:#cc51cc;
}

/* フォントスタイル */
.b{
	font-weight:bold;
}

.st{
	margin:10px;
	padding:5px;
	background:#CC0000;
}

/* colezzo */

.colezzo_bg {
	width: 655px;
	background: url(http://beautyfoodstore.jp/pic-labo/colezzo_bg01.gif) repeat;
	padding-bottom: 15px;
}

.colezzo_contents {
	width: 584px;
	margin: 0 auto;
	color:#FFF;
	background: url(http://beautyfoodstore.jp/pic-labo/colezzo_bg.gif) repeat-y;
}

.colezzo_contents img{
	vertical-align: bottom;
}

.colezzo_wrap {
	width: 554px;
	padding: 0 15px 15px 15px;
	text-align:left;
}

.colezzo_btn li {
	float: left;
}

.colezzo_left01 {
	float: left;
	width: 241px;
}

.colezzo_right01 {
	float: right;
	width: 295px;
}

.colezzo_clear {
	clear: both;
}

.colezzo_left02 {
	width: 225px;
	float: left;
}

.colezzo_right02 {
	float: right;
	width: 310px;
}


.colezzo_left03 {
	width: 226px;
	float: left;
}

.colezzo_right03 {
	float: right;
	width: 306px;
	overflow: hidden;
}

.cartarea {
	padding: 5px;
	margin-bottom: 20px;
	width: 542px;
}

.cartarea p {
	margin: 0;
	padding: 0;
}


.style5  {
	position: relative;
}

.style5 p {
	margin: 0;
	padding: 0;
}

.style5_btn01 {
	position: absolute;
	left: 24px;
	top: 458px;
}

.style5_btn04 {
	position: absolute;
	left: 24px;
	top: 100px;
}

.style5_btn05 {
	position: absolute;
	left: 188px;
	top: 100px;
}

.style5_btn06 {
	position: absolute;
	left: 357px;
	top: 100px;
}

.cart_position1 {
	position: relative;
	margin: 0 0 10px 0;
}

.cart_position1_b {
	position: absolute;
	left: 295px;
	top: 298px;
}

.cart_position1_c {
	position: absolute;
	left: 295px;
	top: 235px;
}

.cart_position1_d {
	position: absolute;
	left: 295px;
	top: 240px;
}

.cart_position1_e {
	position: absolute;
	left: 297px;
	top: 100px;
}

.cart_position1_f {
	position: absolute;
	left: 294px;
	top: 95px;
}


.cartarea02 {
	border: #9b8765 1px solid;
	margin-bottom: 20px;
	width: 549px;
}

.tablearea {
	border: 1px #333333 solid;
	width: 520px;
	margin: 10px auto;
	border-collapse: collapse;
	clear: both;
}

.tablearea tr {
	border: 1px solid #333333;
	padding: 3px;
	vertical-align: middle;
	border-collapse: collapse;
}

.tablearea td {
	border: 1px solid #333333;
	padding: 3px;
	vertical-align: middle;
	border-collapse: collapse;
}

.cartimg {
	float: left;
}

.cartarea02 {
border:1px solid #9B8765;
margin-bottom:20px;
width:549px;
}

.cartarea_right {
	float: right;
	width: 245px;
	padding-right:3px;
}

.infobox {
   height: 5em;
   overflow: auto;
   border: #fff 1px solid;
	 padding: 10px;
	 height: 300px;
	 margin-bottom: 20px;
}

.bg_bottom {
	background: url(http://beautyfoodstore.jp/pic-labo/colezzo_bg_bottom.gif) bottom no-repeat;
}

.text_color {
	color: #ff7e00;
}

.colezzo_cart_02 {
	position: absolute;
	left: 285px;
	top:940px;
}
.guide_area {
	width:543px;
	margin: 0 auto;
	background: #fff repeat-y;
	color: #3e1a07;
	text-align:left;
}

.guide_area02 {
	padding:10px;
	text-align:left;
}


.guidtitle {
	margin: 0 auto;
	width: 544px;
}

.left_area {
	float: left;
	width: 255px;
}

.right_area {
	float: right;
	width: 255px;
}

/* ご利用ガイド */

#list_ave {
color:#5D5D5D;
font-size:12px;
line-height:18px;
}

#list_ave dd {
margin:5px 0 15px;
padding:0;
}


/* ご利用ガイド フリーページ */

.guide_icon {
	float: left;
	margin-right: 10px;
	width:64px;
}






/* 真珠 */
#s_cauntainer {
margin:0 auto;
padding:0;
width:655px;
background-color:#F0EADE;
}

#s_main {
margin:30px auto 0;
padding: 0 ;
width:580px;
background: url(http://beautyfoodstore.jp/pic-labo/s_main_bg.gif);
text-align:center;
}

#s_main p {
margin:0;
padding:0;
}

#s_main p.lead {
margin:0;
padding: 20px 0 0 0;
}

#s_main p.text {
margin:0;
padding: 40px 0 0 0;
}

#s_main p.btn {
margin:0;
padding:30px 0 10px 0;
}

#s_main2 {
margin:30px auto 0;
padding: 0 ;
width:580px;
background: url(http://beautyfoodstore.jp/pic-labo/s_main2_bg.gif);
}

#s_main2 p {
margin:0;
padding:0;
}

#s_main2 p.s_st {
margin:0;
padding: 20px 0 20px 0;
}

#s_main2 .s_infobox {
height:300px;
margin:0 auto 20px;
overflow:auto;
padding:10px;
width:530px;
text-align:left;
}

#s_main2 .s_textarea{
margin: 0 0 0 0;
padding: 0 0 0 20px;
width:320px;
}

#s_main2 .s_rightarea{
margin: 0 0 0 0;
padding: 0 20px 0 0;
width:205px;
}

#s_main2 .s_textarea2{
margin: 0 0 0 0;
padding: 0 0 0 20px;
width:240px;
}

#s_main2 .s_rightarea2{
margin: 0 0 0 0;
padding: 0 20px 0 0;
width:300px;
}

#s_main2 p.s_text{
margin:0;
padding: 0px 20px 10px 20px;
text-align:left;
color:#9F814C;
}

#s_main2 p.s_text1{
margin:0;
padding:0;
text-align:left;
color:#9F814C;
}

#s_main2 p.s_text2{
margin:0;
padding:5px;
text-align:left;
color:#9F814C;
font-size:10px;
}

#s_main2 p.s_text3{
margin:0;
padding:5px;
text-align:left;
color:#666666;
font-size:10px;
}

#s_main2 p.s_text4{
margin:0;
padding: 0px 20px 5px;
text-align:left;
color:#9F814C;
}

#s_cart {
margin:30px auto 0;
padding: 0 ;
width:545px;
background: url(http://beautyfoodstore.jp/pic-labo/s_main2_6bg.gif);
}

#s_cart .tablearea {
	border: 1px #666666 solid;
	width: 520px;
	margin: 10px auto;
	border-collapse: collapse;
	clear: both;
}

#s_cart .tablearea tr {
	border: 1px solid #666666;
	padding: 3px;
	vertical-align: middle;
	border-collapse: collapse;
}

#s_cart .tablearea td {
	border: 1px solid #666666;
	padding: 3px;
	vertical-align: middle;
	border-collapse: collapse;
}

/* ふかひれ */
#f_cauntainer {
margin:0 auto;
padding:0;
width:655px;
background-color:#E9EAEC;
color:#939393;
}

#f_main {
margin:30px auto 0;
padding: 0 ;
width:580px;
background: url(http://beautyfoodstore.jp/pic-labo/f_main_bg.gif);
text-align:center;
}

#f_main p.lead {
margin:0;
padding: 20px 0 0 0;
}

#f_main p.text {
margin:0;
padding: 40px 0 0 0;
}

#f_main p.btn {
margin:0;
padding:30px 0 10px 0;
}


#f_main p {
margin:0;
padding:0;
}

#f_main2 {
margin:30px auto 0;
padding: 0 ;
width:580px;
background: url(http://beautyfoodstore.jp/pic-labo/f_main2_bg.gif);
}

#f_main2 p {
margin:0;
padding:0;
text-align:left;
}

#f_main2 p.s_st {
margin:0;
padding: 20px 0 0;
}

#f_main2 p.text {
margin:0;
padding: 5px 20px;
}

#f_main2 .s_infobox {
height:300px;
margin:0 auto 20px;
overflow:auto;
padding:10px;
width:530px;
text-align:left;
}


#f_main2 .f_textarea{
margin: 0 0 0 0;
padding: 5px 0 0 20px;
width:320px;
}

#f_main2 .f_rightarea{
margin: 0 0 0 0;
padding: 0 0px 0 0;
width:232px;
}

#f_main2 .f_textarea2{
margin: 0 0 0 0;
padding: 0 20px 0 20px;
width:250px;
}

#f_main2 .f_rightarea2{
margin: 0 0 0 0;
padding: 0 20px 0 20px;
width:250px;
}

#f_cart {
margin:30px auto 0;
padding: 0 ;
width:545px;
background: url(http://beautyfoodstore.jp/pic-labo/f_main2_6bg.gif);
}

#f_cart .tablearea {
	border: 1px #666666 solid;
	width: 520px;
	margin: 10px auto;
	border-collapse: collapse;
	clear: both;
}

#f_cart .tablearea tr {
	border: 1px solid #666666;
	padding: 3px;
	vertical-align: middle;
	border-collapse: collapse;
}

#f_cart .tablearea td {
	border: 1px solid #666666;
	padding: 3px;
	vertical-align: middle;
	border-collapse: collapse;
}

#guide p{
line-height:150%;
margin:5px 0;
padding:2px 0;
}

/* お客様の声　フリーページ */

#voice_infobox {
   height: 5em;
   overflow: auto;
   border: #666666 1px solid;
	 padding: 10px;
	 height: 600px;
	 width: 632px;
	 margin-bottom: 20px;
	 text-align:left;
}


/* マージン用追加分 */
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgb10{margin-bottom: 10px;}

/* リニューアル用追加分 */
#index_main{
	text-align:left;
}

#main_st{
width:695px;
}
#main_st .left{
	float:left;
	width:343px;
}
#main_st .right{
	float:right;
	width:343px;
}

#main_set{
	width:694px;
	background:url(http://beautyfoodstore.jp/hpgen/HPB/theme/img/main/set1_bg.gif);
	text-align:center;
}



#main_set .in{
	width:630px;
	margin:0 auto;
	}

#main_set .btn{
	padding-right:8px;
	width:204px;
	float:left;
	}

#main_set .btn_end{
	width:204px;
	float:left;
	}

#main_set2{
	width:630px;
	background:url(http://beautyfoodstore.jp/hpgen/HPB/theme/img/main/set2_bg.gif);
	text-align:center;
}

#main_set2 .in{
	width:518px;
}

#main_set2 .left{
	float:left;
	width:257px;
}

#main_set2 .right{
	float:right;
	width:257px;
}

#main_set3{
	width:518px;
	background:url(http://beautyfoodstore.jp/hpgen/HPB/theme/img/main/set3_bg.gif);
	margin:15px auto 0;
	text-align:left;
}

#main_set3 .in{
	width:499px;
	padding: 0 0 0 10px;
}

#main_couse{
	width:555px;
	background:url(http://beautyfoodstore.jp/hpgen/HPB/theme/img/main/couse_bg.gif);
	margin: 15px auto 0;
	text-align:center;
}

#main_couse .in{
margin-top:10px;
	width:470px;
}


#main_couse .left{
	float:left;
	width:235px;
}

#main_couse .right{
	float:right;
	width:227px;
}

#main_couse2{
	width:555px;
	background:url(http://beautyfoodstore.jp/hpgen/HPB/theme/img/main/couse_bg.gif);
	margin: 15px auto 0;
	text-align:center;
}

#main_couse2 .in{
margin-top:10px;
	width:506px;
}


#main_couse2 .left{
	float:left;
	width:249px;
}

#main_couse2 .right{
	float:right;
	width:234px;
}





/* Q&A　フリーページ */

#question_list li {
	padding: 0px 0 5px 15px;
	background: url(http://beautyfoodstore.jp/pic-labo/question_arrow.gif) no-repeat;
}

#question_area {
	width: 653px;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.question_title {
	margin: 20px 0;
}

.question {
	background:url(http://beautyfoodstore.jp/pic-labo/question_bar.gif) no-repeat;
	color: #FFF;
	padding: 7px 0 5px 30px;
}

.answer {
	float:left;
	width: 31px;
	margin: 0 10px 0 0;
}

.dotline {
	background:url(http://beautyfoodstore.jp/pic-labo/question_dot.gif) repeat-x bottom;
	padding-bottom: 15px;
}

.question_pageTop {
	padding:3px 5px 0px 17px;
	margin:10px 5px;
	float:right;
}



/* リニューアル用追加分_innerpage */
#main_set02{
	width:655px;
	background:#f4f4f4;
	text-align:center;
	padding-bottom: 30px;
}

#main_set02 .in{
	width:630px;
	margin:0 auto;
	}

#main_set02 .btn{
	padding-right:8px;
	width:204px;
	float:left;
	}

#main_set02 .btn_end{
	width:204px;
	float:left;
	}

#main_set02_2{
	width:630px;
	background:url(http://beautyfoodstore.jp/hpgen/HPB/theme/img/main/set2_bg.gif);
	text-align:center;
}

#main_set02_2 .in{
	width:518px;
}

#main_set02_2 .left{
	float:left;
	width:257px;
}

#main_set02_2 .right{
	float:right;
	width:257px;
}

#main_set02_3{
	width:518px;
	background:url(http://beautyfoodstore.jp/hpgen/HPB/theme/img/main/set3_bg.gif);
	margin:15px auto 0;
	text-align:left;
}

#main_set02_3 .in{
	width:499px;
	padding: 0 0 0 10px;
}

#main_couse02{
	width:555px;
	background:url(http://beautyfoodstore.jp/hpgen/HPB/theme/img/main/couse_bg.gif);
	margin: 15px auto 0;
	text-align:center;
}

#main_couse02 .in{
margin-top:10px;
	width:470px;
}


#main_couse02 .left{
	float:left;
	width:235px;
}

#main_couse02 .right{
	float:right;
	width:227px;
}

#main_couse02_2{
	width:555px;
	background:url(http://beautyfoodstore.jp/hpgen/HPB/theme/img/main/couse_bg.gif);
	margin: 15px auto 0;
	text-align:center;
}

#main_couse02_2 .in{
margin-top:10px;
	width:506px;
}


#main_couse02_2 .left{
	float:left;
	width:249px;
}

#main_couse02_2 .right{
	float:right;
	width:234px;
}


/********************************************************************/
/*フリーページ（詳細説明ページ）　共通*/

#detail_contents {
	background: rgb(244, 244, 244) none repeat scroll 0% 0%;
	width: 655px;
	padding-bottom: 20px;
}

#detail_wrap {
	background-color: #fff; width: 590px;
	margin: 0 auto;
	border: 1px solid #ece4d5;
	padding-bottom: 20px;
	text-align: center;
}

#detail_wrap p {
	line-height: 28px;
}

.text_style_01 {
	color: #e10000;
	font-weight: bold;
}


/********************************************************************/
/* フリーページ　 拘りのプラセンタエキス*/

.pdf_link  {
	background:url("http://beautyfoodstore.jp/pic-labo/triangle_icon.gif") no-repeat scroll 0 12px transparent;
	margin-left:77px;
	padding-left:12px;
	text-align:left;
	width:300px;
}



#colezzo_charm {
	padding-top: 10px;
}

#colezzo_charm li {
	background: url(http://beautyfoodstore.jp/images/index/charm_bg.gif) no-repeat;
	width: 153px;
	height: 27px;
	padding-top: 7px;
	padding-left: 17px;
	font-size: 12px;
	color:#0080FF;
	text-decoration: none;
}

#ranking {
	background: url(http://beautyfoodstore.jp/images/index/ranking.gif) no-repeat;
	padding: 10px;
	width: 150px;
	height: 170px;
}

#ranking .ranking_text { 
	padding: 58px 0 0 40px;
	color: #545454;
	font-size: 12px;
	color:#0080FF;
	text-decoration: none;
}

#ranking .ranking_text_02 {
	padding: 24px 0 0 40px;
	color: #545454;
	font-size: 12px;
	color:#0080FF;
	text-decoration: none;
}

#ranking .ranking_text_03 {
	padding: 24px 0 0 40px;
	color: #545454;
	font-size: 12px;
	color:#0080FF;
	text-decoration: none;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}


.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-tbottom: 30px;
}


.pb10 {
	padding-bottom: 10px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}
