/* ******************************************************************************
	Style002 - TopContentsStyle - TopPage
		(C) 2010 CreativeStyle
****************************************************************************** */
/* ==============================================================================
	Contents Settings
============================================================================== */
#Contents {
	float:			left;
	width:			602px;
	margin:			2px 0 20px 12px;
	_margin:		2px 0 20px 6px;
}

/* ==============================================================================
	NewsArea  Settings
============================================================================== */
.NewsArea {
	float:			left;
	width:			592px;
	height:			170px;
	margin:			0 0 20px 0;
	padding:                32px 0 0 10px;
	line-height:		120%;
	background:		url(img/news_back.gif) no-repeat;
	overflow:		hidden;
}
.NewsArea h3 {
	color:			#FF0099;
	font-weight:		bold;
	letter-spacing:		0.1em;
	line-height:		100%;
	font-size:		12px;
}
.NewsArea p {
	margin-bottom:		5px;
	color:			#fff;
	letter-spacing:		0.1em;
	line-height:		100%;
	font-size:		12px;
}

/* ==============================================================================
	FlashArea  Settings
============================================================================== */
.FlashArea {
	float:			left;
	width:			320px;
	height:			240px;
	margin:			0 0 20px 0;
}

/* ==============================================================================
	InforList  Settings
============================================================================== */
.InforList {
	float:			right;
	width:			272px;
	height:			205px;
	margin:			0 0 20px 0;
	padding:                35px 0 0 0;
	font-size:		12px;
	line-height:		120%;
	background:		url(img/update_back.gif) no-repeat;
	overflow:		hidden;
}
.InforList dt{
	float:			left;
	width:			45px;
	padding-left:		10px;
	margin-bottom:		5px;
	color:			#FF0099;
	font-weight:		normal;
	letter-spacing:		0.1em;
	line-height:		100%;
}
.InforList dd{
	margin-bottom:		5px;
	color:			#fff;
	letter-spacing:		0.1em;
	line-height:		100%;
}

/* ==============================================================================
	Navigation Settings
============================================================================== */
#Navigation {
	float:			right;
	width:			252px;
	margin:			0 10px 10px 0;
	_margin:		0 5px 10px 0;
	background:		#EEEEEE;
}
#Navigation .FormArea {
	float:			left;
	width:			252px;
	margin:			10px 0 30px 0;
}
#Navigation .FormArea p {
	float:			left;
	width:			242px;
	font-size:		12px;
	line-height:		1.5;
	text-align:		center;
	margin:			0 0 10px 10px;
	_margin:		0 0 10px 5px;
}
#Navigation .FormArea form {
	float:			left;
	width:			242px;
	overflow:		hidden;
	margin:			0 0 10px 10px;
	_margin:		0 0 10px 5px;
}
#Navigation .BannerArea {
	float:			left;
	width:			252px;
	margin:			0 0 30px 0;
}
#Navigation .ShopInfo {
	float:			left;
	width:			252px;
	height:			140px;
	margin:			0 0 10px 0;
}
#Navigation img {
	float:			left;
	margin:			0 0 10px 10px;
	_margin:		0 0 10px 5px;
}

/* ==============================================================================
	Activity Area  Settings
============================================================================== */
.ActivityArea {
	float:			left;
	width:			592px;
	height:			197px;
	margin:			0 0 20px 0;
	padding:                5px 0 0 10px;
	line-height:		120%;
	background:		url(img/event_back.gif) no-repeat;
	overflow:		hidden;
}
.ActivityArea .LinkArea {
	float:			right;
	width:			572px;
	margin:			0 15px 20px 0;
	text-align:		right;
	font-size:		small;
	font-weight:		bold;
}
.ActivityArea .LinkArea a {
	color:			#FF0099;
	text-decoration:	none;
}
.ActivityArea .Content {
	margin-top:		15px;
	margin-bottom:		25px;
	font-size:		small;
	line-height:		17px;
	color:			#fff;
}
.ActivityArea dd {
	float:			left;
	margin-bottom:		5px;
	width:			602px;
}
.ActivityArea dd ul {
	list-style: 		none;
	overflow:		hidden;
	margin-bottom:		20px;
}
.ActivityArea dd li {
	float:			left;
	display:		block;
	margin-right:		6px;
	_margin-right:		3px;
	margin-bottom:		5px;
	text-align:		center;
}
.ActivityArea .Photo-w {
	width:			95px;
	height:			71px;
}
.ActivityArea .Photo-h {
	width:			95px;
	height:			95px;
}