@charset "UTF-8";

/*===== font =====*/
.xxsmall{font-size:50%; line-height:1.5;}
.xsmall{font-size:71%; line-height:1.5;}
.small{font-size:86%; line-height:1.5;}
.win.ie .small{font-size:82%; line-height:1.5;}
.large{font-size:114%; line-height:1.6;}
.xlarge{font-size:142%; line-height:1.5;}

.bold{font-weight:bold;}
.normal{font-weight:normal;}

.hi-light-red{
	color:#FF0000;
}
.hi-light-green{
	color:#004938;
}
.hi-light-orange{
	color:#FF6500;
}
.hi-light-brown{
	color:#664F00;
}
.hi-light-gold{
	color:#968B37;
}
.error-text{
	color:#FF0000;
	font-weight:bold;
}

/* ===== form-size ===== */
.formsize-xs{width:50px; font-size:114%; height:1.2em;}
.formsize-s{width:100px; font-size:114%; height:1.2em;}
.formsize-m{width:150px; font-size:114%; height:1.2em;}
.formsize-ml{width:200px; font-size:114%; height:1.2em;}
.formsize-l{width:250px; font-size:114%; height:1.2em;}
.formsize-xl{width:400px; font-size:114%; height:1.2em;}

.formsize-pop{width:330px; font-size:114%; height:1.2em;}

input[type="text"]:focus{background-color:#DFF0F4; border:1px solid #2E92A9; padding:1px;}
input[type="password"]:focus{background-color:#DFF0F4; border:1px solid #2E92A9; padding:1px;}

input[type="checkbox"], input[type="radio"]{vertical-align:middle; margin-right:3px;}

input{vertical-align:middle;}

textarea{width:300px; height:150px; font-size:114%; resize:none;}
textarea:focus{background-color:#DFF0F4; border:1px solid #2E92A9;}

.jpon{ime-mode: active;}
.jpoff{ime-mode: inactive;}

/* ===== submit buttons ===== */
.submit-buttons{
	margin:20px 0 30px 0;
	text-align:center;
}
.submit-buttons2{
	margin:10px 0 30px 0;
	text-align:center;
}
.submit-buttons3{
	margin:5px 0 30px 0;
	text-align:center;
}
.submit-buttons img, .submit-buttons input, .submit-buttons2 img, .submit-buttons2 input, .submit-buttons3 img, .submit-buttons3 input{
	margin:0 10px 0 10px;
	vertical-align:middle;
}


/*===== text-align =====*/
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.align-center{
	text-align:center;
}

/*===== floating =====*/
.float-left{
	float:left;
}
.float-right{
	float:right;
}

/*===== display =====*/
.d_block{display:block;}

/*===== heading =====*/
#left-section .title-block{
	background:url(/common/img/h2_frbg.jpg) repeat-y center top;
}
* html #left-section .title-block{height:0;}
*:first-child+html #left-section .title-block{height:1%;}
#left-section .title-block .title-block-top{
	background:url(/common/img/h2_frt.jpg) no-repeat center top;
	padding-top:12px;
}
#left-section .title-block .title-block-top div{
	background:url(/common/img/h2_frb.jpg) no-repeat center bottom;
	padding:0 0 12px 15px;
	margin:0;
	font-weight:bold;
	color:#664F00;
	font-size:114%;
}

#left-section .title-block-half{
	background:url(/common/img/h2_frbg-half.jpg) repeat-y center top;
}
* html #left-section .title-block-half{height:0;}
*:first-child+html #left-section .title-block-half{height:1%;}
#left-section .title-block-half .title-block-top{
	background:url(/common/img/h2_frt-half.jpg) no-repeat center top;
	padding-top:12px;
}
#left-section .title-block-half .title-block-top div{
	background:url(/common/img/h2_frb-half.jpg) no-repeat center bottom;
	padding:0 0 12px 15px;
	margin:0;
	font-weight:bold;
	color:#664F00;
	font-size:114%;
}

/* 1 column area */
#content-1colmn .title-block{
	background:url(/content/images/secure/img/h2_frbg.jpg) repeat-y center top;
}
#content-1colmn .title-block .title-block-top{
	background:url(/content/images/secure/img/h2_frt.jpg) no-repeat center top;
	padding-top:12px;
}
#content-1colmn .title-block .title-block-top div{
	background:url(/content/images/secure/img/h2_frb.jpg) no-repeat center bottom;
	padding:0 0 12px 15px;
	margin:0;
	font-weight:bold;
	color:#664F00;
	font-size:114%;
}

/* h2-block01 */
.h2-block01{
	background:url(/common/img/heading_frt01_l.jpg) no-repeat center top;
	padding-top:8px;
	margin-bottom:10px;
}
* html .h2-block01{height:0;}
*:first-child+html .h2-block01{height:1%;}
.h2-block01 h2{
	background:url(/common/img/heading_frb01_l.jpg) no-repeat center bottom;
	padding:0 0 8px 15px;
	font-weight:bold;
	color:#664F00;
}

.h2-block01-half{
	background:url(/common/img/h2_frbg-half.jpg) repeat-y center top;
	margin-bottom:10px;
}
* html .h2-block01-half{height:0;}
*:first-child+html .h2-block01-half{height:1%;}
.h2-block01-half .h2-block01-top{
	background:url(/common/img/h2_frt-half.jpg) no-repeat center top;
	padding-top:8px;
}
.h2-block01-half .h2-block01-top h2{
	background:url(/common/img/h2_frb-half.jpg) no-repeat center bottom;
	padding:0 0 8px 15px;
	margin:0;
	font-weight:bold;
	color:#664F00;
}

.heading-block01-600{
	background:url(/common/img/heading_frbg01_p.jpg) repeat-y center top;
	margin-bottom:18px;
	text-align:left;
}
* html .heading-block01-600{height:0;}
*:first-child+html .heading-block01-600{height:1%;}
.heading-block01-600 .heading-block01-top{
	background:url(/common/img/heading_frt01_p.jpg) no-repeat center top;
	padding-top:8px;
}
.heading-block01-600 .heading-block01-top h1, .heading-block01-600 .heading-block01-top h2{
	background:url(/common/img/heading_frb01_p.jpg) no-repeat center bottom;
	padding:0 0 8px 15px;
	margin:0;
	font-weight:bold;
	color:#664F00;
}


/* h2-block01-s */
.h2-block01-s{
	background:url(/common/img/heading_frt01_s.jpg) no-repeat center top;
	padding-top:7px;
	margin:35px 0 10px 0;
}
* html .h2-block01-s{height:0;}
*:first-child+html .h2-block01-s{height:1%;}
.h2-block01-s h2{
	background:url(/common/img/heading_frb01_s.jpg) no-repeat center bottom;
	padding:0 0 10px 15px;
	font-weight:bold;
	color:#664F00;
}

.h2-block02-s{
	background:url(/common/img/heading_frt01_s.jpg) no-repeat center top;
	padding-top:7px;
	margin-bottom:18px;
}
* html .h2-block02-s{height:0;}
*:first-child+html .h2-block02-s{height:1%;}
.h2-block02-s h2{
	background:url(/common/img/heading_frb01_s.jpg) no-repeat center bottom;
	padding:0 0 10px 15px;
	font-weight:bold;
	color:#664F00;
}

h2.h2-block02{
	margin:40px 0 15px 0;
	background:url(/content/images/img/top_hm_bg.gif) repeat-x left bottom;
}
* html h2.h2-block02{height:0;}
*:first-child+html h2.h2-block02{height:1%;}
.h2-block03{
	background:url(/common/img/heading_frt01_l.jpg) no-repeat center top;
	padding-top:7px;
	margin-bottom:18px;
}
* html .h2-block03{height:0;}
*:first-child+html .h2-block03{height:1%;}
.h2-block03 h2{
	background:url(/common/img/heading_frb01_l.jpg) no-repeat center bottom;
	padding:0 0 8px 15px;
	font-weight:bold;
	color:#664F00;
}

/* h3-block01 */
.h3-block01{
	background:url(/common/img/dotline05.gif) repeat-x left bottom;
	padding-bottom:5px;
	margin-bottom:15px;
}
* html .h3-block01{height:0;}
*:first-child+html .h3-block01{height:1%;}
.h3-block01 h3{
	background:url(/common/img/heading_mark01.jpg) no-repeat left center;
	padding-left:15px;
	font-weight:bold;
	color:#664F00;
	font-size:107%;
}

