@charset "Shift_JIS";

/* basic elements */

html {
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
	height: 100%;
}

body {
	text-align: center;
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	background: #F3F0E7;
	font-family: osaka, 'MS ゴシック';
	height: 100%;
}


/* common layout
-----------------------------------------------------------
 1. page layout
 2. tags
 3. font
-----------------------------------------------------------
*/


a img { border: 0; text-decoration:none; }

.cl { clear: both; }

.sp {
	clear: both;
	width: 200px; height: 15px;
}


#footer a:link{ color: #fff; text-decoration:underline; }
#footer a:visited{ color: #fff; text-decoration:underline; }
#footer a:hover{ color: #fff; text-decoration:none; }

a:link{ color: #7B6A49; text-decoration:underline; }
a:visited{ color: #7B6A49; text-decoration:underline; }
a:hover{ color: #7B6A49; text-decoration:none; }


/* 1. page layout
-----------------------------------------------------------
*/

/* base layout */

#container {
	margin: 0 auto; /* center on everything else */
	padding: 0;
	width: 780px;
	height: 100%;
	text-align: left;
	background:#fff url("../img/all/bg_container.gif") 0px repeat-y;
}

#main {
	width: 762px;
	margin: 0 9px;
	padding: 0
	text-align: left;
	background:#fff url("../img/all/bg_head.gif") 0 0 repeat-x;
}

#content-cover {
	margin: 0;
	padding: 20px 1px 0 1px;
}

#content-main {
	margin: 0;
	padding: 0 2px;
}

#content  {
	margin: 0;
	padding: 0 2px;
}

#cont-right {
	width: 562px;
	float:right;
	margin: 0;
	padding: 0 2px;
}


#cont-left {
	width: 174px;
	float:left;
	margin: 0;
	padding: 0 2px;
}



/* index head layout --------------------------------------- */

#head {
	width: 760px;
	height: 70px;
	margin: 0;
	padding: 0;
}


#head h1{
	width:412px;
	height:70px;
	padding: 0;
	margin: 0;
	float: left;
	font-size: 0.1em;
	line-height: 0.1;
}

#head h1 span{/*	text hide	*/
	display:block;
	text-indent:-9999px;
}

#head h1.logo{background:#fff url("../img/all/logo_sitename.gif") 0 0px no-repeat;}
#head h1 a { display: block; width: 412px; height: 70px; text-decoration:none; }



/* インデックス メイン 画像部分 --------------------*/
#index-product-img {
	margin: 0; padding: 0 0 15px 0;
}

#index-product-img img {
	margin: 0; padding: 0; float: left;
}

/* インデックス ニュース --------------------*/

#index-news {  }
/* #index-news { float: left; width: 48%; } */

.index-news-bar { background:#fff url("../img/index/bg_news.gif") 0 0px repeat-x; border: 1px solid #fff; }

#index-news h2{
	width:86px;
	height:24px;
	padding: 0;
	margin:0;
	float: left;
	font-size: 0;
	line-height: 0;
}

#index-news h2 span{/*	text hide	*/
	display:block;
	text-indent:-9999px;
}

#index-news h2.news-title{background:#fff url("../img/index/index_news_title.gif") 0 0 no-repeat;}

.index-news-backnum { float: right; padding: 3px 5px 3px 3px; }
#index-news ul { margin: 5px 0 0 10px; padding: 0; list-style-type : none; }
#index-news ul li { background:url(../img/all/arrow_pink.gif) 0 3px no-repeat; margin:3px 0 3px 0; padding: 0 0 3px 10px; text-indent:5px; border-bottom: 1px dashed #845F04; }

#index-news ul li span { color:#E4456D; }

/* インデックス 会員専用 --------------------*/

#index-menber { float: right; width: 48%; }

/* under head layout --------------------------------------- */

#head-logo{
	width:412px;
	height:70px;
	background:#fff url("../img/all/logo_sitename.gif") 0px no-repeat;
	float: left;
}

