@charset"utf-8";

/*インデックスイメージ*/
.top-img{
background:url(/images/top.jpg) no-repeat 50% 3px;
height:123px;
padding:220px 0px 0px 525px;
}
.top-img2{
background:url(/images/top.jpg) no-repeat 50% 3px;
height:123px;
padding:234px 0px 0px 525px;
}
.top-img2a{
background:url(/images/nano_acqua/top2.jpg) no-repeat 50% 3px;
height:123px;
padding:234px 0px 0px 525px;
}

/*コンセプトイメージ*/
.concept-img{
background:url(/images/concept.jpg) no-repeat 50% 3px;
padding:200px 0px 0px 0px;
}

/*ナノアクア一覧*/
#nano_step1{
background:url(/images/nano_acqua/step1.jpg) 2px 3px no-repeat;
padding:15px 20px 15px 15px;
}

#nano_step2{
background:url(/images/nano_acqua/step2.jpg) 2px 3px no-repeat;
padding:15px 20px 15px 15px;
}

#nano_step3{
background:url(/images/nano_acqua/step3a.jpg) 2px 3px no-repeat;
padding:15px 20px 15px 15px;
}
#nano_step3a{
background:url(/images/nano_acqua/step3a.jpg) 2px 3px no-repeat;
padding:15px 20px 15px 15px;
}

.nano_spcial{
background:url(/images/nano_acqua/bk_spcial.jpg) 2px 3px no-repeat;
padding:20px 20px 15px 20px;
}

.special_text{
background:url(/images/nano_acqua/special_bar.jpg) top no-repeat;
}

.special_list01{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt01.gif) top left no-repeat;
}

.special_list02{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt02.gif) top left no-repeat;
}

.special_list03{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt03.gif) top left no-repeat;
}
.special_list03a{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt03a.gif) top left no-repeat;
}

.special_list04{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt04.gif) top left no-repeat;
}

.special_list05{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt05.gif) top left no-repeat;
}

.special_list06{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt06.gif) top left no-repeat;
}
.special_list06a{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt06a.gif) top left no-repeat;
}

.special_list07{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt07.gif) top left no-repeat;
}

.special_list08{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt08.gif) top left no-repeat;
}
.special_list08a{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt08a.gif) top left no-repeat;
}

.special_list09{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt09.gif) top left no-repeat;
}

.special_list11{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt11.gif) top left no-repeat;
}
.special_list11a{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt11a.gif) top left no-repeat;
}

.special_list12{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt12.gif) top left no-repeat;
}

.special_list13{
width:125px;
height:125px;
background:url(/images/nano_acqua/spcial_txt13a.gif) top left no-repeat;
}


/*商品ページ*/
#toku{
width:690px;
padding:14px;
margin:0px auto;
}

#lcontents{
width:692px;
padding:0px;
margin:0px 28px 20px;
}

.toku_l{
float:left;
width:338px;
}

.toku_r{
float:right;
width:338px;
}

.toku2_l{
float:left;
width:386px;
}

.toku2_r{
float:right;
width:286px;
}

.toku3_l{
float:left;
width:308px;
}

.toku3_r{
float:right;
width:358px;
}

.toku4_l{
float:left;
width:366px;
}

.toku4_r{
float:right;
width:306px;
}

.toku5_l{
float:left;
width:418px;
}

.toku5_r{
float:right;
width:258px;
}

.toku6_l{
float:left;
width:326px;
}

.toku6_r{
float:right;
width:350px;
}

.toku7_l{
float:left;
width:378px;
}

.toku7_r{
float:right;
width:295px;
}

.toku8_l{
float:left;
width:408px;
}

.toku8_r{
float:right;
width:278px;
}

.toku-p{padding:10px;}

.topic-soap-day1{
	background-repeat:no-repeat;
	background-image:url(soap_dayfinish/images/topic_img1.jpg);
	background-position:0px 49px;
}

.topic-soap-day2{
	background-repeat:no-repeat;
	background-image:url(soap_dayfinish/images/topic_img2.jpg);
	background-position:0px 49px;
	height:142px;
}

.topic-n-lotion{
	background-repeat:no-repeat;
	background-image:url(natural_lotion/images/topic_img1.jpg);
	background-position:0px 49px;
	height:142px;
}

.topic-vc{
	background-repeat:no-repeat;
	background-image:url(perfect_vc/images/topic_img1.jpg);
	background-position:0px 49px;
	height:172px;
}

.topic-musk{
	background-repeat:no-repeat;
	background-image:url(natural_musk/images/topic_img1.jpg);
	background-position:0px 49px;
	height:224px;
}