.h3-block02{
	background:url(/common/img/dotline05.gif) repeat-x left bottom;
	padding-bottom:5px;
	margin-bottom:10px;
}
* html .h3-block02{height:0;}
*:first-child+html .h3-block02{height:1%;}
.h3-block02 h3{
	background:url(/common/img/heading_mark02.jpg) no-repeat left center;
	padding-left:15px;
	font-weight:bold;
	color:#664F00;
	font-size:107%;
}

/* for lead-text */
.lead-text{margin:10px 0 15px 0; color:#664E00; font-size:86%;}

/*===== link marker =====*/
.link-marker01{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.2em;
	padding-left:10px;
	text-align:left;
}
.link-marker02{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.1em;
	padding-left:10px;
	text-align:left;
}
.link-marker03{
	background:url(/common/img/arrow03.gif) no-repeat left center;
	padding-left:10px;
	text-align:left;
}
.link-marker01b{
	display:block;
	background:url(/common/img/arrow01.gif) no-repeat left center;
	padding-left:10px;
	text-align:left;
}
.link-marker02b{
	display:block;
	background:url(/common/img/arrow01.gif) no-repeat 0 0.1em;
	padding-left:10px;
	text-align:left;
}
.link-marker03b{
	display:block;
	background:url(/common/img/arrow01.gif) no-repeat 0 0.5em;
	padding-left:10px;
	text-align:left;
}
.link-marker04b{
	display:block;
	background:url(/common/img/arrow03.gif) no-repeat 0 0.5em;
	padding-left:10px;
	text-align:left;
}
.link-outer1l{background:url(/common/img/icon_outersite1.gif) no-repeat left bottom; padding-left:20px;}
.link-outer2l{background:url(/common/img/icon_outersite2.gif) no-repeat left bottom; padding-left:20px;}
.link-outer1r{background:url(/common/img/icon_outersite1.gif) no-repeat right bottom; padding-right:20px;}
.link-outer2r{background:url(/common/img/icon_outersite2.gif) no-repeat right bottom; padding-right:20px;}
.link-popupl{background:url(/common/img/icon_popup.gif) no-repeat left bottom; padding-left:20px;}
.link-popupr{background:url(/common/img/icon_popup.gif) no-repeat right bottom; padding-right:20px;}
.link-pdfl{background:url(/common/img/icon_pdf.gif) no-repeat left bottom; padding-left:20px;}
.link-pdfr{background:url(/common/img/icon_pdf.gif) no-repeat right bottom; padding-right:20px;}

.link-outer1l img, .link-outer2l img, .link-outer1r img, .link-outer2r img, .link-popupl img, .link-popupr img{vertical-align:middle;}

/* ===== pdf links ===== */
.pdf_link{
	overflow:hidden;
	zoom:1;
}
.pdf_link p{
	float:left;
	padding-right:10px;
}
.pdf_link img{
	float:left;
}


/*===== listed marker =====*/
.listed-text li{
	padding-left:1em;
	text-indent:-1em;
}

.listed-text .reset{
	padding-left:0;
	text-indent:0;
}

/* ===== banner links ===== */
.bnr-links{
	background:url(/common/img/dotline04.gif) repeat-x left bottom;
	padding:15px 0 15px 0;
	margin-right:-10px;
	overflow:hidden;
	zoom:1;
}
.bnr-links li{
	float:left;
	width:162px;
	margin-right:10px;
	padding-top:55px;
	position:relative;
	font-size:85%;
}
.bnr-links li a{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.2em;
	display:block;
	line-height:1.5;
	padding-left:10px;
}
.bnr-links li a img{
	position:absolute;
	top:0;
	left:0;
}
.bnr-links-detail{
	margin-top:10px;
	text-align:right;
}
.bnr-links-detail a{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.2em;
	line-height:1.5;
	padding-left:10px;
}

/* ===== banner list ===== */
.bnr_list{
	padding:10px 0 20px 197px;
	margin-bottom:10px;
	border-bottom:1px solid #E1DDC5;
	position:relative;
}
.bnr_list .bnr_title{
	background:url(/common/img/dotline06.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}
.bnr_list img{
	position:absolute;
	left:0;
	top:8px;
}
.bnr_list a img{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.bnr_list a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

/* ===== recomend area ===== */
.thumb_list01{
	overflow:hidden;
	zoom:1;
	margin-right:-10px;
}
* html .thumb_list01{margin-bottom:20px;}
.thumb_list01 li{
	float:left;
	width:162px;
	position:relative;
	padding-top:125px;
	margin-right:10px;
	margin-bottom:20px;
}
.thumb_list01 li img{
	position:absolute;
	left:0;
	top:0;
}
.thumb_list01 a img{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.thumb_list01 a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.thumb_list01 .supplement_caption{
	background:url(/common/img/dotline07.gif) repeat-x center top;
	padding-top:5px;
	margin-top:5px;
}


/*===== anchor button area =====*/
.anchor-btns, .anchor-btns50{
	background:url(/common/img/anchorbtns_bg.jpg) no-repeat center top;
	padding:5px 0 5px 5px;
	overflow:hidden;
	zoom:1;
}
.anchor-btns li{float:left; padding-right:5px;}
.anchor-btns50 li{float:left; padding-right:4px;}


/*===== columns setting =====*/
/* 2 column */
.column2-a{
	overflow:hidden;
	zoom:1;
}
.column2-a .col1{
	width:480px;
	float:left;
}
.column2-a .col2{
	width:145px;
	float:right;
}

.column2-b{
	overflow:hidden;
	zoom:1;
}
.column2-b .col1{
	width:480px;
	float:right;
}
.column2-b .col2{
	width:145px;
	float:left;
}

.column2-c{
	overflow:hidden;
	zoom:1;
}
.column2-c .col1{
	width:450px;
	float:left;
}
.column2-c .col2{
	width:176px;
	float:right;
}

/* 3 column */
.column3-a{
	overflow:hidden;
	zoom:1;
	padding:0 20px 0 20px;
}
.column3-a .col1{
	width:204px;
	float:left;
}
.column3-a .col2{
	width:204px;
	float:left;
	margin:0 19px 0 19px;
}
.column3-a p{
	padding:10px;
}
.column3-a h2{
	padding-bottom:0;
}

.column3-b{
	overflow:hidden;
	zoom:1;
}
.column3-b .col1{
	width:224px;
	float:left;
}
.column3-b .col2{
	width:223px;
	float:left;
	margin-left:10px;
}

/* 2 column (1 and 2) */
.column1-2-a{
	overflow:hidden;
	zoom:1;
}
.column1-2-a .col1{
	width:224px;
	float:left;
}
.column1-2-a .col2{
	width:456px;
	float:right;
}

/*===== bnr-text =====*/
.bnr-text01{
	position:relative;
	width:678px;
	margin-top:40px;
	padding-top:15px;
	background:url(/common/img/dotline04.gif) repeat-x left top;
}
.bnr-text01 .bnr-text-area{
	min-height:50px;
	height:auto !important;
	margin-left:180px;
}
.bnr-text01 .bnr-text-area img{
	position:absolute;
	left:0;
	top:15px;
}
.bnr-text01 .bnr-text-area span{
	display:block;
	margin-left:10px;
}

.bnr-text01 .bnr-text-area a img{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.bnr-text01 .bnr-text-area a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

/*===== product frame pattern =====*/
.icon_sesamin_s{vertical-align:text-bottom; margin-right:10px;}
/* suppliment frame 1 */
.frame-suppli1{
	margin-top:10px;
	background:url(/content/images/supplement/img/frbg_lineup_suppli.gif) repeat-y 0 10px;
}
.frame-skincare1{
	margin-top:10px;
	background:url(/content/images/skincare/img/frbg_lineup_skin.gif) repeat-y 0 10px;
}
.frame-skincare2{
	margin-top:10px;
	background:url(/content/images/skincare/img/frbg_lineup_fageset.gif) repeat-y 0 10px;
}
.frame-menscosme{
	margin-top:10px;
	background:url(/content/images/skincare/img/frbg_lineup_menscosme.gif) repeat-y 0 10px;
}
.frame-suppli1 table{
	width:678px;
	background:url(/content/images/supplement/img/frb_lineup_suppli.gif) no-repeat center bottom;
}
.frame-skincare1 table{
	width:678px;
	background:url(/content/images/skincare/img/frb_lineup_skin.gif) no-repeat center bottom;
}
.frame-skincare2 table{
	width:678px;
	background:url(/content/images/skincare/img/frb_lineup_fageset.gif) no-repeat center bottom;
}
.frame-menscosme table{
	width:678px;
	background:url(/content/images/skincare/img/frb_lineup_menscosme.gif) no-repeat center bottom;
}
.frame-suppli1 th{
	background:url(/content/images/supplement/img/frt_lineup_suppli.gif) no-repeat left top;
}
.frame-skincare1 th{
	background:url(/content/images/skincare/img/frt_lineup_skin.gif) no-repeat left top;
}
.frame-skincare2 th{
	background:url(/content/images/skincare/img/frt_lineup_fageset.gif) no-repeat left top;
}
.frame-menscosme th{
	background:url(/content/images/skincare/img/frt_lineup_menscosme.gif) no-repeat left top;
}
.frame-suppli1 th div, .frame-skincare1 th div, .frame-menscosme th div{
	position:relative;
	width:538px;
	min-height:116px;
	height:auto !important;
	height:116px;
}
.frame-skincare2 th div{
	position:relative;
	width:538px;
	min-height:116px;
	height:auto !important;
	height:116px;
}

.frame-suppli1 th div img, .frame-skincare1 th div img, .frame-skincare2 th div img, .frame-menscosme th div img{vertical-align:middle;}
.frame-suppli1 th div img.thumbnail, .frame-skincare1 th div img.thumbnail, .frame-skincare2 th div img.thumbnail, .frame-menscosme th div img.thumbnail{
	position:absolute;
	left:7px;
	top:50%;
	margin-top:-55px;
}
.frame-suppli1 th div img.thumbnail-new, .frame-skincare1 th div img.thumbnail-new{
	position:absolute;
	left:3px;
	top:50%;
	margin-top:-55px;
}
.frame-skincare1 th div img.skin-category, .frame-skincare2 th div img.skin-category, .frame-menscosme th div img.skin-category{margin-top:4px;}
.mac.safari .frame-skincare1 th div img.skin-category, .mac.safari .frame-skincare2 th div img.skin-category, .mac.safari .frame-menscosme th div img.skin-category, .mac.gecko .frame-skincare1 th div img.skin-category, .mac.gecko .frame-skincare2 th div img.skin-category, .mac.gecko .frame-menscosme th div img.skin-category{margin-top:4px; margin-bottom:3px;}

.frame-suppli1 th div a .thumbnail, .frame-suppli1 th div a .thumbnail-new, .frame-skincare1 th div a .thumbnail, .frame-skincare1 th div a .thumbnail-new, .frame-skincare2 th div a .thumbnail, .frame-menscosme th div a .thumbnail, .recomend-area li a img.recomend-img, .r-mycheck-list a img, #r-campaign a img, #r-contents a img, #pickup a img, .bnr-links a img{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.frame-suppli1 th div a:hover .thumbnail, .frame-suppli1 th div a:hover .thumbnail-new, .frame-skincare1 th div a:hover .thumbnail, .frame-skincare1 th div a:hover .thumbnail-new, .frame-skincare2 th div a:hover .thumbnail, .frame-menscosme th div a:hover .thumbnail, .recomend-area li a:hover img.recomend-img, .r-mycheck-list a:hover img, #r-campaign a:hover img, #r-contents a:hover img, #pickup a:hover img, .bnr-links a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.frame-suppli1 th div img, .frame-skincare1 th div img, .frame-skincare2 th div img, .frame-menscosme th div img{vertical-align:middle;}
.frame-suppli1 th div .icon-img, .frame-skincare1 th div .icon-img, .frame-skincare2 th div .icon-img, .frame-menscosme th div .icon-img{
	margin:0 7px 0 10px;
}

.frame-suppli1 th div p, .frame-skincare1 th div p, .frame-menscosme th div p{
	padding:10px 0 10px 0;
	margin-left:125px;
}
.frame-skincare2 th div p{
	padding:10px 0 10px 0;
	margin-left:190px;
}
.frame-suppli1 th div p.detail-text{
	background:url(/content/images/supplement/img/dotline_lineup_suppli.gif) repeat-x left top;
}
.frame-skincare1 th div p.detail-text{
	background:url(/content/images/skincare/img/dotline_lineup_skin.gif) repeat-x left top;
}
.frame-skincare2 th div p.detail-text{
	background:url(/content/images/skincare/img/dotline_lineup_fage.jpg) repeat-x left top;
}
.frame-menscosme th div p.detail-text{
	background:url(/content/images/skincare/img/dotline_lineup_menscosme.gif) repeat-x left top;
}

.frame-suppli1 p.detail-text .small, .frame-skincare1 p.detail-text .small, .frame-skincare2 p.detail-text .small, .frame-menscosme p.detail-text .small{padding-right:5px;}

.frame-suppli1 .detail-text-caption, .frame-skincare1 .detail-text-caption, .frame-skincare2 .detail-text-caption, .frame-menscosme .detail-text-caption{
	display:block;
	padding-bottom:5px;
}
.frame-suppli1 td.to-detail{
	background:url(/content/images/supplement/img/frt_lineup_suppli.gif) no-repeat right top;
	text-align:center;
	width:140px;
	height:36px;
}
.frame-skincare1 td.to-detail{
	background:url(/content/images/skincare/img/frt_lineup_skin.gif) no-repeat right top;
	text-align:center;
	width:140px;
	height:36px;
	vertical-align:top;
}
.frame-skincare2 td.to-detail{
	background:url(/content/images/skincare/img/frt_lineup_fageset.gif) no-repeat right top;
	text-align:center;
	width:140px;
	height:36px;
	vertical-align:top;
}
.frame-menscosme td.to-detail{
	background:url(/content/images/skincare/img/frt_lineup_menscosme.gif) no-repeat right top;
	text-align:center;
	width:140px;
	height:36px;
	vertical-align:top;
}
.win.ie .frame-suppli1 td.to-detail, .win.ie .frame-skincare1 td.to-detail, .win.ie .frame-skincare2 td.to-detail, .win.ie .frame-menscosme td.to-detail{height:23px;}
.frame-suppli1 td.to-detail img, .frame-skincare1 td.to-detail img, .frame-skincare2 td.to-detail img, .frame-menscosme td.to-detail img{
	vertical-align:bottom;
	margin-top:13px;
}
	
.frame-suppli1 td.icons{
	text-align:center;
	vertical-align:middle;
	padding:11px 0 12px 0;
	width:140px;
	min-height:80px;
	height:auto !important;
	height:80px;
}
.frame-skincare1 td.icons, .frame-skincare2 td.icons, .frame-menscosme td.icons{
	text-align:center;
	vertical-align:middle;
	padding:11px 0 12px 0;
	width:140px;
	min-height:80px;
	height:auto !important;
	height:80px;
}
.frame-suppli1 td.icons img, .frame-skincare1 td.icons img, .frame-skincare2 td.icons img, .frame-menscosme td.icons img{
	margin:2px 0 1px 0;
}


/*===== frame favorite =====*/
.frame-suppli1 td.favorite, .frame-suppli1 td.frt{
	background:url(/content/images/supplement/img/frt_lineup_suppli.gif) no-repeat left top;
}
.frame-skincare1 td.favorite, .frame-skincare1 td.frt{
	background:url(/content/images/skincare/img/frt_lineup_skin.gif) no-repeat left top;
}
.frame-skincare2 td.favorite, .frame-skincare2 td.frt{
	background:url(/content/images/skincare/img/frt_lineup_fageset.gif) no-repeat left top;
}
.frame-menscosme td.favorite, .frame-menscosme td.frt{
	background:url(/content/images/skincare/img/frt_lineup_menscosme.gif) no-repeat left top;
}

.frame-suppli1 td.favorite div, .frame-skincare1 td.favorite div, .frame-skincare2 td.favorite div, .frame-menscosme td.favorite div, .frame-suppli1 td div.endsell, .frame-skincare1 td div.endsell, .frame-skincare2 td div.endsell, .frame-menscosme td div.endsell{
	position:relative;
	width:668px;
	min-height:116px;
	height:auto !important;
	height:116px;
}
.frame-suppli1 td.favorite div img, .frame-skincare1 td.favorite div img, .frame-skincare2 td.favorite div img, .frame-suppli1 td div.endsell img, .frame-skincare1 td div.endsell img, .frame-skincare2 td div.endsell img, .frame-menscosme td div.endsell img{vertical-align:middle;}
.frame-suppli1 td.favorite div img.thumbnail, .frame-skincare1 td.favorite div img.thumbnail, .frame-skincare2 td.favorite div img.thumbnail, .frame-menscosme td.favorite div img.thumbnail, .frame-suppli1 td div.endsell img.thumbnail, .frame-skincare1 td div.endsell img.thumbnail, .frame-skincare2 td div.endsell img.thumbnail, .frame-menscosme td div.endsell img.thumbnail{
	position:absolute;
	left:7px;
	top:50%;
	margin-top:-55px;
}
.frame-suppli1 td.favorite div img.btn_del, .frame-skincare1 td.favorite div img.btn_del, .frame-skincare2 td.favorite div img.btn_del, .frame-menscosme td.favorite div img.btn_del, .frame-suppli1 td div.endsell img.btn_detail, .frame-skincare1 td div.endsell img.btn_detail, .frame-skincare2 td div.endsell img.btn_detail, .frame-menscosme td div.endsell img.btn_detail{
	position:absolute;
	right:0;
	top:15px;
}
.frame-suppli1 td.favorite div img.thumbnail-new, .frame-skincare1 td.favorite div img.thumbnail-new{
	position:absolute;
	left:3px;
	top:50%;
	margin-top:-55px;
}

.frame-skincare1 td.favorite div img.skin-category, .frame-skincare2 td.favorite div img.skin-category, .frame-menscosme td.favorite div img.skin-category, .frame-skincare1 td div.endsell img.skin-category, .frame-skincare2 td div.endsell img.skin-category, .frame-menscosme td div.endsell img.skin-category{margin-top:4px;}
.mac.safari .frame-skincare1 td.favorite div img.skin-category, .mac.safari .frame-skincare2 td.favorite div img.skin-category, .mac.safari .frame-menscosme td.favorite div img.skin-category, .mac.gecko .frame-skincare1 td.favorite div img.skin-category, .mac.gecko .frame-skincare2 td.favorite div img.skin-category, .mac.gecko .frame-menscosme td.favorite div img.skin-category, .mac.safari .frame-skincare1 td div.endsell img.skin-category, .mac.safari .frame-skincare2 td div.endsell img.skin-category, .mac.safari .frame-menscosme td div.endsell img.skin-category, .mac.gecko .frame-skincare1 td div.endsell img.skin-category, .mac.gecko .frame-skincare2 td div.endsell img.skin-category, .mac.gecko .frame-menscosme td div.endsell img.skin-category{margin-top:4px; margin-bottom:3px;}

.frame-suppli1 td.favorite div a .thumbnail, .frame-suppli1 td.favorite div a .thumbnail-new, .frame-skincare1 td.favorite div a .thumbnail, .frame-skincare1 td.favorite div a .thumbnail-new, .frame-skincare2 td.favorite div a .thumbnail, .frame-menscosme td.favorite div a .thumbnail, .frame-suppli1 td div.endsell a .thumbnail, .frame-suppli1 td div.endsell a .thumbnail-new, .frame-skincare1 td div.endsell a .thumbnail, .frame-skincare1 td div.endsell a .thumbnail-new, .frame-skincare2 td div.endsell a .thumbnail, .frame-menscosme td div.endsell a .thumbnail{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.frame-suppli1 td.favorite div a:hover .thumbnail, .frame-suppli1 td.favorite div a:hover .thumbnail-new, .frame-skincare1 td.favorite div a:hover .thumbnail, .frame-skincare1 td.favorite div a:hover .thumbnail-new, .frame-skincare2 td.favorite div a:hover .thumbnail, .frame-menscosme td.favorite div a:hover .thumbnail, .frame-suppli1 td div.endsell a:hover .thumbnail, .frame-suppli1 td div.endsell a:hover .thumbnail-new, .frame-skincare1 td div.endsell a:hover .thumbnail, .frame-skincare1 td div.endsell a:hover .thumbnail-new, .frame-skincare2 td div.endsell a:hover .thumbnail, .frame-menscosme td div.endsell a:hover .thumbnail{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.frame-suppli1 td.favorite div img, .frame-skincare1 td.favorite div img, .frame-skincare2 td.favorite div img, .frame-menscosme td.favorite div img{vertical-align:middle;}
.frame-suppli1 td.favorite div .icon-img, .frame-skincare1 td.favorite div .icon-img, .frame-skincare2 td.favorite div .icon-img, .frame-suppli1 td div.endsell .icon-img, .frame-skincare1 td div.endsell .icon-img, .frame-skincare2 td div.endsell .icon-img, .frame-menscosme td div.endsell .icon-img{
	margin:0 7px 0 10px;
}


.frame-suppli1 td.favorite div p, .frame-skincare1 td.favorite div p, .frame-menscosme td.favorite div p, .frame-suppli1 td div.endsell p, .frame-skincare1 td div.endsell p, .frame-menscosme td div.endsell p{
	padding:10px 0 10px 0;
	margin-left:125px;
}
.frame-skincare2 td.favorite div p, .frame-skincare2 td div.endsell p{
	padding:10px 0 10px 0;
	margin-left:190px;
}
.frame-suppli1 td div.endsell .caution-frame, .frame-skincare1 td div.endsell .caution-frame, .frame-menscosme td div.endsell .caution-frame{margin-left:125px;}
.frame-suppli1 td.favorite div p.detail-text{
	background:url(/content/images/supplement/img/dotline_lineup_suppli.gif) repeat-x left top;
}
.frame-skincare1 td.favorite div p.detail-text{
	background:url(/content/images/skincare/img/dotline_lineup_skin.gif) repeat-x left top;
}
.frame-skincare2 td.favorite div p.detail-text{
	background:url(/content/images/skincare/img/dotline_lineup_fage.jpg) repeat-x left top;
}
.frame-menscosme td.favorite div p.detail-text{
	background:url(/content/images/skincare/img/dotline_lineup_menscosme.gif) repeat-x left top;
}


/*===== product photo =====*/
.product_photo{
	margin-right:-10px;
	overflow:hidden;
	zoom:1;
}
.product_photo-half{
	overflow:hidden;
	zoom:1;
	margin-top:30px;
}
.product_photo-half .col1{float:left; width:334px;}
.product_photo-half .col2{float:right; width:334px;}
.product_photo li, .product_photo-half li{
	position:relative;
	width:162px;
	margin-bottom:15px;
	margin-right:10px;
	padding-top:125px;
	/*background:url(/common/img/product/photo_box_bg.jpg) no-repeat center top;*/
	float:left;
}
.product_photo li a img, .product_photo-half li a img{
	position:absolute;
	left:0;
	top:0;
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.product_photo li a:hover img, .product_photo li a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.product_photo li .price, .product_photo-half li .price{font-size:86%;}
.product_photo li .price img, .product_photo-half li .price img{vertical-align:text-bottom; margin-left:5px;}
.product_photo li .price span, .product_photo-half li .price span{font-weight:bold;}

.product_photo li.first-child, .product_photo-half li{margin-top:10px;}

.product_photo li.last-child, .product_photo-half li{
	margin-bottom:0;
}
.product_photo-half li.last-child{
	margin-right:0;
}

/* ===== pop tab ===== */
#pop_tab_t{
	background:url(/common/img/pop_tabline_t.jpg) no-repeat left bottom;
	padding-bottom:25px;
	padding-left:10px;
	/*margin-left:-5px;*/
	overflow:hidden;
	zoom:1;
}
#pop_tab_b{
	background:url(/common/img/pop_tabline_b.jpg) no-repeat left top;
	padding-top:25px;
	padding-left:10px;
	/*margin-left:-5px;*/
	overflow:hidden;
	zoom:1;
}
#pop_tab_t li, #pop_tab_b li{
	float:left;
	margin-right:4px;
}
#pop_tab_t img, #pop_tab_b img{
	vertical-align:bottom;
}

/*===== right area =====*/
/* r-btn_login */
#r-btn_login{
	margin-bottom:10px;
}

/* r-cart */
#r-cart{
	background:#EDEBDC url(/common/img/right/r-frb03.gif) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:5px;
}
#r-cart .cart-btn{
	padding:0 10px 5px 10px;
}
#r-cart .cart-btn table{
	margin-top:10px;
	width:100%;
	font-size:100%;
}
#r-cart .cart-btn th{
	font-weight:bold;
}
#r-cart .cart-btn td{
	font-weight:bold;
	text-align:right;
}
#r-cart .cart-message{
	padding:0 12px 0 13px;
	background:url(/common/img/right/r-frbg02.gif) repeat-y center top;
}

