@charset "utf-8";
/* ===================================================================

 file name  :works.css
 style info :Works

=================================================================== */

/* =============================

	index

=============================== */
.worksList {
	width:258px;
	float:left;
	margin-bottom:25px;
}
.worksList a {
	display:block;
}
.worksList .num dd {
	width:39px;
	float:left;
}	

.worksList .num dt {
	margin-bottom:8px;
}

.worksList .num {
	float:left;
	margin-left:-251px;
}
.worksList .post {
	float:left;
	margin-top:83px;
}
.worksList .post dd.thumb {
	margin-bottom:5px;
}
.worksList .post dd.ttl,
.worksList .post dd.price {
	line-height:1.4;
}
.worksList a {
	color:#323232;
}



/* =============================

	detail

=============================== */
article.detail {
	position:relative;
	padding-top:30px;
	margin-bottom:75px;
}
div.postHead {
	margin:0 0 30px 183px;
}
div.postHead.noslide{
	padding-bottom:100px;
}
article.detail dl.worksNum {
	position:absolute;
	top:0;
	left:12px;
	z-index:1;
}
article.detail dl.worksNum dt {
	margin-bottom:10px;
}
article.detail dl.worksNum dd {
	width:64px;
	float:left;
}
.hover dl.post dd {
	opacity:0.6;
}

.example {
	margin-bottom:50px;
}
.example dl {
	width:300px;
	float:left;
}
.example dl dt {
	margin-bottom:30px;
}
.example p.arrow {
	width:31px;
	float:left;
	padding:100px 20px 0;
}
.cb{
	outline:none;
}
p.postTxt {
	clear:both;
}


/*slider*/
div.flex-viewport {
	width:650px;
	float:left;
	margin-bottom:40px;
}

ol.flex-control-thumbs,
ol.flex-control-thumbs li {
	width:104px;
}
ol.flex-control-thumbs {
	float:right;
	margin:0;
}
ol.flex-control-thumbs li {
	height:70px;
	margin-bottom:6px;
}
ol.flex-control-thumbs li img {
	height:auto;
}

p.back {
	text-align:right;
}


/* =================================== */