@charset "utf-8";

/****************************/
/* サンプルのステップガイド */
/****************************/
ul.stepbox{
	width:100%;
	margin:5px 0 15px;
	padding:0;
	letter-spacing:-0.30em;
	text-align:center;
	
}
ul.stepbox li {
	list-style:none;
	text-indent:-9999px;
}
.stepbox a,
.stepbox span{
	display:block;
	width:45px;
	height:40px;
	overflow:hidden;
}

.stepbox .step_top{
	display:none;
}

/******************** 裏面-ステップガイド **********************/
/*-- ステップ-通常 --*/
.stepbox .step1{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll 0px 0px;
}
.stepbox .step2{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -45px 0px;
}
.stepbox .step3{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -90px 0px;
}
.stepbox .step4{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -135px 0px;
}
.stepbox .step5{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -180px 0px;
}
.stepbox .step6{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -225px 0px;
}
.stepbox .step_last_off{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -270px 0px;
}

/*-- ステップ-選択 --*/
.stepbox .step_current.step1{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll 0px -40px;
}
.stepbox .step_current.step2{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -45px -40px;
}
.stepbox .step_current.step3{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -90px -40px;
}
.stepbox .step_current.step4{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -135px -40px;
}
.stepbox .step_current.step5{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -180px -40px;
}
.stepbox .step_current.step6{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -225px -40px;
}
.stepbox .step_current.step_last_off{
	display:block;
	background:url(../../images/nenga/mobi/bg_step.png) no-repeat scroll -270px -40px;
}

/******************** 宛名-ステップガイド **********************/
/*-- ステップ-通常 --*/
.stepbox .atenastep1{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll 0px 0px;
}
.stepbox .atenastep2{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -45px 0px;
}
.stepbox .atenastep3{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -90px 0px;
}
.stepbox .atenastep4{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -135px 0px;
}
.stepbox .atenastep5{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -180px 0px;
}
.stepbox .atenastep6{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -225px 0px;
}
.stepbox .atenastep_last_off{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -270px 0px;
}

/*-- ステップ-選択 --*/
.stepbox .step_current.atenastep1{
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll 0px -40px;
}
.stepbox .step_current.atenastep2{
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -45px -40px;
}
.stepbox .step_current.atenastep3{
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -90px -40px;
}
.stepbox .step_current.atenastep4{
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -135px -40px;
}
.stepbox .step_current.atenastep5{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -180px -40px;
}
.stepbox .step_current.atenastep6{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -225px -40px;
}
.stepbox .step_current.atenastep_last_off{
	background:url(../../images/nenga/mobi/bg_step_atena.png) no-repeat scroll -270px -40px;
}



/******************** 注文内容確認・価格確認-ステップガイド **********************/
/*-- ステップ-通常 --*/
.stepbox .confirmstep1{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_confirm.png) no-repeat scroll 0px 0px;
}
.stepbox .confirmstep2{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_confirm.png) no-repeat scroll -45px 0px;
}
.stepbox .confirmstep_last_off{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_confirm.png) no-repeat scroll -270px 0px;
}

/*-- ステップ-選択 --*/
.stepbox .step_current.confirmstep1{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_confirm.png) no-repeat scroll 0px -40px;
}
.stepbox .step_current.confirmstep2{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_confirm.png) no-repeat scroll -45px -40px;
}
.stepbox .step_current.confirmstep_last_off{
	display:block;
	background:url(../../images/nenga/mobi/bg_step_confirm.png) no-repeat scroll -270px -40px;
}

.user_design_genre{
	margin: 0 0 15px;
	border-bottom:1px solid #666;
}
	/*-- ジャンルリンクの標準設定 --*/
	.user_design_genre a {
		display:block;
		padding: 20px 0 20px 10px;
		/*グラデーション*/
		background: url(../../images/mobi/linkIcn.png) no-repeat scroll right center,
		-moz-linear-gradient(#efefef, #dedede);
		background: url(../../images/mobi/linkIcn.png) no-repeat scroll right center,
		-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dedede));
		
		border-bottom:1px solid #666;
		border-bottom:1px solid #666;
		color: #333;
		text-decoration: none;
	}
	.user_design_genre a:active {
		/*グラデーション*/
		background: url(../../images/mobi/linkIcn.png) no-repeat scroll right center,
		-moz-linear-gradient( #dedede , #efefef);
		background: url(../../images/mobi/linkIcn.png) no-repeat scroll right center,
		-webkit-gradient(linear, left top, left bottom, from(#dedede), to(#efefef));
	}