#r-cart .cart-message a{
	padding-left:12px;
	background:url(/common/img/arrow01.gif) no-repeat 0 0.3em;
	display:block;
}

/* r-mypage */
#r-mypage{
	background:#EDEBDC url(/common/img/right/r-frb03.gif) no-repeat left bottom;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
}
#r-mypage ul{margin-top:8px;}
#r-mypage li{
	background:url(/common/img/arrow02.gif) no-repeat 0 0.2em;
	padding-left:10px;
	font-size:86%;
	margin-top:3px;
}
.win.ie #r-mypage li{font-size:82%;}

/* r-giftnav */
.r-giftnav{
	background:#EDEBDC url(/common/img/right/r-frb03.gif) no-repeat left bottom;
	padding:0 0 5px 0;
	margin-bottom:10px;
}
.r-giftnav dl {
	padding:0 12px 0 13px;
	background:url(/common/img/right/r-frbg02.gif) repeat-y center top;
}
.r-giftnav dt{font-size:86%; ;font-weight: bold;}
.r-giftnav dd{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.2em;
	padding-left:10px;
	font-size:86%;
	margin-top:3px;
}
.win.ie .r-giftnav dd{font-size:82%;}


/* r-user_recomend */
#r-user_recomend{
	background:url(/common/img/right/r-frbg06-2.gif) repeat-y left top;
	margin-bottom:10px;
}
* html #r-user_recomend{height:1%;}
*:first-child+html #r-user_recomend{height:1%;}
#r-user_recomend #r-user_title{
	background:url(/common/img/right/r-frbg06-1.gif) repeat-y left top;
}
* html #r-user_recomend #r-user_title{height:1%;}
*:first-child+html #r-user_recomend #r-user_title{height:1%;}
#r-user_recomend #r-user_title p{
	background:url(/common/img/right/r-frt06.gif) no-repeat left top;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:10px 20px 5px 20px;
}
#r-user_recomend #r-user_list{
	background:url(/common/img/right/r-frb06.gif) no-repeat left bottom;
	padding-bottom:10px;
	padding-top:5px;
}
#r-user_recomend #r-user_list li{
	background:url(/common/img/right/r-dots06.gif) no-repeat left bottom;
	font-size:86%;
	line-height:1.4;
	padding:0 10px 0 10px;
	position:relative;
	min-height:70px;
	height:auto !important;
	height:70px;
}
#r-user_recomend #r-user_list li.last-child{
	background:none;
	min-height:60px;
	height:auto !important;
	height:60px;
}
#r-user_recomend #r-user_list li p{padding-left:60px; padding-bottom:10px;}
#r-user_recomend #r-user_list li.last-child p{padding-left:60px; padding-bottom:0;}
#r-user_recomend #r-user_list li a{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.2em;
	padding-left:9px;
	margin-left:60px;
	display:block;
}
#r-user_recomend #r-user_list li img{
	position:absolute;
	left:10px;
	top:auto;
}

