@charset "utf-8";

/*------------------------------------
 banner
------------------------------------*/

#banner {
	width:300px;
	float:left;
	margin-bottom:10px;
}

#banner:after {
	content: '';
	display: block;
	clear: both;
}

#banner h2 {
	margin-bottom:10px;
}

#banner ul.banner {
	margin-bottom:10px;
}

#banner ul.banner li {
	margin-bottom:10px;
}

/*------------------------------------
 main_contents
------------------------------------*/

#main_contents {
	width:650px;
	height:auto;
	float:right;
	margin-bottom:10px;
}

#main_contents:after {
	content: '';
	display: block;
	clear: both;
}

/*------------------------------------
 main_banner
------------------------------------*/
#main_banner {
	position:relative;
	margin-bottom:10px;
	z-index:1;
}

.pagination {
	z-index:2;
	left:10px;
	top:10px;
	position:absolute;
}

.pagination a {
	background: url(images/pagenation.png) 0 0 no-repeat transparent;
	width: 12px;
	height: 12px;
	margin: 0 4px 0 0;
	display: inline-block;
}

.pagination a.selected {
	background-position: -12px 0;
	cursor: default;
}

.pagination a span {
	display: none;
}

/*------------------------------------
 news
------------------------------------*/

#news {
	width:660px;
	margin-left:-10px;
	margin-bottom:10px;
	overflow:hidden;
	*zoom: 1;
}

#news:after {
	content: '';
	display: block;
	clear: both;
}

#news .box {
	width:320px;
    height: 290px;
	float:left;
	margin:0 0 10px 10px;
	_display:inline;
}

#news .box ul li {
	padding:10px;
	clear:both;
    height: auto;
}

#news .box ul li:after {
	content: '';
	display: block;
	clear: both;
}

#news .box ul li img {
	float:left;
	margin-right:10px;
}

#news .box .prev {
	width:320px;
	display:block;
	padding-top:4px;
	text-align:center;
}

#news .box .next {
	width:320px;
	display:block;
	padding:4px 0 10px 0;
	text-align:center;
}

/*------------------------------------
 wide_contents
------------------------------------*/

#wide_contents {
	width:960px;
	height:auto;
	float:right;
	margin-bottom:10px;
}

#wide_contents:after {
	content: '';
	display: block;
	clear: both;
}

/*------------------------------------
 blog
------------------------------------*/

#blog {
	width:960px;
	margin-bottom:30px;
	overflow:hidden;
	*zoom: 1;
}

#blog:after {
	content: '';
	display: block;
	clear: both;
}

#blog .box {
	width:960px;
}

#blog .box:after {
	content: '';
	display: block;
	clear: both;
}

#blog .box ul {
	width:840px;
	float:left;
}

#blog .box ul li {
	width:260px;
	padding:10px;
	float:left;
}

#blog .box ul li:after {
	content: '';
	display: block;
	clear: both;
}

#blog .box ul li img {
	float:left;
	margin-right:10px;
	width:100%;
	height:auto;
}

#blog .prev {
	width:50px;
	padding:24px 0 0 10px;
	display:block;
	float:left;
}

#blog .next {
	width:50px;
	padding:24px 10px 0 0;
	display:block;
	text-align:right;
	float:left;
}

/*------------------------------------
 brand
------------------------------------*/

#brand {
	width:960px;
	margin-bottom:10px;
	overflow:hidden;
	*zoom: 1;
}

#brand:after {
	content: '';
	display: block;
	clear: both;
}

#brand ul {
	padding-left:4px;
}

#brand ul li {
	float:left;
	padding:1px;
}

/*------------------------------------
 shop info 
------------------------------------*/

#shop h3 {
	font-size:10px;
	margin-bottom:4px;
}

#shop img{
	padding-top:4px;
	margin-bottom:4px;
}

#shop ul {
	width:972px;
	height:auto;
	margin-left:-12px;
	margin-bottom:20px;
	overflow:hidden;
	clear:both;
	/zoom:1;	
}

#shop ul:after {
	content: '';
	display: block;
	clear: both;
}

#shop ul li {
	width:231px;
	height:auto;
	float:left;
	margin:0px 0px 20px 12px;
	_display: inline;
}

#shop ul li img {
	width:231px;
}

/*------------------------------------
 xmas_menu
------------------------------------*/
.xmas_menu {
	width:650px;
	margin:5px 0 0 0;
}
.xmas_menu img {
	width:100%;
}
.xmas_banner ul {
	width:630px;
	padding:10px;
	background-color:#151515;
	overflow:hidden;
	margin:0 0 15px 0;
}
.xmas_banner ul li {
	width:310px;
	float:left;
	margin-right:10px;
}
.xmas_banner ul li:nth-child(2) {
	margin-right:0px;
}
.xmas_banner ul li img {
	width:100%;
}