@charset "shift-jis";
/* CSS Document */

/* kyotsu
--------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.F-left{ float:left; display:inline;}
.F-right{ float:right; display:inline;}

h2{
	margin-bottom:12px;
}

.box{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/common/images/box_center.gif") repeat-y;
}

.tlt{
	margin:25px 0 0 19px;
}

.help{
	padding:35px 0 0 25px;
	width:670px;
}

.help_goods{
	float:left;
}
.help_box{
	float:left;
	margin-right:13px;
}

.help_btn{
	margin:13px 0 0 65px;
}

.link_more{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/common/images/link_more_bg.gif") no-repeat;
	margin-top:25px;
	position:relative;
	height:172px;
}

.link_more_txt{
	position:absolute;
	top:31px;
	left:74px;
}

.link_more_btn1{
	position:absolute;
	top:103px;
	left:108px;
}

.link_more_btn2{
	position:absolute;
	top:103px;
	left:340px;
}

.mc{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}



/* top 
--------------------------------------*/

#topFlash{
	margin-bottom:40px;
}



.topMore{
	margin:20px 0 0 473px;

}

/* jikkanno koe try
--------------------------------------*/
.voice_try{
	background:url("../../step2/try/images/voice_center_try.gif") repeat-y;
	padding:10px 15px 10px 15px;
	width:164px;
}



.voice_skin{
	margin:10px 0;
	font-size:84.6%;
}

.voice_name{
	font-weight:bold;
	background:#f0ede4;
	padding-left:5px;
}

.voice_date{
	text-align:right;
	margin-top:5px;
	font-size:84.6%;
}

.voice_btn{
	position:absolute;
	top:9px;
	left:41px;
}

.voice_btn_try{
	background:url("../../step2/try/images/voice_bottom_try.gif") no-repeat;
	position:relative;
	height:44px;
}

/* jikkanno koe wrinkles
--------------------------------------*/
.voice_wrinkles{
	background:url("../../step2/fold/images/voice_center_wrinkles.gif") repeat-y;
	padding:10px 15px 10px 15px;
	width:164px;
}

.voice_btn_wrinkles{
	background:url("../../step2/fold/images/voice_bottom_wrinkles.gif") no-repeat;
	position:relative;
	height:44px;
}

/* jikkanno koe makeup
--------------------------------------*/
.voice_make{
	background:url("../../step2/makeup/images/voice_center_makeup.gif") repeat-y;
	padding:10px 15px 10px 15px;
	width:164px;
}

.voice_btn_make{
	background:url("../../step2/makeup/images/voice_bottom_makeup.gif") no-repeat;
	position:relative;
	height:44px;
}


/* try 
--------------------------------------*/


.box1_try{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/try/images/try_box1_bg.gif") no-repeat;
	position:relative;
	margin-left:10px;
	width:650px;
	height:571px;
	margin-top: 18px;
}

.box1_try_txt1{
	position:absolute;
	top:16px;
	left:21px;
}

.box1_try_txt02{
	position:absolute;
	top:199px;
	left:426px;
}

.box1_try_img01{
	position:absolute;
	top:46px;
	left:201px;
}

.box1_try_img02{
	position:absolute;
	top:299px;
	left:48px;
}

.box1_try_img03{
	position:absolute;
	top:299px;
	left:343px;
}

.main_txt_try{
	width:369px;
	margin:38px auto 0 auto;
}


/* wrinkles 
--------------------------------------*/
.wrinkles_mainImg{
}

.box1_wrinkles{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/fold/images/wrinkles_box1_bg.gif") no-repeat;
	margin-left:10px;
	width:650px;
	height:680px;
	padding:27px 0 0 34px;
}

.box1_wrinkles_txt{
	margin:0 0 11px 0px;
}

.box1_wrinkles_innner{
	width:580px;
	margin:0 0 20px 6px;
}
.box1_wrikles_movie{
	float:left;
	margin-right:15px;
	width:327px;
	overf
}
.main_txt_wrinkles{
	width:321px;
	margin:38px auto 0 auto;
}

.box1_wrinkles_blow{
	float:right;
	width:233px;
}

.FlashMovie1,.FlashMovie2,.FlashMovie3{
	float:left;
	width:327px;
	overflow:hidden;
}

.box1_wrinkles_innner object{
	float:left;
	width:327px;
	overflow:hidden;
}


/* makeup 
--------------------------------------*/
.makeup_mainImg{
}

.box1_makeup{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/makeup/images/makeup_img02.gif") no-repeat;
	position:relative;
	margin-left:10px;
	width:650px;
	height:222px;
	padding:27px 0 0 18px;
}