/* r-mycheck 
#r-mycheck{
	background:url(/common/img/right/r-frb04.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}
#r-mycheck .r-mycheck-list{
	background:url(/common/img/right/r-frbg01.gif) repeat-y;
}
#r-mycheck li{
	background:url(/common/img/right/r-dots01.gif) no-repeat left bottom;
	font-size:86%;
	line-height:1.4;
	padding:0 10px 0 10px;
	position:relative;
	min-height:70px;
	height:auto !important;
	height:70px;
}
#r-mycheck li.last-child{
	background:none;
	min-height:60px;
	height:auto !important;
	height:60px;
}
#r-mycheck li a{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.2em;
	padding-left:9px;
	margin-left:60px;
	padding-bottom:10px;
	display:block;
}
#r-mycheck li img{
	position:absolute;
	left:10px;
	top:auto;
}*/
#r-mycheck{
	background:url(/common/img/right/r-frbg01.gif) repeat-y;
	margin-bottom:10px;
}
#r-mycheck .r-mycheck-list{
	background:url(/common/img/right/r-frb04.gif) no-repeat left bottom;
}
#r-mycheck .r-mycheck-list table{
	width:100%;
	font-size:100%;
}
#r-mycheck td{
	background:url(/common/img/right/r-dots01.gif) no-repeat left bottom;
	font-size:86%;
	line-height:1.4;
	padding:0 10px 0 10px;
	height:70px;
	vertical-align:middle;
}
.win.ie6 #r-mycheck td, .win.ie8 #r-mycheck td{
	min-height:70px;
	height:auto !important;
	height:70px;
}
#r-mycheck td.last-child{
	background:none;
	height:70px;
}
.win.ie6 #r-mycheck td.last-child, .win.ie8 #r-mycheck td.last-child{
	min-height:70px;
	height:auto !important;
	height:70px;
}

