@charset "utf-8";
/* CSS Document */
.itemlst h3{
	clear:both;
	padding-bottom: 30px;
}
h3#lineup{
	background-image:url(../img/lineup_ttl.gif);
	background-repeat:no-repeat;
	width:350px;
	height:20px;
	text-indent:-9999px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 15px;
}
.itemlst li{
	width:188px;
	height:188px;
	padding-bottom:12px;
	border-bottom:1px solid #000;
	float:left;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 45px;
	margin-left: 0;
}

.itemlst .nf_r{margin-right:0px;}
.itemlst li:hover{
	border-bottom:1px solid #ccc;
}
.itemlst #ttl_kesho{
	background-image:url(../img/list_ttl_keshohin.gif);
	background-repeat:no-repeat;
	height:16px;
	overflow:hidden;
	margin-bottom:25px;
}
.itemlst #ttl_kenko{
	background-image:url(../img/list_ttl_kenkou.gif);
	background-repeat:no-repeat;
	height:16px;
	overflow:hidden;
	margin-bottom:25px;
}
.itemlst #ttl_senzai{
	background-image:url(../img/list_ttl_senzai.gif);
	background-repeat:no-repeat;
	height:16px;
	overflow:hidden;
	margin-bottom:25px;
}
.itemlst #ttl_water{
	background-image:url(../img/list_ttl_water.gif);
	background-repeat:no-repeat;
	height:16px;
	overflow:hidden;
	margin-bottom:25px;
}

.itemlst #ttl_bath{
	background-image:url(../img/list_ttl_bath.gif);
	background-repeat:no-repeat;
	height:16px;
	overflow:hidden;
	margin-bottom:25px;
}



/*item 全般のスタイルシート*/

#main{
	width:640px;
	float:left;
}
#main .topimg{
	margin:0;
}
.item_sec{
	margin-left:40px;
	padding-top:35px;
	padding-bottom:35px;
	width:520px;
	border-bottom:1px solid #000;
}

.item_sec_nonline{
	margin-left:40px;
	padding-top:0px;
	padding-bottom:35px;
	width:520px;
	border-bottom:1px solid #000;
}

.item_sec2{
	margin-left:0px;
	padding-top:35px;
	padding-bottom:35px;
	width:520px;
	border-bottom:1px solid #000;
}

.item_sec2 p{
	margin-left:20px;}

.item_sec_nonline p{margin-left:10px;}

.item_sec p{margin-left:10px;}
.last_sec{border:none;}
table{
	margin-left:20px;
}
.tbl_thum{width:20%;}
.tbl_txt{width:80%;}
td{
	font-size:0.8em;
	padding:5px 0 5px;
}

h3{
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
}
#yogore h3{
	background-image:url(../img/item01_ttl_yogore.gif);
	width:120px;
	height:20px;
}
#corn h3{
	background-image:url(../img/item01_ttl_jokyo.gif);
	width:355px;
	height:20px;
}
#awa h3{
	background-image:url(../img/item01_ttl_danryoku.gif);
	width:230px;
	height:40px;
}
#uruoi{
	background-image:url(../img/item01_ttl_shikkari.gif);
	width:280px;
	height:20px;
}
#hoshitsu{
	background-image:url(../img/item01_ttl_shittoriri.gif);
	height:20px;
	width:185px;
	margin-top:15px;
}
#seibun h3{
	background-image:url(../img/ttl_seibun.gif);
	width:135px;
	height:20px;
}



#side{
	width:225px;
	float:right;
}
#item_lst{
	margin-bottom:30px;
}
#item_lst h3{
	background-image:url(../img/side_ttl_info.gif);
	width:200px;
	height:15px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-bottom:0px;
}

#item_lst h3.h3step{
		width:200px;
		background:none;
		overflow:inherit;
		overflow:auto;
		overflow:visible;
	height:15px;
	margin:15px 0 20px;
	text-indent:inherit;
}



#item_lst li{padding:10px 0 10px;}
#item_lst a{
	color:#000;
	text-decoration:none;
	font-size:0.8em;
}
#item_lst a:hover{color:#999;}