.box1_makeup_img01{
	float:left;
	width:187px;
}

.box1_makeup_img02{
	float:left;
	width:179px;
}

.box1_makeup_img03{
	float:left;
	width:186px;
}

.box1_makeup_arrow{
	float:left;
	width:29px;
	margin-top:80px;
}

.main_txt_makeup{
	width:414px;
	margin:38px auto 0 auto;
}


/* dry 
--------------------------------------*/
.dry_mainImg{
}

.box1_dry{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/dry/images/dry_box1_bg.gif") no-repeat;
	margin-left:10px;
	width:650px;
	height:736px;
	position:relative;
}

.box1_dry_img01{
	position:absolute;
	top:28px;
	left:154px;
}

.box1_dry_img02{
	position:absolute;
	top:28px;
	left:349px;
}

.box1_dry_img03{
	position:absolute;
	top:193px;
	left:25px;
}

.box1_dry_img04{
	position:absolute;
	top:193px;
	left:475px;
}

.box1_dry_img05{
	position:absolute;
	top:338px;
	left:151px;
}

.box1_dry_img06{
	position:absolute;
	top:338px;
	left:347px;
}

.box1_dry_img07{
	position:absolute;
	top:520px;
	left:34px;
}

.box1_dry_img08{
	position:absolute;
	top:536px;
	left:337px;
}

.box1_dry_txt{
	position:absolute;
	top:234px;
	left:233px;
}

.main_txt_dry{
	width:323px;
	margin:38px auto 0 auto;
}






/* age 
--------------------------------------*/
.age_txt01{
	margin:20px 0 20px 20px;
}

.box1_age{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/age/images/age_box01_center.gif") repeat-y;
	margin-left:11px;
	width:648px;
}

.box1_age_imgbox{
	margin-left:33px;
}

.box1_age_txt{
	margin:15px 0 20px 20px;
}

.box1_age_img01{
	float:left;
	margin-right:20px;
	width:288px;
}

.box1_age_img02{
	float:left;
	width:288px;
}

.main_txt_age{
	width:320px;
	margin:38px auto 0 auto;
}

.box2_age{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/age/images/age_box02_center.gif") repeat-y;
	width:629px;
	position:relative;
	margin-left:10px;
}

.box2_age_voice{
	position:absolute;
	top:13px;
	left:-3px;
}

.box2_age_txtbox{
	margin:7px 0 0 160px;
	width:460px;
}

.box2_age_red{
	margin-bottom:12px;
	color:#893c50;
	font-weight:bold;
}

.box2_age_dot{
	margin:20px 0;
}


/* skin 
--------------------------------------*/
.skin_txt01{
	margin:20px 0 20px 20px;
}


.main_txt_skin{
	padding:38px 0 0 0;
	text-align:center;
}

.box1_skin{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/skin/images/skin_box01_center.gif") repeat-y;
	margin-left:16px;
	width:648px;
}

.box1_skin_layout{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/skin/images/skin_box01_bottom.gif") no-repeat 0 100%;
	width:648px;
}
.box1_skin_img01{
	width:206px;
	float:left;
}
.box1_skin_img02{
	width:206px;
	padding-left:10px;
	float:left;
}
.box1_skin_img03{
	width:206px;
	padding-left:10px;
	float:left;
}
.box1_skin_layout dd{
	padding:15px;
	line-height:160%;
}


/* jikkanno koe skin
--------------------------------------*/
.voice_trouble{
	background:url("../../step2/skin/images/voice_center_skin.gif") repeat-y;
	padding:10px 15px 10px 15px;
	width:164px;
}

.voice_btn_trouble{
	background:url("../../step2/skin/images/voice_bottom_skin.gif") no-repeat;
	position:relative;
	height:44px;
}
/* spot 
--------------------------------------*/
.spot_txt01{
	margin:20px 0 20px 20px;
}


.main_txt_spot{
	padding:38px 0 0 0;
	text-align:center;
}

.box1_spot{
	background:url("https://www.saishunkan.co.jp/domo/beginner/common/spot/images/spot_box01_bg.gif") no-repeat;
	margin-left:11px;
	width:648px;
	height:249px;
}
.box1_spot_layout{
	width:648px;
}

.box1_spot_img01{
	width:249px;
	float:left;
	padding-left:59px;
}
.box1_spot_img02{
	width:287px;
	padding-top:45px;
	padding-left:20px;
	float:left;
}