#r-mycheck .r-mycheck-list td div{
	position:relative;
	padding-bottom:10px;
	width:158px;
}
#r-mycheck .r-mycheck-list td div a{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.2em;
	padding-left:9px;
	margin-left:60px;
	display:block;
}
#r-mycheck .r-mycheck-list td div img{
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-35px;
}


/* r-teiki */
#r-teiki{
	background:url(/common/img/right/r-frb02.gif) no-repeat left bottom;
	padding-bottom:15px;
}
#r-teiki p{
	background:url(/common/img/right/r-frbg02.gif) repeat-y;
	padding:0 15px 0 15px;
	font-size:86%;
}
#r-teiki a{
	padding-left:9px;
	background:url(/common/img/arrow01.gif) no-repeat 0 0.5em;
	display:block;
}

/* ===== r-first ===== */
#r-first{
	background:#EDEBDC url(/common/img/right/r-frb03.gif) no-repeat left bottom;
	padding:0 10px 10px 10px;
	font-size:86%;
}
.win.ie #r-first{font-size:82%;}
#r-first ul{margin:8px 0 8px 0;}
#r-first li{
	background:url(/common/img/arrow02.gif) no-repeat 0 0.2em;
	padding-left:10px;
	margin-top:3px;
}
#r-first li ul{margin:5px 0 5px -10px;}
#r-first li ul li{background:none; padding-left:0.6em; text-indent:-0.6em;}
.mac.webkit #r-first li ul li{background:none; padding-left:1em; text-indent:-1em;}
.mac.gecko #r-first li ul li{background:none; padding-left:1em; text-indent:-1em;}


/* ===== r-campaign ===== */
/*#r-campaign, #r-contents{
	background:url(/common/img/right/r-frbg03.gif) repeat-y;
}
#r-campaign{
	padding-top:10px;
}
* html #r-campaign{height:1%;}
* html #r-contents{height:1%;}
*:first-child+html #r-campaign{height:1%;}
*:first-child+html #r-contents{height:1%;}
#r-campaign li, #r-contents li.with-img{
	position:relative;
	padding:0 10px 0 10px;
	min-height:60px;
	height:auto !important;
	height:60px;
}
#r-contents li{
	position:relative;
	background:url(/common/img/right/dotline-r.gif) no-repeat center bottom;
	padding:5px 10px 5px 10px;
}
#r-contents li.with-img{
	margin-top:10px;
	padding-bottom:0;
}

#r-campaign li.last-child{
	background:url(/common/img/right/r-frb05.gif) no-repeat center bottom;
	padding-bottom:1px;
}
#r-contents li.last-child{
	background:url(/common/img/right/r-frb05.gif) no-repeat center bottom;
	padding-bottom:5px;
}

* html #r-campaign li.last-child{margin-bottom:-2px;}
*:first-child+html #r-campaign li.last-child{margin-bottom:-2px;}
.win.gecko #r-campaign li.last-child{padding-bottom:3px;}
.mac.gecko #r-campaign li.last-child{padding-bottom:3px;}
.win.webkit #r-campaign li.last-child{padding-bottom:3px;}
.mac.webkit #r-campaign li.last-child{padding-bottom:3px;}
#r-campaign li img, #r-contents li.with-img img{
	position:absolute;
	left:10px;
	top:0;
}
#r-contents li a{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.3em;
	display:block;
	padding-left:9px;
}
#r-campaign li a, #r-contents li.with-img a{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.3em;
	padding-left:9px;
	margin-left:60px;
	display:block;
	padding-bottom:10px;
}*/