#head-logo a { display: block; width: 412px; height: 70px; text-decoration:none; }

#head-logo span{/*	text hide	*/
	display:block;
	text-indent:-9999px;
}

/* rogin table layout --------------------------------------- */

#login-box {
	margin: 0 6px 0 0;
	padding: 0;
	font-size: 0.8em;
	float: right;
	width:330px;
}

#login-box form {
	margin: 0;
	padding: 0;
	float: right;
}

#login-box table {
	margin: 0;
	padding: 0;
	float: right;
}


#login-box table img {
	margin: 0;
	padding: 0;
}


.table-bg00 {
	background-image: url("../img/all/login_bg.gif") 0px repeat-x bottom;
}

td.table-cbg01 {
	background-image: url(../img/all/login_corner1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
}

td.table-cbg02 {
	background-image: url(../img/all/login_corner3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
}

td.table-cbg03 {
	background-image: url(../img/all/login_corner2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
}

td.table-cbg04 {
	background-image: url(../img/all/login_corner4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
}

td.table-bg01 {
	background-image: url(../img/all/login_line1.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
}

td.table-bg02 {
	background-image: url(../img/all/login_line2.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
}

td.table-bg03 {
	background-image: url(../img/all/login_line3.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
}

td.table-bg04 {
	background-image: url(../img/all/login_line4.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0;
	padding: 0;
}

td.pad1 {
	padding: 2px 5px;
}

td.pad2 {
	padding: 4px 5px 2px 5px;
}

td.table-line {
border-bottom: 1px dashed #FFA808;
}


/* menue ------------------------------------------------ */

#menue {
	width:760px;
	height:63px;
	background: #fff url("../img/all/bg_menue.gif") 0 0 repeat-x;
	margin: 0;
	padding: 0;
	float: left;
}

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

/* グローバルナビ ロールオーバー -------------------------------- */

#nav ul li#nav00 { width: 67px; height: 63px; float: left;}
#nav ul li#nav00 a { display: block; width: 67px; height: 63px; background-repeat: no-repeat; background-position: 0px 0px; }
#nav ul li#nav00 a { background-image: url(../img/all/head_gnavi00.gif); }
#nav ul li#nav00 a:hover { background-position: 0px -63px; }

#nav ul li#nav01 { width: 173px; height: 63px; float: left; }
#nav ul li#nav01 a { display: block; width: 173px; height: 63px; background-repeat: no-repeat; background-position: 0px 0px; }
#nav ul li#nav01 a { background-image: url(../img/all/head_gnavi01.gif); }
#nav ul li#nav01 a:hover { background-position: 0px -63px; }

#nav ul li#nav02 { width: 173px; height: 63px; float: left; }
#nav ul li#nav02 a { display: block; width: 173px; height: 63px; background-repeat: no-repeat; background-position: 0px 0px; }
#nav ul li#nav02 a { background-image: url(../img/all/head_gnavi02.gif); }
#nav ul li#nav02 a:hover { background-position: 0px -63px; }

#nav ul li#nav03 { width: 173px; height: 63px; float: left;}
#nav ul li#nav03 a { display: block; width: 173px; height: 63px; background-repeat: no-repeat; background-position: 0px 0px; }
#nav ul li#nav03 a { background-image: url(../img/all/head_gnavi03.gif); }
#nav ul li#nav03 a:hover { background-position: 0px -63px; }

#nav ul li#nav04 { width: 173px; height: 63px; float: left;}
#nav ul li#nav04 a { display: block; width: 173px; height: 63px; background-repeat: no-repeat; background-position: 0px 0px; }
#nav ul li#nav04 a { background-image: url(../img/all/head_gnavi04.gif); }
#nav ul li#nav04 a:hover { background-position: 0px -63px; }

#nav ul li a span { position: absolute; left: -9999px; }


/* サブナビゲーション -------------------------------- */

/* サブナビ 各商品ヘッダー H2 */
#cont-left h2 { width:174px; height:23px; margin: 0; padding: 0; font-size: 0.1em; }
#cont-left h2 span { display:block; text-indent:-9999px; }

#cont-left h2.s-arouge {background:#fff url("../img/snavi/snavi_ar_top.gif") 0 0px no-repeat;}
#cont-left h2.s-gelee {background:#fff url("../img/snavi/snavi_ge_top.gif") 0 0px no-repeat;}
#cont-left h2.s-health {background:#fff url("../img/snavi/snavi_he_top.gif") 0 0px no-repeat;}
#cont-left h2.s-mouhatu {background:#fff url("../img/snavi/snavi_mou_top.gif") 0 0px no-repeat;}


.snavi-pack {
	margin: 0;
	padding: 0 0 15px 0;
}


/* サブナビ 各商品ヘッダー H3 */
#cont-left ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#cont-left ul h3 {
	padding: 0;
	margin: 0;
	}

#cont-left ul li { width: 174px; height: 50px; margin: 0; padding: 0; }
#cont-left ul li a { display: block; width: 174px; height: 50px; background-repeat: no-repeat; background-position: 0px 0px; }
#cont-left ul li a:hover { background-position: 0px -50px; }
#cont-left ul li span { display:block; text-indent:-9999px; }

/* アルージェ商品 */
#cont-left ul li#snav-ar-rotion a { background-image: url(../img/snavi/snavi_ar_rotion.gif); }/* モイスチャー ミストローション */
#cont-left ul li#snav-ar-cre a { background-image: url(../img/snavi/snavi_ar_cre.gif); }/* エッセンス ミルキークリーム */
#cont-left ul li#snav-ar-veil a { background-image: url(../img/snavi/snavi_ar_veil.gif); }/* トータルモイストベール リップエッセンス */
#cont-left ul li#snav-ar-esse a { background-image: url(../img/snavi/snavi_ar_esse.gif); }/* ピュアブライト エッセンス */
#cont-left ul li#snav-ar-form a { background-image: url(../img/snavi/snavi_ar_form.gif); }/* モイスチャー フォーム */
#cont-left ul li#snav-ar-lrotion a { background-image: url(../img/snavi/snavi_ar_lrotion.gif); }/* モイスチャー ミスト ライトローション */
#cont-left ul li#snav-ar-mask a { background-image: url(../img/snavi/snavi_ar_mask.gif); }/* ウォータリ シーリングマスク */
#cont-left ul li#snav-ar-milkjel a { background-image: url(../img/snavi/snavi_ar_milkjel.gif); }/* モイストクレンジング ミルクジェル */
#cont-left ul li#snav-ar-saver a { background-image: url(../img/snavi/snavi_ar_saver.gif); }/* トータルモイストセイバー アイゾーンクリーム */
#cont-left ul li#snav-ar-soap a { background-image: url(../img/snavi/snavi_ar_soap.gif); }/* モイスチャー クリアsoap */
#cont-left ul li#snav-ar-trijel a { background-image: url(../img/snavi/snavi_ar_trijel.gif); }/* モイスチャー トリートメントジェル */
#cont-left ul li#snav-ar-uv a { background-image: url(../img/snavi/snavi_ar_uv.gif); }/* UV モイスト ビューティーアップ */


/* ジュレリッチ商品 */
#cont-left ul li#snav-ge-lotion_moist a { background-image: url(../img/snavi/snavi_ge_lotion_moist.gif); }/* ブライト＆バウンジング ローション（モイスト） */
#cont-left ul li#snav-ge-lotion_normal a { background-image: url(../img/snavi/snavi_ge_lotion_normal.gif); }/* ブライト＆バウンジング ローション（ノーマル） */
#cont-left ul li#snav-ge-lotion_mist a { background-image: url(../img/snavi/snavi_ge_lotion_mist.gif); }/* ブライト＆バウンジング ローション（ミスト） */
#cont-left ul li#snav-ge-essence a { background-image: url(../img/snavi/snavi_ge_essence.gif); }/* ピュア インジュビネート エッセンス */
#cont-left ul li#snav-ge-treatment a { background-image: url(../img/snavi/snavi_ge_treatment.gif); }/* エクストラ インジュビネート トリートメント */
#cont-left ul li#snav-ge-tra a { background-image: url(../img/snavi/snavi_ge_tra.gif); }/* トラベルセット */
#cont-left ul li#snav-ge-mask a { background-image: url(../img/snavi/snavi_ge_mask.gif); }/* コンセントレート インジュビネーション マスク */
#cont-left ul li#snav-ge-cotton a { background-image: url(../img/snavi/snavi_ge_cotton.gif); }/* コットン */
#cont-left ul li#snav-ge-form a { background-image: url(../img/snavi/snavi_ge_form.gif); }/* エクストラ モイスト フォーム */
#cont-left ul li#snav-ge-cleansing a { background-image: url(../img/snavi/snavi_ge_cleansing.gif); }/* エクストラ ジュレクレンジング */


/* ヘルスメイト商品 */
#cont-left ul li#snav-he-bi_cola a { background-image: url(../img/snavi/snavi_he_bi_cola.gif); }/* 美・コラーゲン */
#cont-left ul li#snav-he-mag a { background-image: url(../img/snavi/snavi_he_mag.gif); }/* マグマイト */
#cont-left ul li#snav-he-tea a { background-image: url(../img/snavi/snavi_he_di_tea.gif); }/* ダイエットティー */
#cont-left ul li#snav-he-di_tubu a { background-image: url(../img/snavi/snavi_he_di_tubu.gif); }/* ダイエット粒 */
#cont-left ul li#snav-he-cola a { background-image: url(../img/snavi/snavi_he_cola.gif); }/* コラーゲンC */
#cont-left ul li#snav-he-icho a { background-image: url(../img/snavi/snavi_he_icho.gif); }/* いちょう葉アルファ */


/* 毛髪ミネラル商品 */
#cont-left ul li#snav-mo-mouhatu a { background-image: url(../img/snavi/snavi_mo_mi.gif); }/* 毛髪ミネラル検査キット */


/* サブナビ フッター インデックス商品リンク */
.snavi-all-link { text-align: right; padding: 2px height: 22px; background:#fff url("../img/snavi/bg_snavi.gif") 0 0px repeat-x; }


/* pankuzu cart inner layout --------------------------------------- */

#pan_cart {
	padding: 5px 2px 5px 5px;
}

.pan {
	float:left;
	margin: 0;
	padding: 3px 0 0 0;
}

.cart_inner {
	float:right;
	margin: 0;
	padding: 0;
}

/* footer layout -------------------------------- */

#footer-link { padding: 10px; text-align: center; border-top: 1px solid #E6E6E6; font-size: 0.8em; line-height: 1.2;}

#footer {
	height:21px;
	background: #fff url("../img/all/bg_footer.gif") 0 0 repeat-x;
	padding: 4px 4px 4px 8px;
	color: #fff
}

#copy-li {
	text-align: right;
	padding: 2px;
	margin: 0;
	color: #000;
}


/* 3. page layout
-----------------------------------------------------------
*/

.font-ss {
	font-size: 0.6em;
	line-height: 1.2;
}

.font-s {
	font-size: 0.7em;
	line-height: 1.2;
}

.font-ms {
	font-size: 0.8em;
	line-height: 1.2;
}

.font-m {
	font-size: 0.9em;
	line-height: 1.4;
}

.font-text {
	font-size: 0.9em;
	line-height: 1.6;
}


.font-l {
	font-size: 1em;
	line-height: 1.2;
}

.font-ll {
	font-size: 1.2em;
}