@charset "utf-8";
@import url("co_common.css");
@import url("co_tag.css");
@import url("co_layout.css");
@import url("main_layout.css");


#topWrapper {
	width:850px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}

#topWrapper:after {
	content: "";
	display: block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*\*/
*html #topWrapper {
	height:1em;
	overflow:visible;
}
/**/
#topLeft {
	width:550px;
	float:left;
	text-align:left;
	margin:0 20px 0 0;
}
#topRight {
	width:280px;
	float:right;
}
.indWig {
	margin:0 0 5px 0;
	padding-left:10px;
	background-color: #FF3399;
	color:#FFFFFF;
	clear:both;

}
#indMrs {
	margin: 5px 0;
	padding-left:10px;
	background-color:#E7C3BD;
	clear:both;

}
#indKids {
	margin: 5px 0;
	padding-left:10px;
	background-color: #CCDC54;
	clear:both;
}
#indGoth {
	margin: 5px 0;
	padding-left:10px;
	background-color: #000000;
	color:#FFFFFF;
	clear:both;
}
#indMen {
	margin: 5px 0;
	padding-left:10px;
	background-color: #3399FF;
	color:#FFFFFF;
	clear:both;
}

#topRight p {
	width: 70px;
	height:115px;
	float:left;
	font-size: 80%;
	font-weight: normal;
	line-height: 120%;
}
#topRight img {
	margin: 0 0 5px 0;
}

#colorList{font-size:80%; margin-bottom:5px;}
#colorList li{display:inline; padding:0 5px 0 3px;}
#colorType1{border-left:20px solid #FF66CC;}
#colorType2{border-left:20px solid #9966CC;}
#colorType3{border-left:20px solid #FF6600;}


#grid{background:url(../images/index/back_grid.gif) repeat-y 0 0;}

.box550 {
margin-top:10px;
	width: 550px;
	overflow:hidden;
	clear:both;
}

.box550:after {
	content: "";
	display: block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*\*/
*html .box550 {
	height:1em;
	overflow:visible;
}
/**/

#news {
	background:url(/assets/images/index/news.gif) no-repeat 0 0;
	width:550px;
	height:45px;
	font-size:90%;
	overflow:hidden;
	clear:both;
}

#news:after {
	content: "";
	display: block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*\*/
*html #news {
	height:1em;
	overflow:visible;
}
/**/

#boxNews01{
	width:410px;
	float:left;
}
#boxNews01 ul{
	padding:5px 5px 0 5px;
}
#boxNews02{
	width:140px;
	float:left;
}

#news1{
clear:both;
margin-bottom:10px;
padding:5px;
font-size:90%;
line-height:150%;
	background-color: #99CCFF;
}
#news1:after {
	content: "";
	display: block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*\*/
*html #news1 {
	height:1em;
	overflow:visible;
}
/**/

#news1 em{
font-weight:bold;

}
#news2{
clear:both;
padding:5px 10px 10px 10px;
font-size:90%;
line-height:150%;
}


#mainWrap{
width:550px;

}
#mainWrap:after {
	content: "";
	display: block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*\*/
*html #mainWrap {
	height:1em;
	overflow:visible;
}
/**/

#main a{
	height: 180px;
	width: 350px;
	float:left;
}


/* Sales
---------------------------------------------------*/


#sales {
	width: 550px;
	margin-bottom:5px;
	overflow:hidden;
	clear:both;
}

#sales:after {
	content: "";
	display: block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*\*/
*html #sales {
	height:1em;
	overflow:visible;
}
/**/


#sales h3 {
	background-image: url(../images/tit_item.gif);
	background-repeat: no-repeat;
	width: 550px;
	height: 34px;
	margin:15px 0 0 0;
}
#sales h3 span {
	display:none;
}
#sales div{
	width:100px;
	float:left;
	margin:0 10px 0 0;
	line-height:130%;
	font-size:90%;
	display:inline;
}



#sales div a{
display:block;
	background-image: url(../images/goldframe.jpg);
	background-repeat: no-repeat;
	padding:5px 0 0 5px;
}
#sales div a span{
margin:0 0 10px 0;
width: 90px;
}
#sales div a span img{margin:0 0 12px 0;}


#sales div h4 {
	margin:0;
	padding:10px 0 0 0;
}
/* Special
---------------------------------------------------*/

.spBoxA{
width:270px;
float:left;
margin:10px 0 0 0;

}


.spBoxB{
width:270px;
float:left;
margin:10px 0 0 10px;

}


#detail {
	width:258px;
	background-color: #F4F0DC;
	border: 1px solid #E7D9A7;
	padding:10px;
	margin:10px 0;
}


*html #mobile {
	height:1em;
	overflow:visible;
}
/**/


#bookmark{
	width:258px;
	background-color: #ffffff;
	border: 1px solid #E7D9A7;
	padding:10px;
	margin:10px 0;

}