@charset "utf-8";
@import "reset.css";
@import "common.css";
/*
===============================*/
#collection {
	position:relative;
	padding:20px 40px 0px;
	background:#000;
}
#arwPrev, #arwNext {
	position:absolute;
	top:370px;
	cursor:pointer;
	padding:20px 10px;
}
#arwPrev {
	left:2px;
}
#arwNext {
	right:2px;
}
#slider {
	position:relative;
}
#mainImage {
	position:relative;
	width:592px;
	height:760px;
	cursor:pointer;
}
#mainImage img {
	position:absolute;
	top:0;
	left:0;
}
#thumbnailsWrap {
	background:url(../img/collection/dummy.png) 0 0 no-repeat;/*背景に何か設置しないと、hoverの判定になってくれなかった*/
	position:absolute;
	bottom:0;
	left:0;
	z-index:99;
	width:100%;
	height: 200px;
}
#thumbnails {
	background:url(../img/collection/thumb_bg.png) 0 0 repeat;
	position:absolute;
	bottom:-113px;
	left:0;
	width:100%;
}
#thumbListWrap {
	position:relative;
	width:540px;
	height:113px;
	margin:0 auto;
	overflow:hidden;
}
#thumbList {
	position:absolute;
	top:10px;
	left:0;
	width:9999px;
	margin:0 0 0 -3px;
}
#thumbList li {
	float:left;
	margin:0 0 0 7px;
}
#btnPrev, #btnNext {
	position:absolute;
	top:10px;
	cursor:pointer;
}
#btnPrev {
	left:10px;
}
#btnNext {
	right:10px;
}

.budge{
	overflow:hidden;
	margin:40px 0 50px -14px;
}
.budge li{
	float:left;
	margin:0 0 0 14px;
	cursor:pointer;
}
/*
===============================*/
#concept {
	padding:20px 40px 20px;
	background:#000;
}
#concept h2 {
	margin:0 0 70px;
}
#exceptionalSimplicity {
	background:url(../img/concept/exceptional_simplicity.jpg) 0 0 no-repeat;
	width:590px;
	height:584px;
	margin:0 auto;
	overflow:hidden;
	text-indent:-9999px;
}
/*
===============================*/
#show-collection {
	padding:20px 20px 0px;
	background:#000;
}
#show-collection h2 {
	padding:0 0 0 10px;
	margin:0 0 40px;
}
#show-collection #youtube iframe {
	width:600px;
	height:420px;
	margin:0 auto 20px;
	display:block;
	z-index:1;
	position:relative;
}
#show-collection .photo_list {
	background:url(../img/show-collection/sep.jpg) 50% bottom no-repeat;
	padding:0 0 60px;
	margin:0 0 40px;
	overflow:hidden;
}
#show-collection .photo_list li {
	background:url(../img/show-collection/frame.png) 50% 50% no-repeat;
	position:relative;
	float:left;
	padding: 17px 15px;
	margin: 0 0 10px 15px;
}
#show-collection .filter {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width: 100%;
	height: 100%;
}
#show-collection .frame {
	position:absolute;
	top: 17px;
	left: 15px;
}
#show-collection #LB_wrap {
	background:url(../img/common/bg_060.png) 0 0 repeat;
	display:none;
	position:absolute;
	z-index:9999;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#show-collection #LB {
	position:absolute;
	z-index:9999;
	width:650px;
	overflow:hidden;
	top:150px;
	left:50%;
	margin:0 0 0 -325px;
	cursor:pointer;
	border:double 3px #BE8642;
}
#show-collection #LB_set {
	width:100%;
}
#show-collection #cont_bottom {
	background:url(../img/show-collection/gracieuse_showcollection.jpg) 0 0 no-repeat;
	height: 384px;
	width: 595px;
	margin:0 auto;
	padding:0 0 40px;
}

/*
===============================*/
#past-collection {
	padding:20px 38px 0px;
	background:#000;
}
#past-collection h2 {
	padding:0 0 0 10px;
	margin:0 0 40px;
}
#past-collection #message{
	margin:0 0 30px;	
}
#past-collection .photo_list {
	overflow:hidden;
	margin:-19px 0 0 -19px;
}
#past-collection .photo_list li {
	position:relative;
	float:left;
	margin:19px 0 0 19px;
}
#past-collection .filter {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width: 100%;
	height: 100%;
}
#past-collection .frame {
	position:absolute;
	top: 17px;
	left: 15px;
}
#past-collection #LB_wrap {
	background:url(../img/common/bg_060.png) 0 0 repeat;
	display:none;
	position:absolute;
	z-index:9999;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#past-collection #LB {
	position:absolute;
	z-index:9999;
	width:650px;
	overflow:hidden;
	top:150px;
	left:50%;
	margin:0 0 0 -325px;
	cursor:pointer;
	border:double 3px #BE8642;
}
#past-collection #LB_set {
	width:100%;
}