#perfect h3{
	background-image:url(../img/side_ttl_perfect.gif);
	background-repeat:no-repeat;
	width:95px;
	height:20px;
	overflow:hidden;
	margin-top:45px;
	margin-bottom:10px;
}
#perfect li{
	margin-bottom:10px;
}
#perfect{
	margin-bottom:20px;
}
#perfect a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}


#damage h3{
	background-image:url(../img/item035_ttl_damage.gif);
	width:359px;
	height:20px;
}
#power h3{
	background-image:url(../img/item035_ttl_power.gif);
	width:235px;
	height:19px;
}
#chlorine h3{
	background-image:url(../img/item035_ttl_chlorine.gif);
	width:271px;
	height:19px;
}



/*09.04.07*/
#t_power{
	width:100%;
}
#tourmaline{
	float:none;
	margin-left:30px;
	margin-top:40px;
}

#plum h3{
	background-image:url(../img/item054_ttl_plum.gif);
	width:271px;
	height:19px;
}
#orange h3{
	background-image:url(../img/item054_ttl_orange.gif);
	width:271px;
	height:19px;
}
#circulation h3{
	background-image:url(../img/item054_ttl_circulation.gif);
	width:271px;
	height:19px;
}
#nature h3{
	background-image:url(../img/item054_ttl_nature.gif);
	width:271px;
	height:19px;
}
#resolution h3{
	background-image:url(../img/item054_ttl_resolution.gif);
	width:271px;
	height:19px;
}
#cleaning h3{
	background-image:url(../img/item054_ttl_cleaning.gif);
	width:271px;
	height:19px;
}
#orangeextract h3{
	background-image:url(../img/item053_ttl_orangeextract.gif);
	width:174px;
	height:19px;
}
#kids h3{
	background-image:url(../img/item053_ttl_kids.gif);
	width:159px;
	height:43px;
}
#housecleaning h3{
	background-image:url(../img/item053_ttl_housecleaning.gif);
	width:155px;
	height:19px;
}
#nucleicacid h3{
	background-image:url(../img/item047_ttl_nucleicacid.gif);
	width:78px;
	height:19px;
}
#supply h3{
	background-image:url(../img/item047_ttl_supply.gif);
	width:159px;
	height:19px;
}
#condensation h3{
	background-image:url(../img/item046_ttl_condensation.gif);
	width:458px;
	height:19px;
}
#relieved h3{
	background-image:url(../img/item046_ttl_relieved.gif);
	width:117px;
	height:19px;
}
.second_p{
	margin-top:10px;
}

/*09.04.08*/
#rehydrate h3{
	background-image:url(../img/item045_ttl_rehydrate.gif);
	width:200px;
	height:19px;
}
#lifeforce h3{
	background-image:url(../img/item045_ttl_lifeforce.gif);
	width:337px;
	height:19px;
}
#softdrink h3{
	background-image:url(../img/item040_ttl_softdrink.gif);
	width:337px;
	height:19px;
}
#water h3{
	background-image:url(../img/item086_ttl_water.gif);
	width:190px;
	height:20px;
}
#cleanwater h3{
	background-image:url(../img/item086_ttl_cleanwater.gif);
	width:39px;
	height:19px;
}
#cathode h3{
	background-image:url(../img/item086_ttl_cathode.gif);
	width:58px;
	height:19px;
}
#anode h3{
	background-image:url(../img/item086_ttl_anode.gif);
	width:58px;
	height:19px;
}
#av_system h3{
	background-image:url(../img/item086_ttl_av_system.gif);
	width:396px;
	height:19px;
}
#uturn h3{
	background-image:url(../img/item086_ttl_uturn.gif);
	width:296px;
	height:67px;
}
#electrode h3{
	background-image:url(../img/item086_ttl_electrode.gif);
	width:300px;
	height:67px;
}
#syringe h3{
	background-image:url(../img/item086_ttl_syringe.gif);
	width:280px;
	height:43px;
}
#main .item_sec .attention{
	font-size:0.8em;
	margin-top:10px;
	line-height:1.2em;
}
.item_sec-b{
	margin-left:40px;
	padding-bottom:35px;
	width:520px;
}
.item_sec-c{
	margin-left:40px;
	padding-bottom:15px;
	width:520px;
	border-bottom:1px solid #000;
}
#bp_use h3{
	background-image:url(../img/item016_ttl_bp_use.gif);
	width:394px;
	height:19px;
}
#reaction h3{
	background-image:url(../img/item016_ttl_reaction.gif);
	width:378px;
	height:67px;
}
#skindensity h3{
	background-image:url(../img/item016_ttl_skindensity.gif);
	width:472px;
	height:43px;
}
#brightness h3{
	background-image:url(../img/item014_ttl_idealskin.gif);
	width:472px;
	height:43px;
}
#m_secret h3{
	background-image:url(../img/item014_ttl_brightness.gif);
	width:179px;
	height:19px;
}
#c_secret h3{
	background-image:url(../img/item014_ttl_m_secret.gif);
	width:178px;
	height:19px;
}
#idealskin h3{
	background-image:url(../img/item014_ttl_c_secret.gif);
	width:137px;
	height:20px;
}