/* jikkanno koe spot
--------------------------------------*/
.voice_spot{
	background:url("../../step2/spot/images/voice_center_spot.gif") repeat-y;
	padding:10px 15px 10px 15px;
	width:164px;
}

.voice_btn_spot{
	background:url("../../step2/spot/images/voice_bottom_spot.gif") no-repeat;
	position:relative;
	height:44px;
}


/* 2/27　ローカルナビ
--------------------------------------*/
.know5TypeA01 dl dt{
	margin:0; padding:0; border:none;
}
.know5TypeA01 dl dt a{
	background:url("../images/side_navi_tit.jpg") no-repeat left top; text-indent:-999px; width:195px; height:31px;
}
.know5TypeA01 dl dd ul li p{ padding-left:20px; display:block; line-height:1.2em !important;	}
.know5TypeA01 dl dd ul li#step1,.know5TypeA01 dl dd ul li#step2,.know5TypeA01 dl dd ul li#step3,.know5TypeA01 dl dd ul li#step4,{
zoom:1;
padding:0;
}
.know5TypeA01 dl dd ul li#step1 a{background:url("../images/side_navi01.gif") no-repeat top left;width:140px;height:37px;display:block;padding:0; padding-left:55px; padding-top:8px; line-height:1.4em; font-size:12px;}
.know5TypeA01 dl dd ul li#step1 a:hover{ background-position:right top; text-decoration:none !important;}
.know5TypeA01 dl dd ul li#step1_curr{background:url("../images/side_navi01.gif") no-repeat top right;width:140px;height:37px;display:block;padding:0; padding-left:55px; padding-top:8px; line-height:1.4em;  font-size:12px;color:#B88887;}

.know5TypeA01 dl dd ul li#step2 a{background:url("../images/side_navi02.gif") no-repeat top left;width:140px;height:37px;display:block;padding:0; padding-left:55px; padding-top:6px; line-height:1.4em;  font-size:12px;}
.know5TypeA01 dl dd ul li#step2_on a{background:url("../images/side_navi02.gif") no-repeat top right;width:140px;height:37px;display:block;padding:0; padding-left:55px; padding-top:6px; line-height:1.4em;  font-size:12px; text-decoration:none !important;}
.know5TypeA01 dl dd ul li#step2 a:hover{ background-position:right top; text-decoration:none !important;}
.know5TypeA01 dl dd ul li#step2_curr{background:url("../images/side_navi02.gif") no-repeat top right;width:140px;height:37px;display:block;padding:0; padding-left:55px; padding-top:6px; line-height:1.4em; font-size:12px; color:#B88887;}

.know5TypeA01 dl dd ul li#step3 a{background:url("../images/side_navi03.gif") no-repeat top left;width:140px;height:37px;display:block;padding:0; padding-left:55px; padding-top:6px; line-height:1.4em; font-size:12px;}
.know5TypeA01 dl dd ul li#step3 a:hover{ background-position:right top; text-decoration:none !important;}
.know5TypeA01 dl dd ul li#step3_curr{background:url("../images/side_navi03.gif") no-repeat top right;width:140px;height:37px;display:block;padding:0; padding-left:55px; padding-top:6px; line-height:1.4em; font-size:12px; color:#B88887;}

.know5TypeA01 dl dd ul li#step4 a{background:url("../images/side_navi04.gif") no-repeat top left;width:140px;height:37px;display:block;padding:0; padding-left:55px; padding-top:6px; line-height:1.4em; font-size:12px;}
.know5TypeA01 dl dd ul li#step4 a:hover{ background-position:right top; text-decoration:none !important;}
.know5TypeA01 dl dd ul li#step4_curr{background:url("../images/side_navi04.gif") no-repeat top right;width:140px;height:37px;display:block;padding:0; padding-left:55px; padding-top:6px; line-height:1.4em; font-size:12px; color:#B88887;}

/*  flowStep  */
#flowStep{ padding-top:30px;}
#flowStep ul{ width:669px;}
#flowStep li{ float:left; margin-right:3px; display:inline;}
#flowStep li.no_margin{ margin-right:0;}

/*  margin  */
.M-T5{ margin-top:5px!important;}
.M-T10{ margin-top:10px!important;}
.M-T20{ margin-top:20px!important;}

.M-B5{ margin-bottom:5px!important;}
.M-B10{ margin-bottom:10px!important;}
.M-B15{ margin-bottom:15px!important;}
.M-B17{ margin-bottom:17px!important;}
.M-B20{ margin-bottom:20px!important;}
.M-B30{ margin-bottom:30px!important;}
.M-B40{ margin-bottom:40px!important;}

