@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 �S�V�b�N';
	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; }



/* �C���f�b�N�X ���C�� �摜���� --------------------*/
#index-product-img {
	margin: 0; padding: 0 0 15px 0;
}

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

/* �C���f�b�N�X �j���[�X --------------------*/

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

/* �C���f�b�N�X ����p --------------------*/

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

/* �O���[�o���i�r ���[���I�[�o�[ -------------------------------- */

#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: 127px; height: 63px; float: left; }
#nav ul li#nav01 a { display: block; width: 127px; 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: 127px; height: 63px; float: left; }
#nav ul li#nav02 a { display: block; width: 127px; 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: 127px; height: 63px; float: left;}
#nav ul li#nav03 a { display: block; width: 127px; 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: 127px; height: 63px; float: left;}
#nav ul li#nav04 a { display: block; width: 127px; 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#nav05 { width: 126px; height: 63px; float: left;}
#nav ul li#nav05 a { display: block; width: 126px; height: 63px; background-repeat: no-repeat; background-position: 0px 0px; }
#nav ul li#nav05 a { background-image: url(../img/all/head_gnavi05.gif); }
#nav ul li#nav05 a:hover { background-position: 0px -63px; }

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

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


/* �T�u�i�r�Q�[�V���� -------------------------------- */

/* �T�u�i�r �e���i�w�b�_�[ 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;
}


/* �T�u�i�r �e���i�w�b�_�[ 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; }

/* �A���[�W�F���i */
#cont-left ul li#snav-ar-rotion a { background-image: url(../img/snavi/snavi_ar_rotion.gif); }/* ���C�X�`���[ �~�X�g���[�V���� */
#cont-left ul li#snav-ar-cre a { background-image: url(../img/snavi/snavi_ar_cre.gif); }/* �G�b�Z���X �~���L�[�N���[�� */
#cont-left ul li#snav-ar-veil a { background-image: url(../img/snavi/snavi_ar_veil.gif); }/* �g�[�^�����C�X�g�x�[�� ���b�v�G�b�Z���X */
#cont-left ul li#snav-ar-esse a { background-image: url(../img/snavi/snavi_ar_esse.gif); }/* �s���A�u���C�g �G�b�Z���X */
#cont-left ul li#snav-ar-form a { background-image: url(../img/snavi/snavi_ar_form.gif); }/* ���C�X�`���[ �t�H�[�� */
#cont-left ul li#snav-ar-lrotion a { background-image: url(../img/snavi/snavi_ar_lrotion.gif); }/* ���C�X�`���[ �~�X�g ���C�g���[�V���� */
#cont-left ul li#snav-ar-mask a { background-image: url(../img/snavi/snavi_ar_mask.gif); }/* �E�H�[�^�� �V�[�����O�}�X�N */
#cont-left ul li#snav-ar-milkjel a { background-image: url(../img/snavi/snavi_ar_milkjel.gif); }/* ���C�X�g�N�����W���O �~���N�W�F�� */
#cont-left ul li#snav-ar-saver a { background-image: url(../img/snavi/snavi_ar_saver.gif); }/* �g�[�^�����C�X�g�Z�C�o�[ �A�C�]�[���N���[�� */
#cont-left ul li#snav-ar-soap a { background-image: url(../img/snavi/snavi_ar_soap.gif); }/* ���C�X�`���[ �N���Asoap */
#cont-left ul li#snav-ar-trijel a { background-image: url(../img/snavi/snavi_ar_trijel.gif); }/* ���C�X�`���[ �g���[�g�����g�W�F�� */
#cont-left ul li#snav-ar-uv a { background-image: url(../img/snavi/snavi_ar_uv.gif); }/* UV ���C�X�g �r���[�e�B�[�A�b�v */


/* �W�������b�`���i */
#cont-left ul li#snav-ge-lotion_moist a { background-image: url(../img/snavi/snavi_ge_lotion_moist.gif); }/* �u���C�g���o�E���W���O ���[�V�����i���C�X�g�j */
#cont-left ul li#snav-ge-lotion_normal a { background-image: url(../img/snavi/snavi_ge_lotion_normal.gif); }/* �u���C�g���o�E���W���O ���[�V�����i�m�[�}���j */
#cont-left ul li#snav-ge-lotion_mist a { background-image: url(../img/snavi/snavi_ge_lotion_mist.gif); }/* �u���C�g���o�E���W���O ���[�V�����i�~�X�g�j */
#cont-left ul li#snav-ge-essence a { background-image: url(../img/snavi/snavi_ge_essence.gif); }/* �s���A �C���W���r�l�[�g �G�b�Z���X */
#cont-left ul li#snav-ge-treatment a { background-image: url(../img/snavi/snavi_ge_treatment.gif); }/* �G�N�X�g�� �C���W���r�l�[�g �g���[�g�����g */
#cont-left ul li#snav-ge-tra a { background-image: url(../img/snavi/snavi_ge_tra.gif); }/* �g���x���Z�b�g */
#cont-left ul li#snav-ge-mask a { background-image: url(../img/snavi/snavi_ge_mask.gif); }/* �R���Z���g���[�g �C���W���r�l�[�V���� �}�X�N */
#cont-left ul li#snav-ge-cotton a { background-image: url(../img/snavi/snavi_ge_cotton.gif); }/* �R�b�g�� */
#cont-left ul li#snav-ge-form a { background-image: url(../img/snavi/snavi_ge_form.gif); }/* �G�N�X�g�� ���C�X�g �t�H�[�� */
#cont-left ul li#snav-ge-cleansing a { background-image: url(../img/snavi/snavi_ge_cleansing.gif); }/* �G�N�X�g�� �W�����N�����W���O */


/* �w���X���C�g���i */
#cont-left ul li#snav-he-bi_cola a { background-image: url(../img/snavi/snavi_he_bi_cola.gif); }/* ��E�R���[�Q�� */
#cont-left ul li#snav-he-mag a { background-image: url(../img/snavi/snavi_he_mag.gif); }/* �}�O�}�C�g */
#cont-left ul li#snav-he-tea a { background-image: url(../img/snavi/snavi_he_di_tea.gif); }/* �_�C�G�b�g�e�B�[ */
#cont-left ul li#snav-he-di_tubu a { background-image: url(../img/snavi/snavi_he_di_tubu.gif); }/* �_�C�G�b�g�� */
#cont-left ul li#snav-he-cola a { background-image: url(../img/snavi/snavi_he_cola.gif); }/* �R���[�Q��C */
#cont-left ul li#snav-he-icho a { background-image: url(../img/snavi/snavi_he_icho.gif); }/* �����傤�t�A���t�@ */


/* �є��~�l�������i */
#cont-left ul li#snav-mo-mouhatu a { background-image: url(../img/snavi/snavi_mo_mi.gif); }/* �є��~�l���������L�b�g */


/* �T�u�i�r �t�b�^�[ �C���f�b�N�X���i�����N */
.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;
}

/* 海外発送「転送コム」 */
.tenso-amount {
	text-align:center;
	margin:10px 0;
	font-size:0.9em;
}