@charset "utf-8";
/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/

/*	1.	Campaign Banner

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#baSummerCampaign	{
	background:	url(../images/campaign/campaign2010summer2.gif)	no-repeat;
	margin:	0;
	padding:	0;
	width:	700px;
	height:	200px;
}
#baSummerCampaign	p	{
	margin:	0;
	padding:	0;
	text-indent:	-9999px;
}

/*	1-2.	Soccer	----------	*/
#baSoccerCampaign	{
	background:	url(../images/campaign/campaign2010soccer.gif)	no-repeat;
	margin:	0;
	padding:	0;
	width:	700px;
	height:	200px;
}
#baSoccerCampaign	p	{
	margin:	0;
	padding:	0;
	text-indent:	-9999px;
}
.soccerComment	{
	margin:	0;
	padding:	0;
	width:	700px;
	height:	80px;
}
.soccerComment	h3	{
	font-size:	150%;
	text-align:	center;
	line-height:	80px;
}
.soccerComment	h3	span	{
	font-size:	180%;
	color:	#F00;
}

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

/*	2.	Campaign Navigation

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#navSummerCampaign	{
	clear:	both;
	margin:	14px	0	0	0;
	padding:	0;
	width:	700px;
	height:	30px;
}
#navSummerCampaign	ul	{
	list-style-type:	none;
}
#navSummerCampaign	li	{
	float:	left;
	display:	inline;
}
#navSummerCampaign	a	{
	display:	block;
	width:	230px;
	height:	30px;
}
#navSummerCampaign	span	{
	display:	none;
}
#navSummerCampaign	li#btnCampaign1	a	{
	background:	url(	../images/campaign/sprite2010Summer.gif	)	-5px	-5px	no-repeat;
}
#navSummerCampaign	li#btnCampaign2	a	{
	background:	url(	../images/campaign/sprite2010Summer.gif	)	-245px	-5px	no-repeat;
}
#navSummerCampaign	li#btnCampaign3	a	{
	background:	url(	../images/campaign/sprite2010Summer.gif	)	-490px	-5px	no-repeat;
}
#navSummerCampaign	li#btnCampaign1	a:hover	{
	background:	url(	../images/campaign/sprite2010Summer.gif	)	-5px	-40px	no-repeat;
}
#navSummerCampaign	li#btnCampaign2	a:hover	{
	background:	url(	../images/campaign/sprite2010Summer.gif	)	-245px	-40px	no-repeat;
}
#navSummerCampaign	li#btnCampaign3	a:hover	{
	background:	url(	../images/campaign/sprite2010Summer.gif	)	-490px	-40px	no-repeat;
}

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

/*	3.	Anchor

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
.anchorCampaign	{
	clear:	both;
	margin:	0;
	padding:	0;
	width:	700px;
	height:	50px;
}
.anchorCampaign	a	{
	text-align:	right;
	font-size:	77%;
}

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

/*	4.	Campaign Contents

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
#containerCampaign	{
	margin:	0;
	padding:	0;
	width:	700px;
}

/*	4-1.	Title	--------------------------------------------------*/
.tSummerCampaign	{
	clear:	both;
	margin:	20px	0	0	0;
	padding:	0;
	width:	700px;
	height:	30px;
}
.tSummerCampaign	h4	{
	display:	inline;
}
.tSummerCampaign	a	{
	display:	block;
	width:	700px;
	height:	30px;
}
.tSummerCampaign	span	{
	display:	none;
}
.tSummerCampaign	h4#tPrice	a	{
	background:	url(	../images/campaign/sprite2010Summer.gif	)	-5px	-75px	no-repeat;
}
.tSummerCampaign	h4#tCalender	a	{
	background:	url(	../images/campaign/sprite2010Summer.gif	)	-5px	-110px	no-repeat;
}
.tSummerCampaign	h4#tPay	a	{
	background:	url(	../images/campaign/sprite2010Summer.gif	)	-5px	-145px	no-repeat;
}

