/* 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%;
}


/* 緊急告知
-----------------------------------------------------------*/
.atten-area {
border-top: 2px solid #E6E6E6;
padding: 10px;
font-size: 10px;
}

.atten-area-under {
border-bottom: 2px solid #E6E6E6;
margin:  0 10px 10px 10px;
padding: 10px;
font-size: 10px;
}


.atten-area-under b, .atten-area b {
font-weight: bold;
font-size: 12px;
}


/* 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; }

.arouge-style .usecont-wrap a:link { color: #416BD4; text-decoration:underline; }
.arouge-style .usecont-wrap a:visited { color: #416BD4; text-decoration:underline; }
.arouge-style .usecont-wrap a:hover { color: #416BD4; text-decoration:none; }

.gelee-style .usecont-wrap a:link { color: #7B6A49; text-decoration:underline; }
.gelee-style .usecont-wrap a:visited { color: #7B6A49; text-decoration:underline; }
.gelee-style .usecont-wrap a:hover { color: #7B6A49; text-decoration:none; }

.health-style .usecont-wrap a:link { color: #416BD4; text-decoration:underline; }
.health-style .usecont-wrap a:visited { color: #416BD4; text-decoration:underline; }
.health-style .usecont-wrap a:hover { color: #416BD4; 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;
	color:#666666;
}


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

#cont-left-yaku {
	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;
}


.index-img-holder {
	margin: 0; padding: 0 0 15px 0;
}

.index-img-holder img {
	margin: 0; padding: 0;
}

/* インデックス モニタープラザ --------------------*/

.index-moniter {
	margin: 0 0 0 0; padding: 0 0 20px 0;
	width:561px;
}

.index-moniter h2.moniter-title {
	height:28px;
	background:#fff url("../img/all/title_moniter_index.gif") 0 0px no-repeat;
	padding: 0;
	margin:0;
	font-size: 0;
	line-height: 0;
}

.index-moniter h2 span{
	display:block;
	text-indent:-9999px;
}


.index-moniter .moniter-box {
	border:1px solid #e6e6e6;
}
.index-moniter ul {
	margin: 0;
	padding: 10px;
	list-style-type : none;
}
.index-moniter ul li { 
	background:url("../img/all/fukidashi_pink.gif") 0 3px no-repeat;
	margin:3px 5px 5px 10px;
	padding: 0 0 5px 15px;
	border-bottom: 1px dashed #ccc;
	color:#666;
	float:left;
	width:43%;
}
.index-moniter ul li .product-ph {
    display:block;
    float:right;
    width:57px;
    border:1px solid #d6d6d2;
    margin:0 0 0 5px;
}

.index-moniter #product-close {
    display:none;
}
.index-moniter #product-open-bt {
    margin:10px 0;
    text-align:center;
}

/* 製品ページ　モニタープラザ */

.more-bt {
	clear:both;
	text-align:center;
}
.more-bt img {
	float:none !important;
}
.product-img-moniter {
	margin:10px auto;
	text-align:center;
}
.product-img-moniter img {
	margin:0 auto;
	text-align:center;
}

.moniter-product-more {
	margin:0 0 20px 0;
}
.moniter-product-more .moniter-left {
	float:left;
	margin-right:10px;
	width:145px;
}
.moniter-product-more .moniter-left .moniter-img {
	margin:0 auto;
	text-align:center;
}
.moniter-product-more .moniter-right {
	float:right;
	margin:0 5px 0 0;
	width:400px;
}

.moniter-attention {
	margin:5px 0;
}
.moniter-attention p {
	text-align:center;
	font-size: 0.7em;
	line-height: 1.2;
	color:#666;
}


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

#index-news { 
	margin:0 0 15px 0;
}
/* #index-news { float: left; width: 48%; } */

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

#index-news h2{
	width:86px;
	height:28px;
	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{ }

.index-news-backnum { float: right; padding: 3px 5px 3px 3px; }

#index-news .news-box {
	border:1px solid #e6e6e6;
}

#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 5px 0;
	padding: 0 0 5px 10px;
	text-indent:5px;
	border-bottom: 1px dashed #ccc;
	color:#666;
}

#index-news ul li p { text-indent:0; }

#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-pro a { background-image: url(../img/snavi/snavi_ar_uv-pro.gif); }/* UV プロテクトビューティーアップ */
#cont-left ul li#snav-ar-uv a { background-image: url(../img/snavi/snavi_ar_uv.gif); }/* UV モイスト ビューティーアップ */
#cont-left ul li#snav-ar-eyeset a { background-image: url(../img/snavi/snavi_ar_eyeset.gif); }/* 目もと集中保湿ポイントケアセット */
#cont-left ul li#snav-ar-lipset a { background-image: url(../img/snavi/snavi_ar_lipset.gif); }/* 口もと集中保湿ポイントケアセット */
#cont-left ul li#snav-ar-white a { background-image: url(../img/snavi/snavi_ar_white.gif); }/* ホワイトニング エッセンス */
#cont-left ul li#snav-ar-repair a { background-image: url(../img/snavi/snavi_ar_repair.gif); }/* トラブルリペア リキッド */
.index-layout #cont-left ul li#snav-ar-repair a { background-image: url(../img/snavi/snavi_ar_repair_ranking.gif); }/* トラブルリペア リキッド */

/* ジュレリッチ商品 */
#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-ge-dayserum a { background-image: url(../img/snavi/snavi_ge_dayserum.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-he-bische a { background-image: url(../img/snavi/snavi_he_bische.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; }

/* 製品一覧、製品詳細用　--------------------------------------- */
.product-etc h2 span, #product-name-line01 h1 span, #product-name-line02 h1 span{ display:block; text-indent:-9999px; }

 /* 共通見出し要素 */
h2.product-use{background:#fff url("../img/all/product_use.gif") 0 0px no-repeat;}/* 使い方 */
h2.product-element{background:#fff url("../img/all/product_element.gif") 0 0px no-repeat;}/* 成分 */
h2.product-effect{background:#fff url("../img/all/product_effect.gif") 0 0px no-repeat;}/* 効能・効果 */
h2.product-howtoeat{background:#fff url("../img/all/product_howtoeat.gif") 0 0px no-repeat;}/* お召し上がり方 */
h2.product-ingredient{background:#fff url("../img/all/product_ingredient.gif") 0 0px no-repeat;}/* 主な内容成分 */
h2.product-material{background:#fff url("../img/all/product_material.gif") 0 0px no-repeat;}/* 原材料 */
h2.product-allp{background:#fff url("../img/all/product_all.gif") 0 0px no-repeat;}/* 製品一覧 */
h2.product-usecont{background:#fff url("../img/all/product_usecont.gif") 0 0px no-repeat;}/* お役立ちコンテンツ */
h2.product-moniter{background:#fff url("../img/all/product_moniter.gif") 0 0px no-repeat; margin:0 0 5px 0 !important; }/* モニタープラザ */


/* モニター */

/* お役立ちコンテンツ 中身 */

.usecont-wrap {
padding:10px 10px 0 10px;
}

.usecont-main {
margin:0 8px 20px 0;
float:left;
width:47%;
font-size: 0.8em;
line-height: 1.2;
}

.usecont-main p {
margin:5px 0;
padding:0;
}

.usecont-main img {
margin:0 5px 5px 0;
float:left;
}



/* 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-m-yaku {
	font-size: 0.9em;
	line-height: 1.8;
}

.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;
}