body{ font-size:5px; line-height:100%;}
.centered{ text-align:center;}


#stage{width:1020px; height:694px;  /*background: url("../imgs/index_bg_02.png") no-repeat scroll left top transparent; */}
.pageWrapper{width:1020px; height:659px;    /* background: url("../imgs/index_bg_02.jpg") no-repeat scroll left top transparent; */z-index:50;
background:transparent url("../imgs/index_bg_02.png") no-repeat scroll left top;}
/*#page_3.pageWrapper,
#page_4.pageWrapper{
	background-image:url("../imgs/index_bg_02_long.png");
	height:694px;
}*/


.pageBody{width: 1020px;height: 659px; padding: 0px; margin-bottom:10px; /* background: url("../imgs/index_bg_02.jpg") no-repeat scroll left top transparent; */ /*opacity:0; filter:alpha(opacity=0);*/ z-index:51;  }
/*#page_3.pageWrapper .pageBody,
#page_4.pageWrapper .pageBody{
	height:694px;
}*/

/*チェックボタン*/
a.check{ display:inline-block; background:url(../flaimg/icocheckbg.png) 0px bottom no-repeat; width:28px; height:28px; cursor:pointer; border:0px; margin:0 210px 9px 0;}
body a.checked{background:url(../flaimg/icocheck.png) 0px bottom no-repeat;}

.navi{         
    display: inline-block;
    font-size: 0;
    height: 26px;
    margin: 0 0 20px 360px;
    padding: 0;
    vertical-align: middle;
    width: 134px;
 }
    
.navi span{         
	background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 8px;
    margin: 0 7px 0 0px;
    width: 8px;}
.navi .blank{ background-image:url(../flaimg/nav_btn_passed.png);}
.navi .current{ background-image:url(../flaimg/nav_btn_ov.png);}
.navi .passed{ background-image:url(../flaimg/nav_btn.png)}


.prevButton{background: url(../flaimg/prev_btn.gif) no-repeat scroll left top transparent; height: 35px; cursor: pointer; display: inline-block; width: 103px; vertical-align: middle; margin:0 0 20px 10px; }

.nextButton{background: url(../flaimg/next_btn.gif) no-repeat scroll left top transparent; height: 35px; cursor: pointer; display: inline-block; width: 103px; vertical-align: middle; margin:0 0 20px 297px; }

body .empty{ /* background:none; */ background-position:-1000px 0; background-repeat:no-repeat;}