.M-L25{ margin-left:25px!important;}
.M-R80{ margin-right:80px!important;}

/*  padding  */
.P-T30{ padding-top:30px!important;}
.P-T55{ padding-top:55px!important;}
/*  width  */
.W-260{ width:260px;}

/*  #Top  */
#Top .main{ margin-bottom:40px;}
#Top .sectionLv1 .main p{
	background:url("../../images/text_bg.jpg") no-repeat top left;
	padding:48px 0 0 47px;
	width:623px;
	height:252px;
	margin:0;
	font-size:14px;
}
#Top .sectionLv1 .Step{ background:url("../../images/step_bg.jpg") repeat-y top left;}
#Top .sectionLv1 .Step ul{	margin:0 0 0 20px;	padding:0; width:639px;}
#Top .sectionLv1 .Step li{	float:left;	margin:0;	padding:0;line-height:0;}

/*  half  */
#half{ background:url("../../images/halfset_bg.jpg") repeat-y;}
#half img.text{ padding:11px 0 20px 23px;}
#half p{ padding:0 0 0 50px;}
#half p.cap{ color:#9C5A1F; font-size:11px; padding-top:10px;}
#half .halfSet{ padding:20px 0 20px 50px}
#half .halfSet dl{ float:left; margin-right:40px; width:264px;}
#half .halfSet dt{ padding-bottom:5px;}

/*  campaign  */
#campaign{ background:url("../../images/campaign_bg.jpg") repeat-y;}
#campaign img.text{ padding:11px 0 20px 23px;}
#campaign .campaign_inner{ padding:0 0 18px 50px; width:559px;}
#campaign .campaign_inner p{ padding:0 0 20px; width:275px;}

/*  present  */
#present{ background:url("../../images/present_bg.jpg") repeat-y; padding-top:30px;}
#present img.text{ padding:11px 0 20px 23px;}
#present .present_inner{ padding:0 0 13px 50px; width:610px;}
#present .present_inner p{ padding:0 0 23px; width:355px;}

/*  Step1_Top  */
#Step1_Top{}
#Step1_Top .sectionLv1 .main{
	margin-bottom:8px;
	background:url("../../step1/images/text_bg.jpg") no-repeat top left;
	height:241px;
	widtht:670px;
}
#Step1_Top .sectionLv1 .main p{
	padding:83px 0 0 44px;
	font-size:14px;
}
#Step1_Top #flowStep{
	margin-bottom:40px;
}
#Step1_Top #Contact p.circle{
	color:#65283D;
	background:url("../../step1/images/circle.gif") no-repeat 0% 50%;
	padding:5px 0 5px 18px;
	border-bottom:1px solid #B98886;
	margin-bottom:20px;
}
#Step1_Top #Contact p{
	line-height:1.9;
}
#Step1_Top #Contact p a{
	color:#BDBDB3 !important;
}

#Step1_Top #accordion dl dd .q_inner{
	padding:0 0 20px 115px;
}
#Step1_Top #accordion dl dd .q03{
	padding:0 0 10px 0;
}
#Step1_Top #accordion dl dd .q03 p{
	padding-left:119px;
}
#Step1_Top #accordion dl dd .dot{
	text-align:center;
	padding:5px 0;
	line-height:1;
}
#Step1_Top #accordion p .cap{
	font-size:11px;
	color:#9C5A1F;
}
#Step1_Top #accordion .dot_y{
	background:url("../../step1/images/dot02.jpg") no-repeat 0% 50%;
	padding:2px 0 0 15px;
}

.q01 p{ width:480px;}
.q02 p{ width:300px;}
.q03 p{ width:350px;}
.q04 p{}
.q05 p.text02{ width:260px;}
.q06 p{}
.q07 p{ width:400px;}
.q08 p{ width:270px;}
.q09 p{ width:410px;}

/*  voice  */

.voice_domo{
	background:url("../images/voice_center_domo.gif") repeat-y;
	padding:10px 15px 10px 15px;
	width:165px;
}

.voice_btn_domo{
	background:url("../images/voice_bottom_domo.gif") no-repeat;
	position:relative;
	height:45px;
}
.voice_feel{
	padding-bottom:10px;
	background:url("../images/voice_dot.gif") bottom no-repeat;
}