/*	4-2.	Caution	--------------------------------------------------*/
.contentsSummerCampaign	{
	margin:	0;
	padding:	0;
	width:	700px;
}
.contentsSummerCampaign	ul	{
	margin:	20px	0	0	30px;
	padding:	0;
}
.contentsSummerCampaign	li	{
	padding:	0	20px	14px	0;
	font-size:	14px;
	text-align:	justify;
	text-justify:	distribute;
}
.contentsSummerCampaign	p	{
	margin:	10px	0	0	0;
	padding:	0	30px	0	20px;
	font-size:	82%;
	color:	#000;
	text-align:	justify;
	text-justify:	distribute;
	line-height:	170%;
}

/*	4-3.	Calender	--------------------------------------------------*/
.containerCampaignCalender	{
	margin:	20px	0	0	0;
	padding:	0;
	width:	700px;
}
#centerCampaignCalender	{
	float:	left;
	margin:	0;
	padding:	0;
	width:	345px;
}
#centerCampaignCalender	table	{
	margin:	0	auto;
	padding:	0;
	text-align:	center;
	width:	300px;
	border-top:	1px	solid	#EEE;
	border-left:	1px	solid	#EEE;
}
#centerCampaignCalender	th	{
	border-right:	1px	solid	#CCC;
	border-bottom:	1px	solid	#EEE;
}
#centerCampaignCalender	td	{
	border-right:	1px	solid	#CCC;
	border-bottom:	1px	solid	#CCC;
}
#centerCampaignCalender	td.holiday	{
	color:	#F00;
}
#centerCampaignCalender	td.calenderGreen	{
	color:	#FFF;
	font-weight:	bold;
	background-color:	#090;
}
#centerCampaignCalender	td.calenderBlue	{
	color:	#FFF;
	font-weight:	bold;
	background-color:	#039;
}
#centerCampaignCalender	td.calenderOrange	{
	color:	#FFF;
	font-weight:	bold;
	background-color:	#F60;
}
#centerCampaignCalender	td.calenderRed	{
	color:	#FFF;
	font-weight:	bold;
	background-color:	#F00;
}
.leftCampaignCalender,	.rightCampaignCalender	{
	float:	left;
	margin:	0;
	padding:	0;
	width:	345px;
}
.leftCampaignCalender	table,	.rightCampaignCalender	table,	.centerCampaignCalender	table	{
	margin:	0	auto;
	padding:	0;
	text-align:	center;
	width:	300px;
	border-top:	1px	solid	#EEE;
	border-left:	1px	solid	#EEE;
}
.leftCampaignCalender	th,	.rightCampaignCalender	th,	.centerCampaignCalender	th	{
	border-right:	1px	solid	#CCC;
	border-bottom:	1px	solid	#EEE;
}
.leftCampaignCalender	td,	.rightCampaignCalender	td,	.centerCampaignCalender	td	{
	border-right:	1px	solid	#CCC;
	border-bottom:	1px	solid	#CCC;
}
.leftCampaignCalender	td.holiday,	.rightCampaignCalender	td.holiday,	.centerCampaignCalender	td.holiday	{
	color:	#F00;
}
.leftCampaignCalender	td.calenderGreen,	.rightCampaignCalender	td.calenderGreen,	.centerCampaignCalender	td.calenderGreen	{
	color:	#FFF;
	font-weight:	bold;
	background-color:	#090;
}
.leftCampaignCalender	td.calenderBlue,	.rightCampaignCalender	td.calenderBlue,	.centerCampaignCalender	td.calenderBlue	{
	color:	#FFF;
	font-weight:	bold;
	background-color:	#039;
}