/*ラジオボタン3列*/
.radioGroup{
	width:642px;
	height:30px; 
	padding:4px 0 1px 258px; 
	margin-bottom:3px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.radioGroup .radio{     
    display: inline-block;
    height: 27px;
    margin: 0px;
    padding:0px;
    width: 210px; 
    cursor:pointer;
}
.radioGroup .radio span{
	display:inline-block; 
	background:url(../flaimg/icocheckbg.png) 0px bottom no-repeat;
	 width:28px; height:28px; 
	 cursor:pointer;
	 border:0px;
}
	 
.radioGroup .radio.radioon span{background-image:url(../flaimg/icocheck.png);}

/*ラジオボタン4列*/
.radioGroup4{
    background-position: 0 -1px;
    background-repeat: no-repeat;
    height: 28px;
    margin-bottom: 3px;
    padding: 3px 0 4px 268px;
    width: 632px;
}

.radioGroup4 .radio{     
    display: inline-block;
    height: 27px;
    margin: 0px 10px 0 0;
    padding:0px;
    width: 150px;
    cursor:pointer;
}
.radioGroup4 .radio span{
	display:inline-block; 
	background:url(../flaimg/icocheckbg.png) 0px bottom no-repeat;
	 width:28px;
	 height:28px; 
	 cursor:pointer;
	 border:0px;
}
.radioGroup4 .radio.radioon span{background-image:url(../flaimg/icocheck.png);}


body .radioError{ background-color:#ff9999;}

/*エラーメッセージ*/
.errorMessage{visibility:hidden; line-height:100%;}

.dialog{opacity:0; filter:alpha(opacity=0); z-index:100; position:absolute; display:none;  }



a.toggleButton{ width:210px; height:70px; display:inline-block; margin:0 3px 9px 0; cursor:pointer; background-repeat:no-repeat; background-position:0 0;}

/*やり直すボタン*/
a.toggleButton2{ width:260px; height:54px; display:inline-block; margin:0; cursor:pointer; background-repeat:no-repeat; background-position:0 0;}

/*年齢入力*/
.calculator{
    width: 370px; 
    height: 287px;
    background: url("../flaimg/Q10_img.png") no-repeat scroll 0 0px transparent;
    margin:0px;
    padding:23px 0 0 0 ;
	user-select: none;
}
.calculator .errorMessage{
	visibility:hidden;
}
body .calculator_error{
    background-image: url("../flaimg/Q10_img_error.png");	
}
body .calculator_error .errorMessage{
	visibility: visible;
}
.calculator .age{
    width: 150px;
    height:57px;
    margin: 0px auto 0;
    padding: 1px;
    color: #222222;
    font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
    font-size: 45pt;
    line-height:100%;
    text-align: center;
}
.calculator .buttons{ 
	padding:21px 0 0 30px;
}
.calculator .buttons a{ 
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 57px;
    margin: 0 2px 3px 0;
    width: 75px;
	user-select: none;
}
.calculator .buttons a.delete{
    height: 55px;
    vertical-align: top;
    width: 155px;
}

/*都道府県プルダウン*/
.area{
	width:195px;
	padding:1px;
	margin:0px;
}

body .toResult{ background-image: url(../flaimg/nextbtn2.png)}


.itemName{     font-size: 13px;
    line-height: 100%;
    margin: 0;
    padding: 76px 0 25px 314px;}
.itemName div{     background: url("../flaimg/res_ico02.png") no-repeat scroll 0 center transparent;
    height: 13px;
    margin: 0 0 9px;
    padding: 0 0 0 10px;
}
a#popSeasonButton{ background:url(../flaimg/res_btn05.png) 0 0 no-repeat; width:215px; height:12px; display:block; margin:5px 0 0 300px; cursor:pointer;}
.recommends{
	display: inline-block;
	width:880px;
	height: 959px;
	margin:0 0 0 20px;
	padding: 70px 0 0 0;
	position:relative;
}
.recommends .box{    
	position:relative;
	display:block;
	width: 292px;
	background-repeat: no-repeat;
	margin: 0 2px 0 0;
	float:left;
}
.recommends .recommends_ttl{
	display:block;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	width:154px;
	height:105px;
	padding:54px 0 0 93px;
}
.recommends .recommends_ttl .txt{
	font-weight:normal;
	font-size:12px;
	line-height:14px;
}
a.detailSmallButton{    
	display: block;
	width: 133px; 
	height: 24px;
	background: url("../flaimg/res_btn04.png") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	position:absolute;
}
.recommendSP{     background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 212px;
    width: 240px;
	position:relative; }
.recommendSP a.detailSmallButton{
    margin: 112px 0 13px 114px;
}
#xml_add_logo{ width:96px; height:45px; background-position:0 0; background-repeat:no-repeat; display:none; position:absolute; top:28px; left:129px;}
body a#xml_add_button_1{     left: 17px;
    margin: 0;
    position: absolute;
    top: 153px; display:none;}
body a#xml_add_button_2{     left: 123px;
    margin: 0;
    position: absolute;
    top: 153px; display:none;}

a#popCleansingButton{    background: url("../flaimg/res_btn06.png") no-repeat scroll center 0 transparent;
    bottom: 8px;
    cursor: pointer;
    display: block;
    height: 12px;
    position: absolute;
    width: 240px;}

.toTopButton{ cursor: pointer;background:url(../flaimg/res_btn02.png) 0 0 no-repeat; display:block; width:164px; height:23px; margin:7px 0 0 0;}