/*  Step3_Top  */
#Step3_Top{}
#Step3_Top .sectionLv1 .main{
	margin-bottom:8px;
	background:url("../../step3/images/text_bg.jpg") no-repeat top left;
	height:241px;
	widtht:670px;
}
#Step3_Top .sectionLv1 .main p{
	padding:80px 0 0 44px;
	font-size:14px;
}
#Step3_Top #accordion dl dd{ padding:14px 0 20px 44px;}
#Step3_Top #accordion dl dd .dot{
	text-align:center;
	padding:5px 0;
}
#Step3_Top #accordion .dot_y{
	background:url("../../step1/images/dot02.jpg") no-repeat 0% 50%;
	padding:2px 0 0 15px;
}

.step3_1_innner{ background:url("../../step3/images/step03_bg.jpg") repeat-y; width:602px; padding:21px 0 10px 23px;}
.step3_1_innner .ph{ padding-right:10px; width:121px;}
.step3_1_innner .point_txt{ color:#9E005D; font-size:16px; font-weight:bold;}


/*  Step4_Top  */
#Step4_Top{}
#Step4_Top .sectionLv1 .main{
	margin-bottom:8px;
	background:url("../../step4/images/text_bg.jpg") no-repeat top left;
	height:281px;
	widtht:670px;
}
#Step4_Top .sectionLv1 .main p{
	padding:110px 0 0 45px;
	font-size:14px;
}
#Step4_Top #Contact p.circle{
	color:#65283D;
	background:url("../../step4/images/circle.gif") no-repeat 0% 50%;
	padding:5px 0 5px 18px;
	border-bottom:1px solid #B98886;
	margin-bottom:20px;
}
#Step4_Top #Contact p{
	line-height:1.9;
}
#Step4_Top #Contact p a{
	color:#BDBDB3 !important;
}

#Step4_Top #accordion dl dd{
	padding:10px 0 20px 45px;
}
#Step4_Top #accordion dl dd .dot{
	text-align:center;
	padding:5px 0;
}
#Step4_Top #accordion p .cap{
	font-size:11px;
	color:#9C5A1F;
}
#Step4_Top #accordion .dot_y{
	background:url("../../step4/images/dot02.jpg") no-repeat 0% 50%;
	padding:2px 0 0 15px;
}
#Step4_Top .step4_inner .ans{ padding-right:10px; width:61px;}
#Step4_Top .step4_inner .step4_tel{ background:url("../../step4/images/tel.jpg") no-repeat bottom right; width:370px; height:20px; display:block;}
#Step4_Top #flowStep{
	margin-bottom:40px;
}
.step4_q01{ width:380px;}
.step4_q02{ width:380px;}
.step4_q03{}
.step4_q04{}
.step4_q05{}
.step4_q06{ width:420px;}
.step4_q07{}


table.mod_answerComments th {
	background: url("https://www.saishunkan.co.jp/domo/beginner/common/images/common/bg_td.gif") no-repeat scroll right bottom transparent;
	border-bottom: 1px solid #F7E0DD;
	padding: 10px 0 7px;
	text-align: left;
	vertical-align: top;
	width: 180px;
	line-height:120%;
}
table.mod_answerComments th p.icon {
	display: inline;
	float: left;
	margin-right: 10px;
	width: 40px;
}
table.mod_answerComments th p.sub {
	margin-top: 5px;
	color: #007B43;
	font-weight:bold;
}
table.mod_answerComments th p.sub span.topicDate {
	color: #535353;
	font-weight:normal;
}
table.mod_answerComments td {
	border-bottom: 1px solid #F7E0DD;
	padding: 10px 0;
	vertical-align: top;
	line-height:120%;
}
table.mod_answerComments td p {
	margin: 5px 3px 0 10px;
}


/* 2012/9/6　SEO対策時追加
--------------------------------------*/

