/****************************************************
　■基本設定　CSS
****************************************************/

* {
	margin: 0;
	padding: 0;
}

html {
	
}

body {
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(images/bg_img.jpg);
	overflow-x: hidden;
}
/* --- IE7用フォント指定 --- */
*:first-child+html body {
   font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/**********************************
　■各ページ共通設定
***********************************/

.clearing {
	height: 0px;
	clear: both;
}

.hide {
	font-size: 1px;
	text-indent: -2000px;
	height: 0;
	width: 0;
}

/* --- リンクテキスト共通設定 --- */
a {
	color: #333;
	text-decoration: none;
}
a:hover{
	color: #3366CC;
	text-decoration: underline;
}

/* --- 見出し共通設定 --- */

h1 {
}

h3 {
}

h4 {
}


/* --- <p>段落　共通設定 --- */
 p {
	line-height: 1.4em;
	font-size: 80%;
}

p.bold {
	font-weight: bold;
	color: #666;
} 

/* --- イメージ　共通設定 --- */
img {
	border: none;
	vertical-align:baseline;
}

/* --- テーブル　共通設定 --- */
td {
	vertical-align: top;
}

/* --- 共通「ページのトップへ」 --- */
#container p.page-top {
	padding: 3px 0 0 0;
	margin: 30px 0;
	border-top: 1px dotted #ccc;
	text-align: right;
	font-size: 90%;
}

/* --- アイテムページ【編集リンク】等用 --- */
#item-bottom {
	text-align: right;
	margin: 15px 0;
	font-size: 90%;
	padding: 3px 0;
	border-top: 1px dotted #ccc;
}

/* --- センター寄せ --- */
.t-center {
	text-align: center;
}
/* --- 右寄せ --- */
.t-right {
	text-align: right;
}


/* --- 強調 --- 
em {
	color: #FF6699;
	font-weight: 700;
	font-style: normal;
}
strong {
	color: #3366CC;
	font-weight: 700;
}
*/

/* --- 色指定 --- */
span.green {
	color: #007800;
}
span.green-s {
	color: #669933;
	font-weight: normal;
	font-size: 90%
}
span.red {
	color: #CC3300;
}
span.red2 {
	color: #FF3366;
}

span.pink {
	color: #CC3366;
}
span.blue {
	color: #0066FF;
}
span.gray {
	color: #666;
}
span.gray-b {
	color: #666;
	font-weight: bold;
}
span.red-bold {
	color: #CC3366;
	font-weight: bold;
}
span.pink-bold {
	color: #FF66CC;
	font-weight: bold;
}

span.orange {
	color: #EE5D4F;
}


span.gold-small {
	color: #CC9933;
	font-size: 90%;
}
/* 打ち消し線 */
span.line-red {
	text-decoration: line-through;
	color: #CC0099;
}
/* 縮小 */
span.smaller {
	font-size: 80%;
}
/* 縮小 */
span.normal-s {
	font-size: 70%;
	font-weight: normal;
}


/* --- ShowBlogs Pageswitch --- */

.pageswitch {
	margin: 10px 0;
	text-align: center;
	font-size: 80%;
	clear: both;
}

b {
	color: #666;
}
i {
	font-style: normal;
	color: #FF3366;
}

/****************************************************
　■Container　
****************************************************/

/* --- TOTAL BOX --- */
#container {
	position: relative;
	width: 1020px;
	margin: 0px auto;
	background: url(images/content_back.jpg);
	background-repeat: repeat-y;
}
#container-inner {
	padding: 0 10px;
	position: static;
	width: auto;
}


/****************************************************
　■ヘッダー　#header （各ページ共通）
****************************************************/

#header-copy {
	width: 1000px;
	height: 25px;
	background-image: url(images/header_copy.jpg);
}
#container #header-copy h1 {
	font-size: 10px;
	font-weight: normal;
	padding: 10px 0 0 5px;
}

#header {
	margin: 0;
	width: 1000px;
	height: 90px;
	background: url(images/header.jpg);
}


/****************************************************
　■ヘッダー　ナビゲーション　お買い物ガイド
****************************************************/
#header-navi {
	width: 1000px;
}
#left-parts {
	width: 310px;
	float: left;
}

