@charset "utf-8";
/* ---------------------------------------------------*/
/* 各ブロックの設定 －ユーザー・ステップ画面－ */
/* ---------------------------------------------------*/
/* 共通設定 */
.h_stp_header_type1
{
	position:					relative;
	width:						740px;
	height:						24px;
	background-image:	url(../_img/common/head_arrow.gif);
	background-repeat:no-repeat;
	background-position:right top;
	background-color:	#B10026;
	font-weight:			bold;
	font-size:				1.0em;
	line-height:			24px;
	color:						#FFFFFF;
	padding:					0px 0px 0px 10px;
}

#div_stp_outline
{
	width:						580px;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_head_note
{
	width:						580px;
	line-height:			130%;
	margin-left:			auto;
	margin-right:			auto;
}

.h_stp_sub_header
{
	width:						565px;
	background-image:	url(../_img/common/ico_page_title.gif);
	background-position:5px center;
	background-repeat:no-repeat;
	border-bottom:		1px solid #B10026;
	font-weight:			bold;
	font-size:				1.0em;
	line-height:			1.2em;
	padding:					3px 0px 3px 15px;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_outline_inner
{
	width:						550px;
	padding:					0px 15px 0px 15px;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_outline_inner p
{
	line-height:			140%;
}

.div_stp_outline_inner a:link
{
	color:						#3366FF;
	text-decoration:	underline;
}

.div_stp_outline_inner a:visited
{
	color:						#6633FF;
	text-decoration:	underline;
}

.div_stp_outline_inner a:active
{
	color:						#CC0000;
	text-decoration:	none;
}

.div_stp_outline_inner a:hover
{
	color:						#CC0000;
	text-decoration:	none;
}

.div_stp_outline_inner .note
{

}

.div_stp_outline_inner .note li
{
	background-image:	url(../_img/common/ico_right.gif);
	background-position:15px 2px;
	background-repeat:no-repeat;
	font-size:				85%;
	line-height:			130%;
	padding:					0px 0px 0px 30px;
}

#div_stp_button_note
{
	width:						450px;
	margin-left:			100px;
	margin-right:			auto;
}

#div_stp_button_area
{
	width:						580px;
	text-align:				center;
	margin-left:			auto;
	margin-right:			auto;
}

.a_stp_change_button
{
	display:					block;
	width:						43px;
	height:						20px;
	line-height:			20px;
	text-align:				center;
	border:						1px solid #AAAAAA;
	background-color:	#F5F5F5;
	margin-left:			auto;
	margin-right:			auto;
}

.a_stp_change_button:link
{
	color:						#000000;
	text-decoration:	none;
}

.a_stp_change_button:visited
{
	color:						#000000;
	text-decoration:	none;
}

.a_stp_change_button:active
{
	color:						#FFFFFF;
	text-decoration:	none;
	background-color:	#B10026;
}

.a_stp_change_button:hover
{
	color:						#FFFFFF;
	text-decoration:	none;
	background-color:	#B10026;
}

/* エラー画面の設定 */
.div_stp_outline_error
{
	width:						550px;
	border:						1px solid #AAAAAA;
	text-align:				center;
	line-height:			120%;
	padding:					70px 15px 70px 15px;
	margin-left:			auto;
	margin-right:			auto;
}

/* ログイン画面の設定 */
.div_stp_login_area_outline
{
	width:						548px;
	background-color:	#F5F5F5;
	border:						1px solid #B9B9B9;
	padding:					30px 0px 30px 0px;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_login_area_txt
{
	width:						266px;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_login_area_txt #txt_mailadd
{
	width:						190px;
	height:						14px;
}

.div_stp_login_area_txt #txt_password
{
	width:						190px;
	height:						10px;
	font-size:				8px;
	padding:					2px 0px;
}

.div_stp_login_area_txt
{
	width:						252px;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_login_button_area
{
	width:						548px;
	background-color:	#F5F5F5;
	border:						1px solid #B9B9B9;
	text-align:				center;
	padding:					30px 0px 30px 0px;
	margin-left:			auto;
	margin-right:			auto;
}

/* ショッピングカート画面の設定 */
.div_stp_cart_now
{
	width:						578px;
	border:						1px solid #AAAAAA;
	text-align:				center;
	padding:					20px 0px 20px 0px;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_cart_msg
{
	width:						565px;
	background-image:	url(../_img/common/ico_right.gif);
	background-position:left 2px;
	background-repeat:no-repeat;
	line-height:			120%;
	padding:					0px 0px 0px 15px;
	margin-left:			auto;
	margin-right:			auto;
}

.tbl_stp_cart_in
{
	width:						580px;
	margin-left:			auto;
	margin-right:			auto;
}

.tbl_stp_cart_in th
{
	height:						24px;
	border:						1px solid #AAAAAA;
	background-color:	#EBEBEB;
	font-size:				1.0em;
	font-weight:			normal;
	padding:					3px;
}

.tbl_stp_cart_in td
{
	border:						1px solid #AAAAAA;
	line-height:			130%;
	padding:					4px;
}

.tbl_stp_cart_in .del_button
{
	width:						45px;
	text-align:				center;
}


.tbl_stp_cart_in .thumbnail
{
	width:						80px;
	text-align:				center;
}

.tbl_stp_cart_in .item_name
{

}

.tbl_stp_cart_in .price
{
	width:						70px;
	text-align:				right;
}

.tbl_stp_cart_in .number
{
	width:						36px;
	text-align:				center;
}

.tbl_stp_cart_in .number:after
{
	content:					"";
	display:					block;
	height:						0px;
	clear:						both;
}

.tbl_stp_cart_in .number .up_down
{
	width:						29px;
	margin-left:			auto;
	margin-right:			auto;
}

.tbl_stp_cart_in .number a
{
	display:					block;
	float:						left;
	width:						12px;
	height:						12px;
	font-size:				90%;
	line-height:			13px;
	text-align:				center;
	background-color:	#AAAAAA;
}

.tbl_stp_cart_in .number a:link
{
	color:						#FFFFFF;
	text-decoration:	none;
}

.tbl_stp_cart_in .number a:visited
{
	color:						#FFFFFF;
	text-decoration:	none;
}

.tbl_stp_cart_in .number a:active
{
	color:						#FFFFFF;
	text-decoration:	none;
	background-color:	#B10026;
}

.tbl_stp_cart_in .number a:hover
{
	color:						#FFFFFF;
	text-decoration:	none;
	background-color:	#B10026;
}

/* 購入フロー画面の設定 */
.div_stp_flow1_add_addr
{
	position:					relative;
	width:						580px;
	height:						24px;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_flow1_add_addr .note
{
	position:					absolute;
	width:						300px;
	left:							167px;
	bottom:						0px;
}

.div_stp_flow1_add_addr_nothing
{
	width:						580px;
	height:						100px;
	border:						1px solid #AAAAAA;
	text-align:				center;
	line-height:			100px;
	margin-left:			auto;
	margin-right:			auto;
}

.tbl_stp_flow1_addr
{
	width:						580px;
	margin-left:			auto;
	margin-right:			auto;
}

.tbl_stp_flow1_addr th
{
	height:						24px;
	border:						1px solid #AAAAAA;
	background-color:	#EBEBEB;
	font-size:				1.0em;
	font-weight:			normal;
	padding:					3px;
}

.tbl_stp_flow1_addr td
{
	border:						1px solid #AAAAAA;
	padding:					10px 3px 10px 3px;
}

.tbl_stp_flow1_addr .chk_sel
{
	width:						35px;
	text-align:				center;
}

.tbl_stp_flow1_addr .addr_knd
{
	width:						90px;
	text-align:				center;
}

.tbl_stp_flow1_addr .addr
{

}

.tbl_stp_flow1_addr .chg_btn
{
	width:						50px;
	text-align:				center;
}

.tbl_stp_flow1_guest_addr
{
	width:						580px;
	margin-left:			auto;
	margin-right:			auto;
}

.tbl_stp_flow1_guest_addr th
{
	width:						140px;
	border:						1px solid #AAAAAA;
	background-color:	#EBEBEB;
	font-size:				1.0em;
	font-weight:			normal;
	text-align:				left;
	padding:					10px;
}

.tbl_stp_flow1_guest_addr td
{
	border:						1px solid #AAAAAA;
	padding:					10px;
}

.tbl_stp_flow1_guest_addr td p, span
{
	line-height:			130%;
}

.ul_stp_flow2_payment_chk
{
	width:						520px;
	margin-left:			auto;
	margin-right:			auto;
}

.ul_stp_flow2_payment_chk:after
{
	content:					"";
	display:					block;
	height:						0px;
	clear:						both;
}

.ul_stp_flow2_payment_chk li
{
	float:						left;
	white-space:			nowrap;
	padding-bottom:		7px;
	margin-right:			20px;
}

.div_stp_flow2_deliv_time
{
	width:						520px;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_flow2_point_outline
{
	width:						460px;
	border:						1px solid #AAAAAA;
	background-color:	#F5F5F5;
	padding:					20px 30px 20px 30px;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_flow2_point_outline .ul_point_use
{

}

.div_stp_flow2_point_outline .ul_point_use li
{
	padding:					7px 0px 0px 0px;
}

.div_stp_flow2_contact
{
	width:						520px;
	margin-left:			auto;
	margin-right:			auto;
}

.tbl_stp_flow3_checklist
{
	width:						550px;
}

.tbl_stp_flow3_checklist th
{
	width:						150px;
	border:						1px solid #AAAAAA;
	background-color:	#EBEBEB;
	font-size:				1.0em;
	font-weight:			normal;
	text-align:				left;
	padding:					10px;
}

.tbl_stp_flow3_checklist td
{
	border:						1px solid #AAAAAA;
	padding:					10px;
}

.div_stp_flow4_outline
{
	width:						578px;
	border:						1px solid #AAAAAA;
	text-align:				center;
	padding:					30px 0px 20px 0px;
	margin-left:			auto;
	margin-right:			auto;
}

.p_stp_flow4_thanks
{
	width:						480px;
	text-align:				left;
	line-height:			130%;
	margin-left:			auto;
	margin-right:			auto;
}

.div_stp_flow4_thanks
{
	width:						480px;
	border:						1px solid #AAAAAA;
	background-color:	#F5F5F5;
	padding:					20px 0px 10px 0px;
	margin-left:			auto;
	margin-right:			auto;
}

.dl_stp_flow4_thanks_contact
{
	width:						325px;
	margin-left:			98px;
	margin-right:			auto;
}

.dl_stp_flow4_thanks_contact:after
{
	content:					"";
	display:					block;
	height:						0px;
	clear:						both;
}

.dl_stp_flow4_thanks_contact dt
{
	float:						left;
	width:						30px;
	text-align:				left;
	padding:					0px 0px 5px 0px;
}

.dl_stp_flow4_thanks_contact .spacer
{
	float:						left;
	width:						15px;
	text-align:				left;
	padding:					0px 0px 10px 0px;
}

.dl_stp_flow4_thanks_contact .note
{
	float:						left;
	width:						280px;
	text-align:				left;
	padding:					0px 0px 10px 0px;
}