.line{width:692px;
      height:2px;
      margin:30px 0px;
	  padding:0px;
	  border-top:1px #DECA8D solid;
	  border-bottom:1px #DECA8D solid;
	  }

.w167{width:167px; margin-left:8px;}
.w220{width:220px; margin-left:8px;}
.w250{width:250px; margin-left:8px;}
.w290{width:290px; margin-left:8px;}
.w380{width:380px; margin-left:8px;}

/**/
.concept_3c{
width:670px; margin:0px auto; padding:15px 0px;
}

.concept_3cb{
width:670px; margin:0px auto; padding:15px 0px; border-top:1px solid #DECA8D;
}

.w325{
width:325px;
}

.con_goods{
width:520px; margin:15px auto
}

/*コンセプトステップ*/
.con_step01{
float:left; background:url(/images/concept_step01.jpg) 50% 50% no-repeat; width:233px; height:138px; padding:31px 10px 10px; vertical-align:bottom;
}

.con_step02{
float:left; background:url(/images/concept_step02.jpg) 50% 50% no-repeat; width:210px; height:158px; padding:10px; vertical-align:bottom;
}

.con_step03{
float:left; background:url(/images/concept_step03.jpg) 50% 50% no-repeat; width:210px; height:158px; padding:10px; vertical-align:bottom;
}
.con_step03a{
float:left; background:url(/images/concept_step03a.jpg) 50% 50% no-repeat; width:210px; height:158px; padding:10px; vertical-align:bottom;
}


/*ジェルパックページ*/
#guide{
	width:689px;
	height:110px;
	margin:0px auto;
}

#guide a:link,#guide a:visited{
	display:block;
	width:689px;
	height:110px;
	background-image:url(/images/gel_pack/guide/bnr_guide.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	text-indent:-9999px;
}

#guide a:hover{
	display:block;
	width:689px;
	height:110px;
	background-image:url(/images/gel_pack/guide/bnr_guide.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	background-position:0px -110px;
	text-indent:-9999px;
}

#guide2{
	width:689px;
	height:110px;
	margin:0px auto;
}

#guide2 a:link,#guide2 a:visited{
	display:block;
	width:689px;
	height:110px;
	background-image:url(/images/gel_pack/guide/bnr_guide2.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	text-indent:-9999px;
}

#guide2 a:hover{
	display:block;
	width:689px;
	height:110px;
	background-image:url(/images/gel_pack/guide/bnr_guide2.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	background-position:0px -110px;
	text-indent:-9999px;
}

#guide3{
	width:689px;
	height:110px;
	margin:0px auto;
}

#guide3 a:link,#guide3 a:visited{
	display:block;
	width:689px;
	height:110px;
	background-image:url(/images/gel_pack/guide/bnr_guide3.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	text-indent:-9999px;
}

#guide3 a:hover{
	display:block;
	width:689px;
	height:110px;
	background-image:url(/images/gel_pack/guide/bnr_guide3.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	background-position:0px -110px;
	text-indent:-9999px;
}


#change_gel{
width:464px;
height:172px;
background:url(/images/gel_pack/h2_img.jpg) no-repeat;
margin:0 auto;
padding:65px 0px 0px 222px;
line-height:150%;
}
#change_gel_img{
width:686px;
height:256px;
background:url(/images/gel_pack/c_img.jpg) no-repeat;
text-indent:-9999px;
margin:0 auto 10px;
}
#buy_info{
width:631px;
height:146px;
background:url(/images/gel_pack/buy_text.jpg) no-repeat;
margin:0 auto;
padding-top:4px;
}
#buy_info_l{
width:461px;
padding-left:15px;
float:left;
margin-top:54px;
padding-right:10px;
line-height:150%;
}
#buy_info_r{
width:130px;
float:left;
}


/* 090714追加　ジェルパックメディア掲載 */

h2#media_title{
	margin: 20px 0 20px 28px;
	padding: 0;
}

div#media_box{
	width: 690px;
	padding: 0 0 0 28px;
	margin: 0;
}

div#media_box div.magazine_list{
	width: 690px;
	background: url(/images/gel_pack/media_0907_1.jpg) no-repeat left top;
	height: 276px;
	overflow: hidden;
}

div#media_box div.magazine_list ul li{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	list-style: none;
}

div#media_box p#rinka{
	width: 690px;
	height: 155px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(/images/gel_pack/media_0907_2.jpg) no-repeat left top;
	display: block;
}

div#media_box p#other{
	width: 690px;
	height: 80px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(/images/gel_pack/media_0907_3.jpg) no-repeat left top;
	display: block;
}