.Read-txt{font-size:12px; color:#999999; text-align:right; line-height:16pt;}



/* 2015/10/29　商品リニューアル時追加
--------------------------------------*/
/* set millions of background images */
.rbroundbox { width: 670px; background: url(../images/bg_voice_box.gif) repeat; }
.rbtop div { background: url(../images/bg_voice_box01.gif) no-repeat top left; }
.rbtop { background: url(../images/bg_voice_box02.gif) no-repeat top right; }
.rbbot div { background: url(../images/bg_voice_box03.gif) no-repeat bottom left; }
.rbbot { background: url(../images/bg_voice_box04.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 10px;
font-size: 1px;
}
.rbroundbox { margin: 20px auto; }
.rbcontent { 
	margin: 0 10px;
}
.rbcontent .ttl_box {
	float: left;
}
.ttl_box .ttl {
	padding: 18px 0 0 20px;	
}
.ttl_box .btn {
	padding: 15px 0 0 8px; 	
}
.voice_inner {
	float: right;
	width: 520px;
	padding: 5px 0;
	background: #ffffff;
}
.voice_inner2 {
	width: 490px;
	margin-left: 25px;
	background: url(../images/border_gray_tate.gif) repeat-y left top;
}
.voice_inner2 .box01 { float: left; width: 332px; margin: 0 13px 0 0; }
.voice_inner2 .box02 { float: left; width: 140px; }
.voice_inner2 .voice_01 { width: 300px; line-height: 1.5; }
.voice_inner2 .voice_02 { font-size: 11px; }
.voice_inner2 .voice_03 { background: #f3f0e9; padding: 6px 8px; font-weight: bold; }
.voice_inner2 .voice_04 { text-align: right; font-size: 11px; }

/* お客様の声｜コンテンツ色分け【ほうれい線】 */
/* set millions of background images */
#Fold .rbroundbox { width: 670px; background: url(../../step2/fold/images/bg_voice_box.gif) repeat; }
#Fold .rbtop div { background: url(../../step2/fold/images/bg_voice_box01.gif) no-repeat top left; }
#Fold .rbtop { background: url(../../step2/fold/images/bg_voice_box02.gif) no-repeat top right; }
#Fold .rbbot div { background: url(../../step2/fold/images/bg_voice_box03.gif) no-repeat bottom left; }
#Fold .rbbot { background: url(../../step2/fold/images/bg_voice_box04.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#Fold .rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; height: 10px; font-size: 1px;}
#Fold .rbroundbox {margin: 20px auto; }
#Fold .rbcontent {margin: 0 10px;}
#Fold .rbcontent .ttl_box {float: left;}
#Fold .ttl_box .ttl {padding: 18px 0 0 20px;}
#Fold .ttl_box .btn {padding: 15px 0 0 8px;}
#Fold .voice_inner {float: right; width: 520px; padding: 5px 0; background: #ffffff;}
#Fold .voice_inner2 {width: 490px; margin-left: 25px; background: url(../images/border_gray_tate.gif) repeat-y left top;}
#Fold .voice_inner2 .box01 { float: left; width: 332px; margin: 0 13px 0 0; }
#Fold .voice_inner2 .box02 { float: left; width: 140px; }
#Fold .voice_inner2 .voice_01 { width: 300px; line-height: 1.5; }
#Fold .voice_inner2 .voice_02 { font-size: 11px; }
#Fold .voice_inner2 .voice_03 { background: #f3f0e9; padding: 6px 8px; font-weight: bold; }
#Fold .voice_inner2 .voice_04 { text-align: right; font-size: 11px; }



/* お客様の声｜コンテンツ色分け【30代になったから】 */
/* set millions of background images */
#Age .rbroundbox { width: 670px; background: url(../../step2/age/images/bg_voice_box.gif) repeat; }
#Age .rbtop div { background: url(../../step2/age/images/bg_voice_box01.gif) no-repeat top left; }
#Age .rbtop { background: url(../../step2/age/images/bg_voice_box02.gif) no-repeat top right; }
#Age .rbbot div { background: url(../../step2/age/images/bg_voice_box03.gif) no-repeat bottom left; }
#Age .rbbot { background: url(../../step2/age/images/bg_voice_box04.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#Age .rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; height: 10px; font-size: 1px;}
#Age .rbroundbox {margin: 20px auto; }
#Age .rbcontent {margin: 0 10px;}
#Age .rbcontent .ttl_box {float: left;}
#Age .ttl_box .ttl {padding: 18px 0 0 20px;}
#Age .ttl_box .btn {padding: 15px 0 0 8px;}
#Age .voice_inner {float: right; width: 520px; padding: 5px 0; background: #ffffff;}
#Age .voice_inner2 {width: 490px; margin-left: 25px; background: url(../images/border_gray_tate.gif) repeat-y left top;}
#Age .voice_inner2 .box01 { float: left; width: 332px; margin: 0 13px 0 0; }
#Age .voice_inner2 .box02 { float: left; width: 140px; }
#Age .voice_inner2 .voice_01 { width: 300px; line-height: 1.5; }
#Age .voice_inner2 .voice_02 { font-size: 11px; }
#Age .voice_inner2 .voice_03 { background: #f3f0e9; padding: 6px 8px; font-weight: bold; }
#Age .voice_inner2 .voice_04 { text-align: right; font-size: 11px; }



/* お客様の声｜コンテンツ色分け【シミをなんとか】 */
/* set millions of background images */
#Spot .rbroundbox { width: 670px; background: url(../../step2/spot/images/bg_voice_box.gif) repeat; }
#Spot .rbtop div { background: url(../../step2/spot/images/bg_voice_box01.gif) no-repeat top left; }
#Spot .rbtop { background: url(../../step2/spot/images/bg_voice_box02.gif) no-repeat top right; }
#Spot .rbbot div { background: url(../../step2/spot/images/bg_voice_box03.gif) no-repeat bottom left; }
#Spot .rbbot { background: url(../../step2/spot/images/bg_voice_box04.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#Spot .rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; height: 10px; font-size: 1px;}
#Spot .rbroundbox {margin: 20px auto; }
#Spot .rbcontent {margin: 0 10px;}
#Spot .rbcontent .ttl_box {float: left;}
#Spot .ttl_box .ttl {padding: 18px 0 0 20px;}
#Spot .ttl_box .btn {padding: 15px 0 0 8px;}
#Spot .voice_inner {float: right; width: 520px; padding: 5px 0; background: #ffffff;}
#Spot .voice_inner2 {width: 490px; margin-left: 25px; background: url(../images/border_gray_tate.gif) repeat-y left top;}
#Spot .voice_inner2 .box01 { float: left; width: 332px; margin: 0 13px 0 0; }
#Spot .voice_inner2 .box02 { float: left; width: 140px; }
#Spot .voice_inner2 .voice_01 { width: 300px; line-height: 1.5; }
#Spot .voice_inner2 .voice_02 { font-size: 11px; }
#Spot .voice_inner2 .voice_03 { background: #f3f0e9; padding: 6px 8px; font-weight: bold; }
#Spot .voice_inner2 .voice_04 { text-align: right; font-size: 11px; }



/* お客様の声｜コンテンツ色分け【お肌の調子】 */
/* set millions of background images */
#Skin .rbroundbox { width: 670px; background: url(../../step2/skin/images/bg_voice_box.gif) repeat; }
#Skin .rbtop div { background: url(../../step2/skin/images/bg_voice_box01.gif) no-repeat top left; }
#Skin .rbtop { background: url(../../step2/skin/images/bg_voice_box02.gif) no-repeat top right; }
#Skin .rbbot div { background: url(../../step2/skin/images/bg_voice_box03.gif) no-repeat bottom left; }
#Skin .rbbot { background: url(../../step2/skin/images/bg_voice_box04.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#Skin .rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; height: 10px; font-size: 1px;}
#Skin .rbroundbox {margin: 20px auto; }
#Skin .rbcontent {margin: 0 10px;}
#Skin .rbcontent .ttl_box {float: left;}
#Skin .ttl_box .ttl {padding: 18px 0 0 20px;}
#Skin .ttl_box .btn {padding: 15px 0 0 8px;}
#Skin .voice_inner {float: right; width: 520px; padding: 5px 0; background: #ffffff;}
#Skin .voice_inner2 {width: 490px; margin-left: 25px; background: url(../images/border_gray_tate.gif) repeat-y left top;}
#Skin .voice_inner2 .box01 { float: left; width: 332px; margin: 0 13px 0 0; }
#Skin .voice_inner2 .box02 { float: left; width: 140px; }
#Skin .voice_inner2 .voice_01 { width: 300px; line-height: 1.5; }
#Skin .voice_inner2 .voice_02 { font-size: 11px; }
#Skin .voice_inner2 .voice_03 { background: #f3f0e9; padding: 6px 8px; font-weight: bold; }
#Skin .voice_inner2 .voice_04 { text-align: right; font-size: 11px; }




/* お客様の声｜コンテンツ色分け【前より乾燥】 */
/* set millions of background images */
#Dry .rbroundbox { width: 670px; background: url(../../step2/dry/images/bg_voice_box.gif) repeat; }
#Dry .rbtop div { background: url(../../step2/dry/images/bg_voice_box01.gif) no-repeat top left; }
#Dry .rbtop { background: url(../../step2/dry/images/bg_voice_box02.gif) no-repeat top right; }
#Dry .rbbot div { background: url(../../step2/dry/images/bg_voice_box03.gif) no-repeat bottom left; }
#Dry .rbbot { background: url(../../step2/dry/images/bg_voice_box04.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#Dry .rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; height: 10px; font-size: 1px;}
#Dry .rbroundbox {margin: 20px auto; }
#Dry .rbcontent {margin: 0 10px;}
#Dry .rbcontent .ttl_box {float: left;}
#Dry .ttl_box .ttl {padding: 18px 0 0 20px;}
#Dry .ttl_box .btn {padding: 15px 0 0 8px;}
#Dry .voice_inner {float: right; width: 520px; padding: 5px 0; background: #ffffff;}
#Dry .voice_inner2 {width: 490px; margin-left: 25px; background: url(../images/border_gray_tate.gif) repeat-y left top;}
#Dry .voice_inner2 .box01 { float: left; width: 332px; margin: 0 13px 0 0; }
#Dry .voice_inner2 .box02 { float: left; width: 140px; }
#Dry .voice_inner2 .voice_01 { width: 300px; line-height: 1.5; }
#Dry .voice_inner2 .voice_02 { font-size: 11px; }
#Dry .voice_inner2 .voice_03 { background: #f3f0e9; padding: 6px 8px; font-weight: bold; }
#Dry .voice_inner2 .voice_04 { text-align: right; font-size: 11px; }




/* お客様の声｜コンテンツ色分け【お試し】 */
/* set millions of background images */
#Try .rbroundbox { width: 670px; background: url(../../step2/try/images/bg_voice_box.gif) repeat; }
#Try .rbtop div { background: url(../../step2/try/images/bg_voice_box01.gif) no-repeat top left; }
#Try .rbtop { background: url(../../step2/try/images/bg_voice_box02.gif) no-repeat top right; }
#Try .rbbot div { background: url(../../step2/try/images/bg_voice_box03.gif) no-repeat bottom left; }
#Try .rbbot { background: url(../../step2/try/images/bg_voice_box04.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#Try .rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; height: 10px; font-size: 1px;}
#Try .rbroundbox {margin: 20px auto; }
#Try .rbcontent {margin: 0 10px;}
#Try .rbcontent .ttl_box {float: left;}
#Try .ttl_box .ttl {padding: 18px 0 0 20px;}
#Try .ttl_box .btn {padding: 15px 0 0 8px;}
#Try .voice_inner {float: right; width: 520px; padding: 5px 0; background: #ffffff;}
#Try .voice_inner2 {width: 490px; margin-left: 25px; background: url(../images/border_gray_tate.gif) repeat-y left top;}
#Try .voice_inner2 .box01 { float: left; width: 332px; margin: 0 13px 0 0; }
#Try .voice_inner2 .box02 { float: left; width: 140px; }
#Try .voice_inner2 .voice_01 { width: 300px; line-height: 1.5; }
#Try .voice_inner2 .voice_02 { font-size: 11px; }
#Try .voice_inner2 .voice_03 { background: #f3f0e9; padding: 6px 8px; font-weight: bold; }
#Try .voice_inner2 .voice_04 { text-align: right; font-size: 11px; }




/* お客様の声｜コンテンツ色分け【化粧くずれ】 */
/* set millions of background images */
#Makeup .rbroundbox { width: 670px; background: url(../../step2/makeup/images/bg_voice_box.gif) repeat; }
#Makeup .rbtop div { background: url(../../step2/makeup/images/bg_voice_box01.gif) no-repeat top left; }
#Makeup .rbtop { background: url(../../step2/makeup/images/bg_voice_box02.gif) no-repeat top right; }
#Makeup .rbbot div { background: url(../../step2/makeup/images/bg_voice_box03.gif) no-repeat bottom left; }
#Makeup .rbbot { background: url(../../step2/makeup/images/bg_voice_box04.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
#Makeup .rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%; height: 10px; font-size: 1px;}
#Makeup .rbroundbox {margin: 20px auto; }
#Makeup .rbcontent {margin: 0 10px;}
#Makeup .rbcontent .ttl_box {float: left;}
#Makeup .ttl_box .ttl {padding: 18px 0 0 20px;}
#Makeup .ttl_box .btn {padding: 15px 0 0 8px;}
#Makeup .voice_inner {float: right; width: 520px; padding: 5px 0; background: #ffffff;}
#Makeup .voice_inner2 {width: 490px; margin-left: 25px; background: url(../images/border_gray_tate.gif) repeat-y left top;}
#Makeup .voice_inner2 .box01 { float: left; width: 332px; margin: 0 13px 0 0; }
#Makeup .voice_inner2 .box02 { float: left; width: 140px; }
#Makeup .voice_inner2 .voice_01 { width: 300px; line-height: 1.5; }
#Makeup .voice_inner2 .voice_02 { font-size: 11px; }
#Makeup .voice_inner2 .voice_03 { background: #f3f0e9; padding: 6px 8px; font-weight: bold; }
#Makeup .voice_inner2 .voice_04 { text-align: right; font-size: 11px; }


/* beginner 
--------------------------------------*/
#contents { width: 670px; }
--------------------------------------*/