#popCleansing{}
#popCleansing .inner{    background-color: #fff;
    height: 257px;
    padding: 40px 0 0 31px;
    width: 549px;
}
#cleansingImg1,
#cleansingImg2{    background-position: 0 0;background-repeat: no-repeat;display: inline-block;height: 252px;margin: 0 33px 0 0;width: 240px;}
a.detailMiddleButton{background: url(../flaimg/res_btn07.png) 0 0 no-repeat;display: block;height: 34px;margin: 211px auto 0;width: 138px;cursor:pointer;}

.nextStep{ width:106px; height:23px; position:absolute; bottom:10px; right:35px; cursor:pointer;}
.prevStep{ width:106px; height:23px; position:absolute; bottom:10px; left :0px; cursor:pointer;}
body .disabled{ opacity:0.5; filter:alpha(opacity=50); cursor:default;}


/* 130719 追加分 ここから*/
body .radioError{ background-color:#fec8be;}
body .selectError{ background-color:#fec8be;}

div.recommends:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
div.recommends{ min-height: 1px;}
* html div.recommends { height: 1px; /*\*//*/ height: auto; overflow: hidden;/**/}
 div.recommend_column{ float:left; width:292px; }
 div#recommends_cleansing{ margin-right:2px;}
 div#recommends_base{margin-right:2px;}
 div#recommends_special{}
 	div.itemFrame{ width:292px; height:218px; margin-bottom:19px; background-position:16px 33px; background-repeat:no-repeat;}
	div#recommends_cleansing div.itemFrame{ background-image:url(../flaimg/itemback_cleansing.png) }
	div#recommends_base div.itemFrame{ background-image:url(../flaimg/itemback_base.png) }
	div#recommends_special div.itemFrame{ background-image:url(../flaimg/itemback_specialcare.png) }
	body div#recommends_special div.foudation{background-image: url("../flaimg/itemback_foundation.png");background-position: 8px 5px;height: 250px;margin-bottom: 0;}
	body div#recommends_special div.emptyFrame{ background:none;}
 		div.itemBox{ width:292px; background-repeat:no-repeat; background-position:left top; position:relative;}
		body div#recommends_special div.foudation div.itemBox{}
 			div.itemBox div.recommends_ttl{ 
			    background-position: 15px 30px;
				background-repeat: no-repeat;
				background-size: auto auto;
				height: auto;
				padding: 74px 45px 0 93px;
				width: 154px;
				font-weight:bold;
				color:#555555;
			}
			div.itemBox div.recommends_ttl.cleanse{
				background-image:url(../itemimages/logo/cleanse.png);
			}
			div.itemBox div.recommends_ttl.jenne{
				background-image:url(../itemimages/logo/jenne.png);
			}
			div.itemBox div.recommends_ttl.beaute{
				background-image:url(../itemimages/logo/beaute.png);
			}
			div.itemBox div.recommends_ttl.sofina{
				background-image:url(../itemimages/logo/sofina.png);
			}
			div.itemBox div.recommends_ttl.gs{
				background-image:url(../itemimages/logo/grace.png);
			}
			div.itemBox div.recommends_ttl.white{
				background-image:url(../itemimages/logo/white.png);
			}
			div.itemBox div.recommends_ttl.lift{
				background-image:url(../itemimages/logo/lift.png);
			}
			div.itemBox div.recommends_ttl.lift_beaute{
				background-image:url(../itemimages/logo/lift_beaute.png);
			}
			div.itemBox div.recommends_ttl.ip{
				background-image:url(../itemimages/logo/ip.png);
			}
			div.itemBox div.recommends_ttl.wrinkle{
				background-image:url(../itemimages/logo/wrinkle.png);
			}
 				div.itemBox span.txt{}
 			div.itemBox a.detailSmallButton{left: 93px;position: relative;top: 10px;}
	
 		body div.doubleFrame div.itemBox{ height: 218px;}
 			body div.doubleFrame div.itemBox div.recommends_ttl{
				font-size: 12px;
				height: auto;
				line-height: 120%;
				padding-top:78px;
			}
			body div.doubleFrame div.itemBox div.first{ }
			body div.doubleFrame div.itemBox div.second{padding-top: 10px; }
 			body div.doubleFrame div.itemBox a.detailSmallButton{ top:3px;}
			body div.doubleFrame div.itemBox div.recommends_ttl.beaute.sofina{
				background-image:url(../itemimages/logo/sofina_beaute.png);
			}
div.seasonWrapper{}
body div.spring{background-image:url(../flaimg/res_img03_spring.png);} 
body div.summer{background-image:url(../flaimg/res_img03_summer.png);} 
body div.autumn{background-image:url(../flaimg/res_img03_autumn.png);} 
body div.winter{background-image:url(../flaimg/res_img03_winter.png);} 
body .pageBody{ opacity:0; filter:alpha(opacity=0); } 
/* 130719 追加分 ここまで*/

/* 130728 追加分 ここから*/
#seasonWrapper{padding:55px 20px 0; background-position:left top; background-repeat:no-repeat;  width:880px; /*height:277px;*/ position: relative;}
	#seasonWrapper .season_upper_block,
	#seasonWrapper .season_middle_block,
	#seasonWrapper .season_bottom_block{ border-left: 1px solid #E8E8E8;border-right: 1px solid #E8E8E8;padding: 0 19px;}
	#seasonWrapper .season_upper_block		{ min-height:130px; padding:0 19px 30px;}
	#seasonWrapper .season_middle_block		{ padding:0 19px 30px;}
	#seasonWrapper .season_bottom_block		{ padding:0 19px 16px;border-bottom: 2px solid #E8E8E8;}
		#seasonWrapper .season_heading			{font-size:16px; color:#319899; font-weight:bold; line-height: 130%; margin-bottom:10px;}
		#seasonWrapper .season_title			{font-size:14px; font-weight:bold; color:#319899; line-height:22px; margin-bottom:5px;}
		#seasonWrapper .season_description		{font-size:12px; line-height:20px; padding:0 0 0 10px;}
body{/* background-repeat:no-repeat;*/}
/* 130728 追加分 ここまで*/



/* デバッガー */
a#debuggerLink{
	font-size:14px;
	position:absolute;
	top:0.5em;
	left: 50%;
	margin:0 0 0 -4em;
	width:7em;
	height:2em;
	line-height:120%;
	text-align:center;
	cursor:pointer;
	opacity:1;
	-moz-transition:all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
a#debuggerLink.blink{
	opacity:0;
}
.debuggerDialogWidget.ui-widget{
	font-size:12px;
}
#debuggerDialog{
}
#debuggerDialog h2{
	font-weight:bold;
    font-size: 14px;
    line-height: 140%;
}
#debuggerDialog form{
	font-size:12px;
}
#debuggerDialog form>p{
	font-size:10px;
	line-height: 120%;
    margin: 0.5em 0 0.5em 0.5em;
}
#debuggerDialog.ui-widget-content form > p a {
    color: #00f;
}
#debuggerDialog form #debugParameters{
	width:100%;
	height:10em;
	font-size:12px;
	vertical-align:top;
	overflow-y: auto;
}
#debuggerDialog form div#debugConfirm{
	display:block;
	font-size:12px;
	vertical-align:top;
	line-height:140%;
	background-color:#FFFFFF;
	padding:0.5em 0.5em 2em 0.5em;
	position:relative;
	min-height:5em;
}
#debuggerDialog form div#debugConfirm.ng{
	opacity:0.3;
}