#r-campaign, #r-contents{
	background:url(/common/img/right/r-frbg03.gif) repeat-y;
}
#r-campaign .r-mycheck-list table, #r-contents .r-mycheck-list table{
	width:100%;
	font-size:100%;
}
#r-campaign td, #r-contents td{
	background:url(/common/img/right/dotline-r.gif) no-repeat center bottom;
	font-size:86%;
	line-height:1.4;
	padding:8px 10px 10px 10px;
	vertical-align:middle;
}
#r-campaign td.with-img, #r-contents td.with-img{
	height:50px;
}
.win.ie6 #r-campaign td.with-img, .win.ie8 #r-campaign td.with-img, .win.ie6 #r-contents td.with-img, .win.ie8 #r-contents td.with-img{
	min-height:50px;
	height:auto !important;
	height:50px;
}
.gecko #r-campaign td.with-img, .gecko #r-contents td.with-img{
	height:70px;
}

#r-campaign td.last-child{
	/*background:url(/common/img/right/r-frb05.gif) no-repeat center bottom;*/
	background-image:none;
}
#r-contents td.last-child{
	background:url(/common/img/right/r-frb05.gif) no-repeat center bottom;
}

#r-campaign td div, #r-contents td div{
	position:relative;
	width:158px;
}
#r-campaign td div a, #r-contents td a{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.2em;
	padding-left:9px;
	display:block;
}
#r-campaign td div a, #r-contents td div a{
	margin-left:60px;
}
#r-campaign td div img, #r-contents td div img{
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-25px;
}

#r-campaign.r-campaign-gift table {
	background:url(/common/img/right/r-frb05.gif) no-repeat center bottom;
}


/* ===== r-component ===== */
#r-component{
	background:url(/common/img/right/r-frb05.gif) no-repeat left bottom;
	padding-bottom:9px;
}
#r-component .r-component-bg{
	border-left:#DFDAC0 1px solid;
	border-right:#DFDAC0 1px solid;
	padding-top:5px;
}
#r-component li{
	background:url(/common/img/right/r-dots02.gif) no-repeat center bottom;
	padding:0 9px 10px 9px;
	font-size:86%;
}
#r-component li.last-child{
	background:none;
	padding:0 9px 0 9px;
}
#r-component a{
	padding-left:9px;
	background:url(/common/img/arrow01.gif) no-repeat left center;
}

/* ===== r-keyword ===== */
#r-keyword{
	background:url(/common/img/right/r-dots04.gif) repeat-x left bottom;
	padding-bottom:1px;
	font-size:86%;
}
#r-keyword li{
	padding:5px;
	background:url(/common/img/right/r-dots03.gif) repeat-x left bottom;
}
#r-keyword a{
	padding-left:9px;
	background:url(/common/img/arrow01.gif) no-repeat left center;
	display:block;
}

/* r-recomend */
#r-recomend{
	background:url(/common/img/right/r-recomend-frb.gif) no-repeat center bottom;
	padding-bottom:9px;
	margin-bottom:10px;
	position:relative;
}
#r-recomend #r-recomend-arrow{
	position:absolute;
	top:0;
	left:-12px;
}
#r-recomend #rRecomendList{
	background:url(/common/img/right/r-recomend-frbg.gif) repeat-y center top;
}
* html #r-recomend{height:1%;}
*:first-child+html #r-recomend{height:1%;}
* html #rRecomendList{height:1%;}
*:first-child+html #rRecomendList{height:1%;}
#r-recomend li{
	background:url(/common/img/right/r-recomend-line.gif) no-repeat center bottom;
	font-size:86%;
	line-height:1.4;
	padding:5px 10px 10px 65px;
	position:relative;
	min-height:67px;
	height:auto !important;
	height:67px;
}
* html #r-recomend #rRecomendList{height:67px;}

#r-recomend li.last-child{
	background:none;
	padding:5px 10px 5px 65px;
	min-height:57px;
	height:auto !important;
	height:57px;
}
#r-recomend li a{
	background:url(/common/img/arrow01.gif) no-repeat 0 0.2em;
	padding-left:9px;
	margin-bottom:3px;
	display:block;
}
#r-recomend li img{
	position:absolute;
	left:5px;
	top:5px;
}

/* r-verisign */
/*#r-verisign{
	text-align:center;
	margin-top:20px;
}
#r-verisign p{padding-top:0;}
*/

/* r-webseal */
#r-webseal{
	text-align:center;
	margin-top:20px;
}
#r-webseal p{
	padding-top:10px;
	text-align: left;
}

#r-bnr-iso{margin-top:45px; text-align:center;}

#r-bnr-iso a img{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#r-bnr-iso a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

/*===== footer-keyword =====*/
#f-keyword-area{
	width:100%;
	background:url(/common/img/footer_dots01.gif) repeat-x left bottom;
}
#f-keyword-area .f-keyword, #f-keyword-area .f-keyword2{
	width:890px;
	margin:0 auto 0 auto;
	padding-bottom:6px;
	overflow:hidden;
	zoom:1;
	font-size:71%;
}
.mac.opera #f-keyword-area .f-keyword, .mac.opera #f-keyword-area .f-keyword2{font-size:65%;}
#f-keyword-area .f-keyword img, #f-keyword-area .f-keyword2 img{
	float:left;
}
#f-keyword-area .f-keyword li{
	float:left;
	padding-right:9px;
}
#f-keyword-area .f-keyword2 li{
	float:left;
	padding-right:11px;
}
#f-keyword-area .f-keyword li a, #f-keyword-area .f-keyword2 li a{
	background:url(/common/img/f_arrow_brown.gif) no-repeat left center;
	padding-left:10px;
	color:#664F00;
	text-decoration:none;
}
#f-keyword-area .f-keyword li a:hover, #f-keyword-area .f-keyword2 li a:hover{
	text-decoration:underline;
}
#f-keyword-area .f-keyword li.first-child{padding-right:10px;}


/* ===== footer-recomend ===== */
.f-recomend{
	overflow:hidden;
	zoom:1;
	margin-right:-10px;
}
.f-recomend ul{
	overflow:hidden;
	zoom:1;
}
.f-recomend li{
	float:left;
	width:127px;
	margin-right:10px;
	padding-top:93px;
	position:relative;
	font-size:86%;
}
.f-recomend img.f-recomend-img{
	position:absolute;
	left:0;
	top:0;
}
.f-recomend a{
	padding-left:10px;
	background:url(/common/img/arrow01.gif) no-repeat 0 0.2em;
	display:block;
}
.f-recomend p.f-recomend-price{
	background:url(/common/img/dotline02.gif) repeat-x left top;
	padding-top:8px;
	margin-top:5px;
}

.f-recomend p.f-recomend-price span{font-weight:bold;}

