@charset "utf-8";

/****************************/
/* サンプルのステップガイド */
/****************************/
/******** ステップガイド *******/
ul.stepbox {
	margin:0 0 20px;
	text-align:center;
}
	ul.stepbox li {
		list-style:none;
	}
		ul.stepbox a,
		ul.stepbox span{
			text-decoration:none;
			overflow:hidden;
		}
			/*[トップ]リンク*/
			ul.stepbox .step_top{/* 通常 */
				display:block;
				background:url(../../images/nenga/bg_step_top.png) no-repeat left center;
				width:70px;
				height:25px;
				padding:5px 0 0;
				color:#333;
				font-weight:700;
				text-align:center;
				
			}
			
			
			ul.stepbox .step_top:hover{
				background:url(../../images/nenga/bg_step_top_hover.png) no-repeat left center;
			}
			ul.stepbox .step_top:active{
				background:url(../../images/nenga/bg_step_top_active.png) no-repeat left center;
			}
			
			/* 注文内容確認・用紙数量確認画面（宛名がある場合のみ） */
						ul.stepbox .step_top_current,
			ul.stepbox .step_top_current.step_current{
				display:block;
				background:url(../../images/nenga/bg_step_current.png) no-repeat left center;
				width:125px;
				height:25px;
				padding:5px 0 0;
				color:#fff;
				font-weight:700;
				text-align:center;
			}

			ul.stepbox .step_top.confirmstep1 {/* 注文内容確認 */
				width:125px;
				background:url(../../images/nenga/bg_step_complete.png) no-repeat left center;
			}
			ul.stepbox .step_top.confirmstep1:hover {
				background:url(../../images/nenga/bg_step_hover.png) no-repeat left center;
			}
			ul.stepbox .step_top.confirmstep1:active {
				background:url(../../images/nenga/bg_step_active.png) no-repeat left center;
			}
			
			/*作業中ステップ*/
			ul.stepbox .step_current{
				display:block;
				background:url(../../images/nenga/bg_step_current.png) no-repeat left center;
				width:125px;
				height:25px;
				padding:5px 0 0;
				color:#fff;
				font-weight:700;
				text-align:center;
			}
			/*作業済みステップ*/
			ul.stepbox .step_complete{
				display:block;
				background:url(../../images/nenga/bg_step_complete.png) no-repeat left center;
				width:125px;
				height:25px;
				padding:5px 0 0;
				color:#333;
				font-weight:700;
				text-align:center;
			}
			ul.stepbox .step_complete:hover{
				background:url(../../images/nenga/bg_step_hover.png) no-repeat left center;
			}
			ul.stepbox .step_complete:active{
				background:url(../../images/nenga/bg_step_active.png) no-repeat left center;
			}
			
			/*作業未完了ステップ*/
			ul.stepbox .step_off{
				display:block;
				background:url(../../images/nenga/bg_step_off.png) no-repeat left center;
				width:125px;
				height:25px;
				padding:5px 0 0;
				color:#333;
				text-align:center;
		
			}
			/*最終目標ステップ*/
			ul.stepbox .step_last_off,
			ul.stepbox .atenastep_last_off,
			ul.stepbox .confirmstep_last_off{
				display:block;
				background:url(../../images/nenga/bg_step_last.png) no-repeat left center;
				width:90px;
				height:25px;
				padding:5px 0 0;
				color:#333;
				text-align:center;
			}
		

.user_design_genre { /*　ジャンルリンク一覧　*/
	margin:0 0 15px;
}
	.user_design_genre a { /*　ジャンルリンク-基本　*/
		float:left;
		width:150px;
		padding:5px 0;
		border-style:solid;
		border-width:2px;
		border-color:#eee #aaa #aaa #CCCCCC;
		background:#F4F0DD;
		list-style:none;
		text-align:center;
	}
	.user_design_genre a.mochu { /*　ジャンルリンク-喪中　*/
		background:#E7D9FF;
	}
	.user_design_genre a:hover {
		background:#FFFFCC;
	}