/*** #navi : style_navi.css ***/


/****************************************************
　■Wrapper:include　#content - #site-navi
****************************************************/
#wrapper {
	width: 1000px;
	margin: 0;
}


/****************************************************
　■メインコンテンツ　#content
****************************************************/
#content {
	width: 760px;
	margin: 0 0 30px 0;
	float: right;
}

/*********************************************
　■タイムリーバーゲン　バナー　設定
*********************************************/
#bargen-banner {
	width: 760px;
	margin: 20px 0;
}
#container #bargen-banner img {
	margin: 5px 0 0 0;
}


/*********************************************
　■各ページ共通メニュー用バナー　設定
*********************************************/

#menu-banner {
	width: 740px;
	margin: 20px 0 30px 0;
	border-top: 1px dotted #999;
	padding: 15px 0 0 0;
}

#menu-banner ul {
	list-style: none;
	text-indent: -9990px;
}

#menu-banner li {
	float: left;
}

/* 01人気売り上げランキング */
#menu-banner li.menu01 a {
	display: block;
	width: 360px;
	height: 90px;
	margin: 0  20px 15px 0;
	background-image: url(images/menu_banner_rank.jpg);
	background-position: left top;
}
#menu-banner li.menu01 a:hover {
	background-position: left bottom;
}

/* 02マスコミ紹介アイテム */
#menu-banner li.menu02 a {
	display: block;
	width: 360px;
	height: 90px;
	margin: 0 0 15px 0;
	background-image: url(images/menu_banner_media.jpg);
	background-position: left top;
}
#menu-banner li.menu02 a:hover {
	background-position: left bottom;
}

/* 03美顔・美白 */
#menu-banner li.menu03 a {
	display: block;
	width: 360px;
	height: 90px;
	margin: 0  20px 0 0;
	background-image: url(images/menu_banner_face.jpg);
	background-position: left top;
}
#menu-banner li.menu03 a:hover {
	background-position: left bottom;
}

/* 04ダイエットカウンター */
#menu-banner li.menu04 a {
	display: block;
	width: 360px;
	height: 90px;
	margin: 0 0 0 0;
	background-image: url(images/menu_banner_diet.jpg);
	background-position: left top;
}
#menu-banner li.menu04 a:hover {
	background-position: left bottom;
}

/*********************************************
　■各ページ共通　お買い物ガイド　設定
*********************************************/
#guide-block {
	width: 740px;
	margin: 15px 0 30px 0;
}
.group {
	margin: 20px 0;
}
#container #guide-block h3 {
	margin: 0 0 10px 0;
}
#container #guide-block p {
	margin: 0 10px 10px 10px;
	color: #555;
}
#container #guide-block table {
	margin: 0 0 0 10px;
	font-size: 80%;
	color: #555;
}
#container #guide-block td {
	line-height: 1.4em;
	padding: 0 0 5px 0;
}
#container #guide-block td.td-daibiki {
	padding: 0 30px 5px 0;
}

/* 配送について */
#container .group dl {
	margin: 0 10px 15px 10px;
	font-size: 80%;
	line-height: 1.4em;
}
#container .group dt {
	color: #003366;
	font-weight: bold;
}

/* リンクブロック-top */
#container #link-block table {
	margin: 0 0 0 10px;
}
#container #link-block td {
	font-size: 90%;
	width: 120px;
}
#container #link-block img {
	margin: 0 0 15px 0;
}




/****************************************************
　■右サイドナビ　side-navi
****************************************************/

#side-navi {
	width: 220px;
	float: left;
}

/*** メインイメージ ***/
#side-image {
	margin: 0 10px 20px 10px;
}

/*** 検索 ***/
#search {
	width: 200px;
	height: 36px;
	margin: 15px 10px;
	padding: 0;
	background: url(images/search_back.jpg);
}
#container #side-navi p.input-search input {
	width: 140px;
	margin: 8px 10px 0 7px;
	float: left;
}
#container #side-navi p.search-bt input {
	margin: 8px 0 0 0;
}

/*** サイトタイトル ***/
#main-floor {
	margin: 0;
}


/* 各ブロックカテゴリー width:210px */
.side-category {
	margin: 0;
}
.category-title {
	width: 220px;
	height: 25px;
}