.img{clear:both;}
.img_r{
	float:right;
	margin-left:20px;	
}
.img_l{
	float:left;
	margin-right:20px;	
}
.img_m{
	margin:0px 20px 10px 20px;
}
.set{
	margin-top:10px;
}
.set_bottom{
	margin-bottom:15px;
}
#foundation .set_bottom p{
	line-height:1.2em;
}
#pump h3{
	background-image:url(../img/item012_ttl_pump.gif);
	width:472px;
	height:43px;
}
#family h3{
	background-image:url(../img/item012_ttl_family.gif);
	width:472px;
	height:43px;
}
#tightly h3{
	background-image:url(../img/item012_ttl_tightly.gif);
	width:234px;
	height:19px;
}
#stimulative h3{
	background-image:url(../img/item006_ttl_stimulative.gif);
	width:319px;
	height:19px;
}
#light h3{
	background-image:url(../img/item006_ttl_light.gif);
	width:258px;
	height:19px;
}

#cultivate h3{
	background-image:url(../img/item004_ttl_cultivate.gif);
	width:319px;
	height:19px;
}
#reason h3{
	background-image:url(../img/item006_ttl_reason.gif);
	width:258px;
	height:19px;
}
.tbl_thum-b{width:5%;}
.tbl_txt-b{width:95%;}

#retain h3{
	background-image:url(../img/item003_ttl_retain.gif);
	width:319px;
	height:19px;
}
#hyaluronicacid h3{
	background-image:url(../img/item003_ttl_hyaluronicacid.gif);
	width:319px;
	height:19px;
}
#herb h3{
	background-image:url(../img/item003_ttl_herb.gif);
	width:319px;
	height:19px;
}
#facelotion h3{
	background-image:url(../img/item002_ttl_facelotion.gif);
	width:398px;
	height:68px;
}
#finishing h3{
	background-image:url(../img/item002_ttl_finishing.gif);
	width:311px;
	height:19px;
}
.txt_wdt{
	width:290px;
}
.hosoku{
	padding-top:10px;
}

/*09.06.18*/
.clear{
	clear:both;
}

.mt100{ margin:100px 0px 0px 0px;}
.mt40 {
	margin-top: 40px;
}

#i087_01 h3{
	background-image:url(../img/item087_ttl_01.jpg);
	width:520px;
	height:35px;
	}
	
#i087_02 h3{
	background-image:url(../img/item087_ttl_02.gif);
	width:520px;
	height:35px;
	}

#i087_03 h3{
	background-image:url(../img/item087_ttl_03.gif);
	width:520px;
	height:35px;
	}
	
#i087_04 h3{
	background-image:url(../img/item087_ttl_04.gif);
	width:329px;
	height:35px;
	}

#i087_05 h3{
	background-image:url(../img/item087_ttl_05.gif);
	width:520px;
	height:35px;
	}