#debuggerDialog #debugConfirm h3{
	font-weight:bold;
	font-size:14px;
}
#debuggerDialog #debugConfirm dl.debugConfirmQs{
	display:none;
	margin:1em 0;
}
#debuggerDialog #debugConfirm dl.debugConfirmQs.show{
	display:block;
}
#debuggerDialog #debugConfirm dl.debugConfirmQs>dt{
}

#debuggerDialog #debugConfirm dl.debugConfirmQs > dt::before {
    content: "■";
}
#debuggerDialog #debugConfirm dl.debugConfirmQs>dd{
}
#debuggerDialog #debugConfirm dl.debugConfirmAa{
	margin:0 0 0 1em;
}
#debuggerDialog #debugConfirm dl.debugConfirmAa>dt{
	display:inline-block;
	margin:0 0 0 2em;
}

#debuggerDialog #debugConfirm dl.debugConfirmAa > dt:first-child {
    margin: 0;
}
#debuggerDialog #debugConfirm dl.debugConfirmAa>dd{
	display:inline-block;
	margin:0 0 0 0.5em;
}
#debuggerDialog #debugSubmit{
	position:absolute;
	bottom:0;
}

.closeButton {
	background: transparent url("../flaimg/close_btn.png") no-repeat scroll center center;
	width: 193px;
	height: 48px;
	display: block;
	text-indent: -9999px;
	margin: 8px auto 0px;
	cursor: pointer;
	right: 6px;
	position: absolute;
}
.closeButtonTop{
	top:-60px;
}
.closeButtonBottom{
	top:0;
}
div.itemBox p.itemBoxDesc {
	cursor: pointer;
	display: table-cell;
	font-size: 12px;
	height: 80px;
	left: 93px;
	line-height: 1.3em;
	position: relative;
	top: 0.2em;
	width: 14em;
	vertical-align: middle;
}
.doubleFrame div.itemBox p.itemBoxDesc {
	display: block;
	height: auto;
}


