@charset "UTF-8";
@import url(cmn.css);
@import url(base.css);

{
	display: block;
	text-indent: -10000px;
	outline:none;
	line-height:1px;
	font-size:1px;
}

#sn{
	width: 448px!important;
	overflow: hidden;
}

#header{
	height: 418px;
	background: url(../images/cmn/bg4.png) 50% 0 repeat-x;
	margin-bottom: 20px;
}

#n2 a img{
	margin-top: -52px;
}

#flashcontent{
	height: 176px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	background: url(../images/nail/fl2.png) 50% 0 no-repeat;
}

.section{
	width: 980px;
	float: left;
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 40px;
	background: url(../images/cmn/shade.png) 50% 100% no-repeat;
	overflow: hidden;
}
h2{
	position: relative;
	text-align: center;
}
.section .more{
	top: 20px;
}

.acenter{
	letter-spacing: 1px;
}

.section ul{
	display: block;
	width: 980px;
	float: left;
	margin-bottom: 20px;
}
.section li{
	display: block;
	height: 221px;
	width: 157px;
	padding: 10px;
	background: #fff;
	border: 1px solid #d2c9bd;
	margin: 0 21px 20px 0;
	float: left;
}


.section2{
	width: 980px;
	float: left;
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 40px;
	background: url(../images/cmn/shade.png) 50% 100% no-repeat;
	overflow: hidden;
}

.section2 ul{
	display: block;
	width: 980px;
	float: left;
}
.section2 li{
	display: block;
	height: 140px;
	width: 210px;
	padding: 9px;
	background: #fff;
	border: 1px solid #d2c9bd;
	margin: 0 7px 20px;
	float: left;
}

* html .section2 li{
	margin: 0 3px 20px;
}

.more{
	display: block;
	height: 19px;
	width: 80px;
	position: absolute;
	top: 23px;
	right: 11px;
	overflow: hidden;
}
a.more:hover img{
	margin-top: -19px;
}