#i087_06 h3{
	background-image:url(../img/item087_ttl_06.gif);
	width:520px;
	height:35px;
	}

.w379l{
	width:379px;
	float:left;
	}

.w141r{
	width:141px;
	float:right;
	text-align:left;
	}
	
.w329l{
	width:329px;
	float:left;
	}

.w191r{
	width:191px;
	float:right;
	text-align:left;
	}
	
.w275l{
	width:275px;
	float:left;
	}

.w245r{
	width:245px;
	float:right;
	text-align:left;
	}

.w210l{
	width:210px;
	float:left;
	}

.w310r{
	width:310px;
	float:right;
	text-align:left;
	}
	

.w350l{
	width:350px;
	float:left;
	}

.w380l{
	width:380px;
	float:left;
	}

.w140r{
	width:140px;
	float:right;
	text-align:left;
	}

.w170r{
	width:170px;
	float:right;
	text-align:left;
	}

#i088_01 h3{
	background-image:url(../img/item088_ttl_01.jpg);
	width:520px;
	height:35px;
	}
	
#i088_02 h3{
	background-image:url(../img/item088_ttl_02.gif);
	width:520px;
	height:35px;
	}

#i088_03 h3{
	background-image:url(../img/item088_ttl_03.gif);
	width:520px;
	height:35px;
	}
	
#i088_04 h3{
	background-image:url(../img/item088_ttl_04.gif);
	width:520px;
	height:35px;
	}

#i088_05 h3{
	background-image:url(../img/item088_ttl_05.gif);
	width:520px;
	height:35px;
	}

#i089_01 h3{
	background:url(../img/item089_ttl_01.jpg) no-repeat left center;
	width:520px;
	height:34px;
	}
	
#i089_02 h3{
	background:url(../img/item089_ttl_02.gif) no-repeat left center;
	width:520px;
	height:33px;
	}

#i089_03 h3{
	background-image:url(../img/item089_ttl_03.gif);
	width:520px;
	height:33px;
	}
	
#i089_04 h3{
	background-image:url(../img/item089_ttl_04.gif);
	width:520px;
	height:34px;
	}
	
.lineupcategory li {
	width:293px;

	float:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 45px;
	margin-left: 15px;
}




.lineupcategory {
	padding-top: 20px;
}
#item_lst li.listnav01 {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
}
#item_lst li.listnav02 {
	background-image: url(../img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;
}
#item_lst li.listnav03 {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 30px;
}





#i011_01 h3{
	background-image:url(../img/item011_ttl_02.gif);
	width:520px;
	height:35px;
	}
	
#i011_02 h3{
	background-image:url(../img/item011_ttl_03.gif);
	width:520px;
	height:35px;
	}

#i011_03 h3{
	background-image:url(../img/item011_ttl_04.gif);
	width:520px;
	height:35px;
	}	

.i011_pa01l{
	width:250px;
	height:250px;
	float:left;
	margin:0 20px 0 0;
	}

.i011_pa01r{
	width:250px;
	height:auto;
	float:right;
}

.i011_pa02l{
	width:359px;
	height:auto;
	float:left;
	margin:0 20px 0 0;
	}

.i011_pa02r{
	width:141px;
	height:397px;
	float:right;
}

#i042_01 h3{
	background-image:url(../img/item042_ttl_01.gif);
	width:520px;
	height:35px;
	}
	
#i042_02 h3{
	background-image:url(../img/item042_ttl_02.gif);
	width:520px;
	height:35px;
	}

#i042_03 h3{
	background-image:url(../img/item042_ttl_03.gif);
	width:520px;
	height:35px;
	}
	
#i042_04 h3{
	background-image:url(../img/item042_ttl_04.gif);
	width:520px;
	height:35px;
	}
	
.i042_pa01l{
	width:220px;
	height:auto;
	float:left;
	margin:0 20px 0 0;
	}

.i042_pa01r{
	width:280px;
	height:auto;
	float:right;
}

#i019_01 h3{
	background-image:url(../img/item019_ttl_01.gif);
	width:520px;
	height:89px;
	}
	
