@charset "utf-8";

/****************************/
/* サンプルのステップガイド */
/****************************/

table.sg-stepbox	{
	margin: 0 8px 10px;
	border-collapse: collapse;
}

/* 通常ステップ */
.sg-stepbox td {	/* 外形100×40 */
	width: 128px;
	height: 30px;
	color: #303030;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
}

/* リンク可のときの背景画像 */
.sg-stepbox td.sg-step_on {
	background:url(../../images/ms/bg_step_on.png) no-repeat scroll;
}

/* リンク不可のときの背景画像 */
.sg-stepbox td.sg-step_off {
	background:url(../../images/ms/bg_step_off.png) no-repeat scroll;
}

/* 現在のステップの背景画像 */
.sg-stepbox td.sg-step_current {
	background:url(../../images/ms/bg_step_current.png) no-repeat scroll;
}

/* スタンプトップ用ステップ */
.sg-stepbox td.sg-step_top {
	background:url(../../images/ms/bg_step_top.png) no-repeat scroll;
}

/* カート用ステップ リンク可のとき */
.sg-stepbox td.sg-step_cart_on {	/* 外形80×30 */
	width:80px;
	background:url(../../images/ms/bg_step_cart_on.png) no-repeat scroll;
}

/* カート用ステップ リンク不可のとき */
.sg-stepbox td.sg-step_cart_off {	/* 外形80×30 */
	width:80px;
	background:url(../../images/ms/bg_step_cart_off.png) no-repeat scroll;
}

/* ステップガイド リンクスタイル */
.sg-stepbox a	{
	color: #303030;
	text-decoration: none;
}
.sg-stepbox td.sg-step_top a,
.sg-stepbox td.sg-step_on a	{
	color: #0df;
	text-decoration: none;
	font-weight:700;
}
.sg-stepbox td a:hover	{
	color: #fc0;
	text-decoration: underline;
}