/*	4-4.	Calender Caution	--------------------------------------------------*/
#contentsCampaignCalender	{
	float:	left;
	margin:	0	0	50px	0;
	padding:	10px	0	0	0;
	width:	345px;
}
#contentsCampaignCalender	ul	{
	list-style-type:	none;
	margin:	0	0	0	30px;
}
#contentsCampaignCalender	li	{
	margin:	0	0	10px	0;
	text-align:	left;
	font-size:	82%;
	color:	#333;
	line-height:	30px;
}
#contentsCampaignCalender	span	{
	float:	left;
	margin:	0	5px	0	0;
	display:	block;
	width:	50px;
	height:	30px;
}
#contentsCampaignCalender	span.capRed	{
	color:	#F00;
}
#contentsCampaignCalender	span.capGreen	{
	background-color:	#090;
}
#contentsCampaignCalender	span.capBlue	{
	background-color:	#039;
}
#contentsCampaignCalender	span.capRed2	{
	background-color:	#F00;
}
#contentsCampaignCalender	span.capOrange	{
	background-color:	#F60;
}
.contentsCampaignCalender	{
	float:	left;
	margin:	0	0	50px	0;
	padding:	10px	0	0	0;
	width:	690px;
}
.contentsCampaignCalender	ul	{
	list-style-type:	none;
	margin:	0	0	0	30px;
}
.contentsCampaignCalender	li	{
	margin:	0	0	10px	0;
	text-align:	left;
	font-size:	82%;
	color:	#333;
	line-height:	30px;
}
.contentsCampaignCalender	span	{
	float:	left;
	margin:	0	5px	0	0;
	display:	block;
	width:	50px;
	height:	30px;
}
.contentsCampaignCalender	span.capRed	{
	color:	#F00;
}
.contentsCampaignCalender	span.capGreen	{
	background-color:	#090;
}
.contentsCampaignCalender	span.capBlue	{
	background-color:	#039;
}
.contentsCampaignCalender	span.capRed2	{
	background-color:	#F00;
}
.contentsCampaignCalender	span.capOrange	{
	background-color:	#F60;
}

/*	4-4.	Price List	--------------------------------------------------*/
table#priceList	{
	clear:	both;
	margin:	20px	0	20px	0;
	padding: 0;
	width:	690px;
}
table#priceList	th	{
	color:	#333;
	font-size:	0.9em;
	background-color:	#fcc;
	text-align:	center;
	height:	2em;
}
table#priceList th.lineDot	{
	border-right:	1px	dotted	#999;
	width:	50px;
}
table#priceList th.lineSolid	{
	border-right: 1px solid #999;
	width: 90px;
}
table#priceList th#lineSolidNon	{
	border: none;
	width: 89px;
}
table#priceList td	{
	color: #666;
	font-size: 0.9em;
	text-align: center;
	line-height:	30px;
	height: 30px;
}
table#priceList td.discount	{
	font-size:	0.8em;
	text-decoration:	line-through;
}
table#priceList tr.lineColor	{
	background-color: #FEE;
}
table#priceList td.lineDot	{
	border-right: 1px dotted #999;
}
table#priceList td.lineDot2	{
	border-right:	1px	dotted	#999;
	border-left:	1px	solid	#FCC;
}
table#priceList td.lineSolid	{
	border-right: 1px solid #999;
	font-weight:	bold;
	color:	#F00;
}
table#priceList td.lineSolidNon	{
	border: none;
	font-weight:	bold;
	color:	#F00;
}
table#priceList td.lineSolid2	{
	border-right:	1px	solid	#FCC;
	font-weight:	bold;
	color:	#F00;
}

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

/*	4.	Campaign Pay

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
table#tblPay	{
	margin:	0	0	50px	0;
	padding:	0;
	width:	700px;
}
table#tblPay	th	{
	width:	400px;
}
table#tblPay	td	{
	font-size:	12px;
	text-align:	left;
	color:	#333;
	width:	150px;
}
table#tblPay	td.tdRight	{
	text-align:	right;
	padding:	0	20px	0	0;
	width:	100px;
}
table#tblPay	td.discount	{
	padding:	0	20px	0	0;
	text-align:	right;
	color:	#F00;
	font-weight:	bold;
	width:	100px;
}
table#tblPay	td.add	{
	text-align:	right;
	color:	#00F;
	font-weight:	bold;
	width:	100px;
}
table#tblPay	td#total,	table#tblPay	td#totalRight	{
	color:	#00F;
	font-weight:	bold;
	border-top:	1px	solid	#333;
}
table#tblPay	td#totalRight	{
	width:	100px;
	padding:	0	20px	0	0;
	text-align:	right;
}