#backBtnBlock{
	float: right;
	
	text-align: right;
}
.backBtnTextWoNote{
	padding: 6px 0 0 0;
}
.backBtnTextAndNote{
	padding: 0;
}
.backBtnButtonWoNote{
	padding: 0;
}
.backBtnButtonAndNote{
	padding: 0;
	margin-top:-8px;
}
.backBtnNone{
	display: none;
}
#backBtnBlock a{
	font-size: 14px;
	line-height: 140%;
	text-decoration: underline;
	cursor: pointer;
	color: rgb(51,51,51);
	display: block;
	position: relative;
}
#backBtnBlock.backBtnTextWoNote a,
#backBtnBlock.backBtnTextAndNote a{
	padding: 0em;
}
#backBtnBlock.backBtnButtonWoNote a, 
#backBtnBlock.backBtnButtonAndNote a {
	background-color: #F8F4F4;
	border: 1px solid #DDDCDC;
	padding: 0.5em 1em 0.5em 2em;
	text-decoration: none;
	line-height: 100%;
	box-shadow: 2px 2px 1px #F0F0F0;
	margin-bottom: 3px;
}
#backBtnBlock.backBtnButtonWoNote a:hover, 
#backBtnBlock.backBtnButtonAndNote a:hover{
	background-color: rgb(163,148,165);
	color: #FFFFFF;
	box-shadow: unset;
}
#backBtnBlock.backBtnButtonWoNote a::before, 
#backBtnBlock.backBtnButtonAndNote a::before {
	display: block;
	content: ">";
	position: absolute;
	left: 0.6em;
	font-family: arial;
	font-weight: bold;
	color: #897095;
	font-size: 18px;
}
#backBtnBlock.backBtnButtonWoNote a:hover::before, 
#backBtnBlock.backBtnButtonAndNote a:hover::before {
	color: #FFFFFF;
}
.backBtnNote{
	font-size:12px;
	display: block;
	line-height: 140%;
}
.backBtnTextWoNote .backBtnNote,
.backBtnButtonWoNote .backBtnNote{
	display: none;
}


/*
	戻るボタンの店舗毎設定

*/
/* Amazon */
.back_btn_amazon a{
	margin-top: -12px;
	font-size: 14px;
	line-height: 100%;
}