@charset "utf-8";
@import "normalize.css";
@import "common.css";
/*=================================
	collection
==================================*/
#contents .articles {
	padding:60px;
	min-height:600px;
	height:auto !important;
	height:600px;
	background-repeat:no-repeat;
	background-position:center top;
}

#silver, #leather, #stone,
#watch, #sana, #arif {
	background-repeat:no-repeat;
}

#silver {		background-image:url(../collection/silver/image/image.jpg);}
#leather {	background-image:url(../collection/leather/image/image.jpg);}
#stone {		background-image:url(../collection/stone/image/image.jpg);}
#watch {		background-image:url(../collection/watch/image/image.jpg);}
#sana {		background-image:url(../collection/sana/image/image.jpg);}
#arif {			background-image:url(../collection/arif/image/image.jpg);}

#contents h2#categoryName {
	display:block;
	width:100%;
	height:0px;
	padding-top:42px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#silver h2#categoryName {		background-image:url(../collection/silver/image/pagetitle.png)}
#leather h2#categoryName {	background-image:url(../collection/leather/image/pagetitle.png)}
#stone h2#categoryName {		background-image:url(../collection/stone/image/pagetitle.png)}
#watch h2#categoryName {		background-image:url(../collection/watch/image/pagetitle.png)}
#sana h2#categoryName {		background-image:url(../collection/sana/image/pagetitle.png)}
#arif h2#categoryName {			background-image:url(../collection/arif/image/pagetitle.png)}

#contents .articles h3 {
	margin-top:60px;
	font-size:120%;
	color:#FFFFFF;
	font-weight:bold;
}

#introduction {
	margin-top:60px;
	line-height:1.8
}

.articles ul {
	margin-top:10px;
}

.articles li {
	width:190px;
	height:190px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:#ffffff;
	float:left;
}

.articles li div img {
	display:block;
	width:150px;
	height:150px;
	padding:30px 20px 10px 20px;
}

.articles li:nth-child(4n) {
	margin-right:0px;
}

.articles li a {
	display:block;
	width:190px;
	height:190px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	text-decoration:none;
	position:relative;
}

.articles li a div:first-child {
	width:190px;
	height:auto;
	background-image:url(../collection/images/itemname_bg.png);
	text-align:center;
	padding:0.25em;
	position:absolute;
	top:0px;
}

.articles li a:hover div:first-child {
	background-color:#c1a440;
	background-image:none;
}

p.visit-webstore a {
	display:block;
	width:200px;
	height:0px;
	padding-top:24px;
	overflow:hidden;
	background-image:url(../collection/images/webstore.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:right;
}

/*=================================
	single page
==================================*/
#contents .nav {
	padding:30px 60px 30px 60px;
}

#contents .nav a {
	display:block;
	width:120px;
	height:0px;
	padding-top:50px;
	overflow:hidden;
	background-image:url(../collection/images/list_back.gif);
	background-repeat:no-repeat;
}

#item {
	padding:0px 60px 60px 60px;
}

#data {
	width:380px;
	float:right;
}

#data dt {
	font-size:150%;
	font-weight:bold;
	color:#FFFFFF;
}

#data dd.price {
	font-size:120%;
	color:#FFFFFF;
	margin:1.0em 0px;
}

#data dd.comment {
	padding:1.0em 0px;
	border-top:solid 1px #666666;
	border-bottom:solid 1px #666666;
}

#data dd.variation {
	margin-top:20px;
}

#data dd.variation li {
	width:120px;
	height:120px;
	float:left;
	margin-right:10px;
}

#data dd.variation li img {
	display:block;
	cursor:pointer;
}

#data dd.variation li:last-child {
	margin-right:0px;
}

#data dd.comment p {
	margin-bottom:0.5em;
}


#figure {
	width:400px;
	height:400px;
	overflow:hidden;
	position:relative;
	background-color:#FFFFFF;
	float:left;
}

#figure img {
	display:block;
	width:300px;
	height:300px;
	position:absolute;
	top:50px;
	left:50px;
}

#webstore a {
	display:block;
	width:290px;
	height:0px;
	padding-top:50px;
	margin:20px auto 0px auto;
	overflow:hidden;
	background-image:url(../collection/images/webstore_button.gif);
	background-repeat:no-repeat;
}