.f-recomend a img{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.f-recomend a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
/* 20120613 */
.f-recomend a.no-bg{
	padding-left:0;
	background: none;
}


/* ===== tooltip ====== */
.tooltip1 {
	display:none;
	width:440px;
}
.tip_text1{
	background:url(/common/img/tt_frbg01-trans.png) repeat-y left top;
}

.tooltip2 {
	display:none;
	width:300px;
}
.tip_text2{
	background:url(/common/img/tt_frbg02-trans.png) repeat-y left top;
}

.tooltip3 {
	display:none;
	width:400px;
}
.tip_text3{
	background:url(/common/img/tt_frbg03-trans.png) repeat-y left top;
}

.tooltip4 {
	display:none;
	width:460px;
}

.tip_text4{
	background:url(/common/img/tt_frbg01-trans.png) repeat-y left top;
}

.tooltip5 {
	display:none;
	width:420px;
}
.tip_text5{
	background:url(/common/img/tt_frbg05-trans.png) repeat-y left top;
	width:420px;
	position: relative;
	z-index:9999;
}

* html .tooltip1{margin-left:100px;}
* html .tooltip4{margin-left:100px;}
* html .tooltip5{margin-left:0px; }

.tooltip1, .tooltip2, .tooltip3, .tooltip4, .tip_text1, .tip_text2, .tip_text3, .tip_text4　{z-index:9999;}
.tooltip1 img, .tooltip2 img, .tooltip3 img, .tooltip4 img, .tooltip5 img{
	vertical-align:bottom;
	margin:0;
}
.tooltip1 .tt-frt, .tooltip2 .tt-frt, .tooltip3 .tt-frt, .tooltip4 .tt-frt, .tooltip5 .tt-frt{
	height:12px;
	line-height:1;
}

.tt-frt{display:block;}
.tt-frb{display:block; padding-bottom:10px;}
.tt-frtb{display:none;}
.tt-frbb{display:none;}
.bottom .tt-frt{display:none;}
.bottom .tt-frb{display:none;}
.bottom .tt-frtb{display:block; padding-top:10px;}
.bottom .tt-frbb{display:block;}

* html .bottom .tt-frbb{height:8px; line-height:1; vertical-align:top;}
.win.ie7 .bottom .tt-frbb{height:8px; line-height:1;}
.win.ie7 .bottom .tt-frbb img{vertical-align:top;}

* html .tooltip1 .tt-frbb{margin-top:-7px;}
* html .tooltip2 .tt-frbb{margin-top:-7px;}
* html .tooltip3 .tt-frbb{margin-top:-3px;}
* html .all-subtotal-addition .tooltip3 .tt-frbb{margin-top:-7px;}
* html .tooltip4 .tt-frbb{margin-top:-3px;}
* html .tooltip5 .tt-frbb{margin-top:-3px;}
.win.ie7 .tooltip3 .tt-frbb{margin-top:-3px;}
.win.ie7 .all-subtotal-addition .tooltip3 .tt-frbb{margin-top:-1px;}
.win.ie7 .tooltip4 .tt-frbb{margin-top:-3px;}
.win.ie7 .tooltip5 .tt-frbb{margin-top:-3px;}

* html .tooltip2 .tt-frt{margin-bottom:-2px;}
* html .tooltip3 .tt-frt{margin-bottom:-2px;}
* html .tooltip4 .tt-frt{margin-bottom:-2px;}
* html .tooltip5 .tt-frt{margin-bottom:-2px;}

.tip_text1, .tip_text2, .tip_text3, .tip_text4, .tip_text5{
	padding:0 30px 10px 20px;
}
.bottom .tip_text1, .bottom .tip_text2, .bottom .tip_text3, .bottom, .tip_text4, .bottom .tip_text5{
	padding:5px 30px 15px 20px;
}

.trigger, .trigger2 {
	border:0;
	cursor:pointer;
}

.tip-title{
	background:url(/common/img/dotline04.gif) repeat-x center bottom;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#664F00;
	font-weight:bold;
}
.tip_text1 li, .tip_text2 li, .tip_text3 li, .tip_text4 li, .tip_text5 li{
	padding-left:1em;
	text-indent:-1em;
}

.tip_text1, .tip_text4{width:580px;}


/* ===== table format ===== */
.table_format table{
	width:100%;
	border-top:1px solid #D6D0AE;
	border-left:1px solid #D6D0AE;
	font-size:100%;
}
.table_format th{
	color:#664F00;
	font-weight:normal;
	background:#EDEBDC url(/common/img/dotline06.gif) repeat-x left bottom;
	padding:10px;
	width:185px;
}
.table_format td{
	padding:10px 8px 10px 20px;
	border-right:1px solid #D6D0AE;
	background:url(/common/img/dotline06.gif) repeat-x right bottom;
}
.table_format .last-child{
	background-image:none;
	border-bottom:1px solid #D6D0AE;
}
.table_format td.bg_hilight{background-color:#FFF6E5;}
.table_format td .additional-text{
	margin-left:15px;
}

/* ===== table format2 ===== */
.table_format2 table{
	width:100%;
	border-top:1px solid #E1DDC5;
	font-size:100%;
}
.table_format2 th, .table_format2 td{
	border-bottom:1px solid #E1DDC5;
	padding-top:12px;
	padding-bottom:12px;
	vertical-align:top;
}
.table_format2 .status_icon{
	width:55px;
	text-align:left;
}
* html .table_format2 .status_icon{height:50px;}
.table_format2 td div{
	padding-left:177px;
	position:relative;
	min-height:50px;
	height:auto !important;
}
* html .table_format2 div{width:446px; height:50px;}
.table_format2 div .banner{
	position:absolute;
	left:0;
	top:0;
}
.table_format2 div p{margin-top:8px;}
.table_format2 td div .category-icon{
	vertical-align:middle;
	margin-right:10px;
}
.table_format2 a img{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.table_format2 a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

/* ===== table format3 ===== */
.table_format3 table{
	width:100%;
	border-top:1px solid #E1DDC5;
	font-size:100%;
}
.table_format3 th, .table_format3 td{
	border-bottom:1px solid #E1DDC5;
	padding-top:17px;
	padding-bottom:17px;
	vertical-align:top;
}
* html .table_format3 td{height:65px;}
.table_format3 td div{
	padding-left:197px;
	position:relative;
	min-height:65px;
	height:auto !important;
}
* html .table_format3 div{width:481px; height:65px;}
.table_format3 div .banner{
	position:absolute;
	left:0;
	top:0;
}
.table_format3 div p{margin-top:8px;}
.table_format3 td div .category-icon{
	vertical-align:middle;
	margin-right:10px;
}
.table_format3 a img{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.table_format3 a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

/*===== fukidashibox01 =====*/
.fukidashibox01{
	background:url(/common/img/fukidashi_parts4.gif) repeat-y center top;
	margin-top:10px;
	position:relative;
}
.fukidashibox01 .fukidashibox_t{
	background:url(/common/img/fukidashi_parts2.gif) no-repeat center top;
}
.fukidashibox01 .fukidashibox_b{
	background:url(/common/img/fukidashi_parts3.gif) no-repeat center bottom;
}
* html .fukidashibox01 .fukidashibox_b{height:1%;}
*:first-child+html .fukidashibox01 .fukidashibox_b{height:1%;}
.fukidashibox01 .fukidashi_part{
	position:absolute;
	left:433px;
	top:-21px;
	z-index:100;
}
.fukidashibox01 p{padding:5px 20px 5px 20px;}



/*===== frame box style =====*/
.asidebox01{
	background:url(/common/img/column2-full-frbg02.gif) repeat-y center top;
	padding:0 15px 0 15px;
}

.asidebox02{
	background:url(/common/img/column2-full-frbg02.gif) repeat-y center top;
}
.asidebox03{
	border-left:#DFDAC0 1px solid;
	border-right:#DFDAC0 1px solid;
}
.asidebox04{
	background:url(/common/img/frbg_asidebox04.gif) repeat-y center top;
	padding:0 20px 0 20px;
}
.asidebox05{
	background:url(/common/img/frbg_asidebox05.gif) repeat-y center top;
}
* html .asidebox05{height:1%;}
*:first-child+html .asidebox05{height:1%;}
.asidebox05 .asidearea{
	background:url(/common/img/frb_asidebox05.gif) no-repeat center bottom;
}
.asidebox05 .asidearea p, .asidebox05 .asidetxt{
	background:url(/common/img/frt_asidebox05.gif) no-repeat center top;
	padding:10px;
}

.asidebox06{
	background:url(/common/img/frbg_asidebox06.gif) repeat-y center top;
	width:678px;
}
* html .asidebox06{height:1%;}
*:first-child+html .asidebox06{height:1%;}
.asidebox06 .asidearea{
	background:url(/common/img/frb_asidebox06.gif) no-repeat center bottom;
	padding-bottom:10px;
}
* html .asidebox06 .asidearea{height:1%;}
*:first-child+html .asidebox06 .asidearea{height:1%;}

.asidebox06 .asidearea .link-box{
	overflow:hidden;
	zoom:1;
	padding:5px 30px 5px 30px;
	background:url(/content/images/supplement/component/img/component_other_dots.gif) no-repeat center bottom;
}
.asidebox06 .asidearea .link-box .col1{
	float:left;
	width:49%;
}
.asidebox06 .asidearea .link-box .col2{
	float:right;
	width:49%;
}
.asidebox06 .asidearea .link-box li{margin-bottom:3px;}
.asidebox06 .asidearea .back-link{padding:10px 20px 5px 20px;}

.asidebox06 .asidearea .asidetxt{
	background:url(/common/img/frt_asidebox06.gif) no-repeat left top;
	padding-top:10px;
}

.asidebox07{
	background:url(/common/img/frbg_asidebox07.gif) repeat-y center top;
	width:678px;
}
.asidebox07 .asidearea{
	background:url(/common/img/frb_asidebox07.gif) no-repeat center bottom;
}
.asidebox07 .asidearea .asidetxt{
	background:url(/common/img/frt_asidebox07.gif) no-repeat center top;
	padding:10px 15px 10px 15px;
}

.asidebox08{
	background:url(/common/img/frbg_asidebox08.jpg) repeat-y center top;
	width:678px;
}
.asidebox08 .asidearea{
	background:url(/common/img/frb_asidebox08.jpg) no-repeat center bottom;
}
.asidebox08 .asidearea .asidetxt{
	background:url(/common/img/frt_asidebox08.jpg) no-repeat center top;
}

.asidebox09{
	background:url(/common/img/frbg_asidebox09.gif) repeat-y center top;
	width:678px;
}
.asidebox09 .asidearea{
	background:url(/common/img/frb_asidebox09.gif) no-repeat center bottom;
}
.asidebox09 .asidearea .asidetxt{
	background:url(/common/img/frt_asidebox09.gif) no-repeat center top;
	padding:5px 20px 5px 20px;
}

.asidebox10{
	background:url(/common/img/column2-full-frbg02.gif) repeat-y center top;
	width:678px;
}
.asidebox10 .asidearea{
	background:url(/common/img/column2-full-frb02.gif) no-repeat center bottom;
}
.asidebox10 .asidearea .asidetxt{
	background:url(/common/img/column2-full-frt02.gif) no-repeat center top;
	padding:20px;
}

.asidebox11{
	background:url(/common/img/frbg_asidebox11.gif) repeat-y center top;
	width:678px;
}
.asidebox11 .asidearea{
	background:url(/common/img/frb_asidebox11.gif) no-repeat center bottom;
}
.asidebox11 .asidearea .asidetxt{
	background:url(/common/img/frt_asidebox11.gif) no-repeat center top;
}

.aside_sc{
	background:url(/common/img/frbg_aside_sc.gif) repeat-y center top;
	width:678px;
}
.aside_sc .asidearea{
	background:url(/common/img/frb_aside_sc.gif) no-repeat center bottom;
}
.aside_sc .asidearea .asidetxt{
	background:url(/common/img/frt_aside_sc.gif) no-repeat center top;
	padding:10px 20px 10px 20px;
}

.aside_mc638{
	background:url(/common/img/product/asidebox_frbg_mc.gif) repeat-y center top;
}
.aside_mc638 .asidearea{
	background:url(/common/img/product/asidebox_frb_mc.gif) no-repeat center bottom;
}
.aside_mc638 .asidearea .asidetxt{
	background:url(/common/img/product/asidebox_frt_mc.gif) no-repeat center top;
	padding:10px 20px 10px 20px;
}


.aside_frt_brown01{
	background:url(/common/img/frt_brown01.jpg) no-repeat center top #664F00;
	color:#FFF;
}

.cautinbox{
	background:url(/common/img/frbg_caution678.gif) repeat-y left top;
}
* html .cautinbox{height:1%;}
*:first-child+html .cautinbox{height:1%;}
.cautinbox .cautionbox-area{
	background:url(/common/img/frb_caution678.gif) no-repeat left bottom;
}
.cautinbox .cautionbox-area .cautionbox-text{
	background:url(/common/img/frt_caution678.gif) no-repeat left top;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	color:#F00;
	text-align:center;
}

.cautinbox_s{
	background:url(/common/img/frbg_caution638.gif) repeat-y left top;
}
* html .cautinbox_s{height:1%;}
*:first-child+html .cautinbox_s{height:1%;}
.cautinbox_s .cautionbox-area{
	background:url(/common/img/frb_caution638.gif) no-repeat left bottom;
}
.cautinbox_s .cautionbox-area .cautionbox-text{
	background:url(/common/img/frt_caution638.gif) no-repeat left top;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	color:#F00;
	text-align:center;
}

.caution-frame{
	background:url(/common/img/frbg_caution538.gif) repeat-y left top;
	width:538px;
}
* html .caution-frame{height:1%;}
*:first-child+html .caution-frame{height:1%;}
.caution-frame .cautionbox-area{
	background:url(/common/img/frb_caution538.gif) no-repeat left bottom;
}
.caution-frame .cautionbox-area .cautionbox-text{
	background:url(/common/img/frt_caution538.gif) no-repeat left top;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	color:#F00;
	text-align:center;
}
.cautinbox .cautionbox-area .cautionbox-text a:link, .cautinbox_s .cautionbox-area .cautionbox-text a:link{color:#F00; text-decoration:none;}
.cautinbox .cautionbox-area .cautionbox-text a:visited, .cautinbox_s .cautionbox-area .cautionbox-text a:visited{color:#F00; text-decoration:none;}
.cautinbox .cautionbox-area .cautionbox-text a:hover, .cautinbox_s .cautionbox-area .cautionbox-text a:hover{color:#F00; text-decoration:underline;}

.semi-footer{padding:10px 15px 10px 20px;}
.semi-footer th{
	background:url(/common/img/dotline08.gif) repeat-y right top;
	width:243px;
	vertical-align:middle;
}
.semi-footer td{
	padding-left:15px;
}

/* ===== foot-caption ====== */
.foot-caption01{
	background:url(/common/img/dotline06.gif) repeat-x center top;
	padding-top:10px;
}
.foot-caption01 li{
	padding-left:1em;
	text-indent:-1em;
}

/* ===== for company and quality ===== */
#suntory_content{
	width:890px;
	margin:0 auto 0 auto;
	text-align:left;
}

/* ===== faq-section ===== */

#faq-section .faq-q01{
	background:url(/common/img/inqfaq_qbg01_n.gif) no-repeat left top;
}
#faq-section .faq-q01.hover{
	background:url(/common/img/inqfaq_qbg01_r.gif) no-repeat left top;
}
#faq-section .faq-q01.selected{
	background:url(/common/img/inqfaq_qbg01_a.gif) no-repeat left top;
}
#faq-section	.faq-q01 p{
	padding:8px 30px 8px 45px;
	background:url(/common/img/dotline09.gif) repeat-x left bottom;
	cursor:pointer;
}
* #faq-section	.faq-q01 p{height:1%;}
#faq-section .faq-a01{
	display:none;
	background:url(/common/img/inqfaq_abg01.gif) repeat-y left top;
	position:relative;
}
* html #faq-section .faq-a01{height:1%;}
#faq-section .faq-a01 .faq-a-area{
	background:url(/common/img/inqfaq_ab01.gif) no-repeat left bottom;
	padding:0 20px 0 20px;
}
#faq-section .faq-a01 .faq-a-area .faq-a-text{
	padding-left:23px;
	padding-top:13px;
	padding-bottom:13px;
	background:url(/common/img/product/asidebox_icon_a.gif) no-repeat 0 18px;
}
* html #faq-section .faq-a01 .faq-a-area .faq-a-text{height:1%;}
#faq-section .faq-a01 .faq-a-area img{
	vertical-align:middle;
}