#i019_02 h3{
	background-image:url(../img/item019_ttl_02.gif);
	width:520px;
	height:35px;
	}

#i019_03 h3{
	background-image:url(../img/item019_ttl_03.gif);
	width:520px;
	height:35px;
	}
	
#i019_04 h3{
	background-image:url(../img/item019_ttl_04.gif);
	width:520px;
	height:35px;
	}
	
#i019_05{
	width:520px;
	margin-left:40px;
	margin-top:35px;
	margin-bottom:40px;
	background:url(../img/item019_ttl_05.gif) 0 0 no-repeat;
}



.mt10{margin-top:10px;}			
.mu10{margin-bottom:10px;}
.mu20{margin-bottom:20px;}
.mu15{margin-bottom:15px;}
.mu25{margin-bottom:25px;}
.mu30{margin-bottom:30px;}
.mt35{margin-top:35px;}
.mu50{margin-bottom:50px;}
.mu85{margin-bottom:85px;}

/* 10.05.21  下部の使用手順についてのスタイル　稲富作成  */

#process{
	width:520px;
	margin-left:40px;
	margin-top:35px;
	background:url(../img/ttl_process.gif) 0 0 no-repeat;
}

#process p{ margin-left:15px;}

#process ul li{
	text-indent:-1em;
	margin-left:15px;
	margin-bottom:15px;
	}

.txt12b{
	font-weight:bold;
	font-size:12px;}


.w238{
	width:238px;
	margin:0 auto;}



/* 10.06.22 */

.fmenubox{
	margin:0px 0 0;
	border:solid 1px #CCCCCC;
	padding:0 0 15px;}

.fmenubox ul{
	width:846px;
	margin:0 auto;}

.fmenubox ul li{
	display:inline;
	padding:0;
	margin:0;}

.fmenubox ul.ul2{
	width:850px;
	margin:0 auto;}

.fmenubox ul.ul2 li{
	display:inline;
	padding:0;
	margin:0;}
	
.flowbg{
	background:url(../../stepsheet/img/flowbg.jpg) no-repeat 0 0;
	width:640px;
	height:1852px;
	position:relative;}
	
.wash01{
	position:absolute;
	top:67px;
	left:25px;}

.wash02{
	position:absolute;
	top:67px;
	left:240px;}

.wash03{
	position:absolute;
	top:67px;
	left:430px;}

.lotion{
	position:absolute;
	top:400px;
	left:65px;}

.pack{
	position:absolute;
	top:570px;
	left:368px;}

.essences{
	position:absolute;
	top:715px;
	left:65px;}

.essence{
	position:absolute;
	top:1023px;
	left:65px;}

.product{
	position:absolute;
	top:1330px;
	left:65px;}

.foundation01{
	position:absolute;
	top:1665px;
	left:80px;}

.foundation02{
	position:absolute;
	top:1665px;
	left:360px;}

#main p.lh2{
	line-height:2.5em;
	margin:10px 0 30px;}

.fleft{
	float:left;}

.fright{
	float:right;}

.w500{
	width:500px;
	margin:0 auto 30px;}
	
	#bnr a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.tcenter{
	text-align:center;}
	
	
/*11.10.29*/
#item30_1 h3{
	background-image:url(../img/ttl_collagendrink01.gif);
	width:131px;
	height:18px;
}
#item30_2 h3{
	background-image:url(../img/ttl_collagendrink02.gif);
	width:398px;
	height:20px;
}
#item30_3 h3{
	background-image:url(../img/ttl_collagendrink03.gif);
	width:137px;
	height:17px;
}
#item30_4 h3{
	background-image:url(../img/ttl_collagendrink04.gif);
	width:95px;
	height:17px;
}
#item30_5 h3{
	background-image:url(../img/ttl_collagendrink05.gif);
	width:93px;
	height:18px;
}
#item30_6 h3{
	background-image:url(../img/ttl_collagendrink06.gif);
	width:78px;
	height:16px;
}
#item30_7 h3{
	background-image:url(../img/ttl_collagendrink07.gif);
	width:244px;
	height:21px;
}