.category-area {
	background-image: url(images/side_cat_back.jpg);
	padding: 3px 0 3px 20px;
}
#container .category-area p {
	margin: 0 0 0 0;
	padding: 3px 0 5px 20px;
	background-image: url(images/mark_gray2.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #666666;
}
#container .category-area p a {
	color: #666666;
}
#container .category-area p a:hover {
	color: #3366CC;
}

/* 選択ブロックのカテゴリータイトル */
#container .category-area p.this {
	margin: 0 0 0 0;
	padding: 3px 0 5px 20px;
	background-image: url(images/mark_red2.png);
	background-repeat: no-repeat;
	font-weight: bold;
}
#container .category-area p.this a {
	color: #DF4064;
}
#container .category-area p.this a:hover {
	color: #3366CC;
}


/* 小カテゴリー */
#container .category-area ul {
	font-size: 12px;
	list-style: none;
	margin: 0 0 10px 15px;
}
#container .category-area li {
	margin: 0 0 5px 0;
}

#container .category-area li a {
	color: #3366CC;
}

/* フラッシュ　バナー */
.side-flash {
	width: 200px;
	margin: 10px 0 10px 10px;
}


/* 注目キーワード width:210px */
#side-keyword {
	margin: 20px 0 0 0;
}
.keyword-title {
	width: 220px;
	height: 55px;
}

.keyword-area {
	background-image: url(images/side_cat_back.jpg);
	padding: 0 15px 3px;
}
#container .keyword-area ul {
	list-style: none;
	font-size: 75%;
}
#container .keyword-area li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 0 0 12px;
	line-height: 1.5em;
	background-image: url(images/icon_star.png);
	background-repeat: no-repeat;
}
.bottom-img {
	width: 220px;
	height: 5px;
}

/* 他フロアーリンクバナー */
.other-floor {
	margin: 15px 0;
}

/* お問合せバナー */
#contact-banner {
	margin: 20px 10px;
}

/* ピックアップ商品 width:210px */
.side-pickup {
	margin: 30px 0 20px 0;
	background-image: url(images/side_pickup_back.jpg);
}
.pickup-title {
	width: 220px;
	height: 45px;
}

.pickup-set {
	width: 180px;
	margin: 5px 0 15px 20px;
	text-align: center;
	border-bottom: 1px dotted #999;
}



#container .pickup-set p.head-title {
	margin: 0 0 5px 0;
	padding: 2px;
	background-image: url(images/side_pickup_head.jpg);
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
#container .pickup-set dl {
	font-size: 12px;
	line-height: 1.2em;
	margin: 5px 0;
}
#container .pickup-set dt a {
	color: #003399;
}
#container .pickup-set dt a:hover {
	color: #6699FF;
	text-decoration: underline;
}
#container .pickup-set dd {
	font-size: 14px;
	font-weight: bold;
	color: #FF0066;
	margin: 5px;
}





/****************************************************
　■フッター 
****************************************************/

#footer {
	width: 1020px;
	height: 150px;
	font-size: 80%;
	color: #fff;
}
#container #footer a {
	color: #fff;
}

/* ページトップ他リンクボタン部 */
#footer-navi {
	margin: 0;
	width: 1020px;
	height: 40px;
}

/* 上記以外DIV */
#footer-block {
	width: 1020px;
	height: 110px;
	background: url(images/footer.jpg);
	background-repeat: no-repeat;
}


/* テキストリンク */
#under-link {
	padding: 15px 30px 0 0;
	text-align: right;
	color: #FFFFCC;
	height: 25px
}
#under-link a {
	color: #FFFFCC;
}

/* 他サイトへのリンク */
.site-link {
	padding: 10px 30px 0 0;
	text-align: right;
	color: #fff;
	height: 24px;
}
#container .site-link ul {
	list-style: none;
}
#container .site-link li {
	display: inline;
	margin: 0 0 0 20px;
	padding: 3px 0 10px 20px;
	background-image: url(images/mark_gray.png);
	background-repeat: no-repeat;
}

/* コピーライト */
.copy-right {
	padding: 5px 0 0 0;
	text-align: center;
}