.faq-a-text .faq-souryou-teiki{
	width:610px;
	font-size:100%;
	background:url(/content/images/faq/img/faq_souryou_teiki_frbg.gif) repeat-y left top;
}
.faq-a-text .faq-souryou-teiki th{
	width:160px;
	vertical-align:middle;
	text-align:center;
	background:url(/content/images/faq/img/faq_souryou_teiki_frb.gif) no-repeat left bottom;
	padding-bottom:5px;
}
.faq-a-text .faq-souryou-teiki td{
	background:url(/content/images/faq/img/faq_souryou_teiki_frb.gif) no-repeat right bottom;
	padding:10px 20px 10px 20px;
}
.faq-a-text .faq-souryou-other{
	background:url(/content/images/faq/img/faq_souryou_other_frbg.gif) repeat-y left top;
}
.faq-a-text .faq-souryou-other .faq-souryou-other-area{
	background:url(/content/images/faq/img/faq_souryou_other_frb.gif) no-repeat left bottom;
	padding:15px 0 15px 0;
	text-align:center;
}
.faq-a-text .faq-souryou-other .faq-souryou-other-area .faq-souryou-other-caution{
	text-align:left;
	padding:20px 30px 0 30px;
	margin-top:20px;
	background:url(/content/images/faq/img/faq_souryou_other_fukidashi.gif) no-repeat left top;
}
.faq-a-text .faq-souryou-other .faq-souryou-other-area .faq-souryou-other-caution img{margin-bottom:5px;}

/* ===== quality ===== */
#quality_nav{
	overflow:hidden;
	zoom:1;
	padding-bottom:20px;
	background:url(/common/img/dotline10.gif) repeat-x left bottom;
}
#quality_nav li{
	float:left;
	width:217px;
	margin-right:13px;
}
#quality_nav li.last-child, #quality_content #quality_nav li{margin-right:0;}