@charset "utf-8";
/*-------------------------------------------------------------------------------------------
	1.	System Contents (About Online Order)
			1-1.	Common Contents
			1-2.	Index Contents
					1-2-1.	Left	Index Contents
					1-2-2.	Right	Index Contents
			1-3.	System Contents
					1-3-1.	System Common
					1-3-2.	System Common(TabPannel)
					1-3-3.	System Index Contents
					1-3-4.	System Derivery Contents
	2.	Sliding Tab Panel
			2-1.	Sliding Tab Panel(About Onlline Order)	
-------------------------------------------------------------------------------------------*/


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

/*	1.	System Contents (About Online Order)

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
/*	1-1.	Common Contents	----------	*/
/*	1-1-1.	Common Contents(Step Contents)	----------	*/

.column1LongTop	{
	margin:	0	0	-10px	0;
	width:	700px;
	height:	50px;
}
.column1LongMiddle	{
	background:	url(../images/about_system/column1_long_middle.gif)	repeat-y	center	top;
	width:	700px;
	height:	auto;
}
.column1LongBottom	{
	background:	url(../images/about_system/column1_long_bottom.gif)	no-repeat	center	bottom;
	margin:	-40px	0	20px	0;
	width:	700px;
	height:	50px;
}
#titleOrder	{
	background:	url(../images/about_system/column1_long_top_order.gif)	no-repeat	center	top;
	text-indent:	-9999px;
}
.orderContents,	.orderContentsLong,	.orderContentsMiddle	{
	clear:	both;
	margin:	0;
	padding:	30px	0	0	0;
	text-align:	left;
	height:	160px;
}
.orderContentsMiddle	{
	height:	320px;
}
.orderContentsLong	{
	height:	400px;
}
.orderContentsLeft,	.orderContentsRight	{
	margin:	0;
	padding:	0;
}
.orderContentsLeft	{
	float:	left;
	width;	260px;
}
.orderContentsLeft	img	{
	margin:	0	0	0	30px;
	border-top:	1px	solid	#CCC;
	border-left:	1px	solid	#CCC;
	border-right:	1px	solid	#AAA;
	border-bottom:	1px	solid	#AAA;
}
.orderContentsRight	{
	float:	right;
	width:	440px;
}
.orderContentsRight	h3	{
	color:	#333;
	font-size:	1em!important;
	font-size:	0.9em;
}
.orderContentsRight	h3	span	{
	padding:	0	10px	0	0;
}
.orderContentsRight	ul	{
	list-style-type:	circle;
	margin:	10px	15px	0	20px;
}
.orderContentsRight	li	{
	padding:	0	0	10px	0;
	font-size:	0.9em!important;
	font-size:	0.8em;
}
.orderAnchor	{
	margin:	50px	0	40px	0;
	padding:	0;
	width:	700px;
	height:	30px;
}
.orderAnchor	h4	{
	padding:	0	20px	0	0;
	text-align:	center;
	font-size:	1em!important;
	font-size:	0.9em;
}
.orderAnchor	h4	span	{
	padding:	0	10px	0	0;
}