@charset "utf-8";
/*-------------------------------------------------------------------------------------------
	1.	System ContentsiNotesj
-------------------------------------------------------------------------------------------*/


/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	1.	System ContentsiNotesj

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
.stepContents	{
	margin:	0;
	padding:	0	0	40px	0;
	text-align:	left;
}
.stepContents	h3	{
	margin:	30px	40px	10px	20px;
	font-size:	1em;
	color:	#666;
}
.stepContents	h4	{
	margin:	20px	20px	15px	30px;
	font-size:	0.9em;
	color:	#666;
}
.stepContents	ul	{
	list-style-type:	disc;
	margin:	0	20px	5px	50px;
}
.stepContents	li	{
	padding:	0	0	8px	0;
	font-size:	0.8em;
	color:	#666;
}
.stepContents	li	span	{
	font-weight:	bold;
}
.stepContents	ul#card	{
	list-style-type:	none;
	margin:	0	20px	5px	50px;
	height:	150px;
}
.stepContents	ul#card	li	{
	float:	left;
	padding:	0	20px	20px	0;
}
.stepContents	p	{
	margin:	0	20px	5px	30px;
	font-size:	0.8em;
	color:	#666;
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	2.	Sliding Tab Panel

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
/*	2-1.	Sliding Tab Panel(System Index)	----------	*/
.slidingTabPanelWrapper {
	height:	50px;
	margin:	0;
	display:	none;
}
.slidingTabPanel	{
	list-style:	none;
	margin:	0;
	padding:	0;
	height:	50px;
	width:	700px;
}
.slidingTabPanel	li	{
	list-style:	none;
	float:	left;
	width:	140px;
	margin:	0;
}
.slidingTabPanel	li	a	{
	text-indent:	-9999px;
}
.tabActive {
	position:	relative;
	top:	1px;
	display:	block;
	width:	140px;
	height:	50px;
	outline:	none;
}
.tab {
	position:	relative;
	top:	1px;
	display:	block;
	width:	140px;
	height:	50px;
	background-position:	-280px;
	outline:	none;
}
.tab:hover {
	background-position:	-140px;
}
#order	{
	background-image:	url(../images/about_system/tab_notes_order.gif);
}
#delivery	{
	background-image:	url(../images/about_system/tab_notes_delivery.gif);
}
#price	{
	background-image:	url(../images/about_system/tab_notes_price.gif);
}
#postcard	{
	background-image:	url(../images/about_system/tab_notes_postcard.gif);
}
#cancel	{
	background-image:	url(../images/about_system/tab_notes_cancel.gif);
}