@charset "UTF-8";

/*
	##### HOUSECO #####
	Copyright (C) KAYAC Inc. All Rights Reserved.

*/

/* --------------------------------------------------
	作品詳細
-------------------------------------------------- */
.boxWorksDetailFooter{
	margin-top: 20px;
}


.navWorkImages{
	position: relative;
	width: 635px;
	height: 40px;
	margin: 30px 0 20px;
}

.navWorkImages .prev{
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 5;
}

.navWorkImages .next{
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 5;
}

.navWorkImages .wrapper{
	width: 569px;
	height: 40px;
	top: 0;
	left: 33px;
	position: absolute;
	overflow: hidden;
}

.navWorkImages.plan .wrapper{
	left: 0;
}

.navWorkImages ul{
	position: relative;
	width: 2000px;
	left: 0;
}

.navWorkImages ul li{
	float: left;
	margin-right: 1px;
	width: 71px;
	height: 40px;
	background: #000;
	cursor: pointer;
}

.navWorkImages ul li.nophoto{
	cursor: default;
	background: url(/img/common/nophoto/img_nophoto_71_40.png) 0 0 no-repeat;
}

.navWorkImages ul li.nophoto.half{
	cursor: default;
	background: url(/img/common/nophoto/img_nophoto_36_40.png) 0 0 no-repeat;
	width: 36px;
}

.navWorkImages ul li:hover img,
.navWorkImages ul li.current img,
.navWorkImages ul li.nophoto img{
	opacity: 1;
}

.navWorkImages ul li img{
	opacity: 0.4;
}


.imageDetail2{
	border: 1px solid #ccc;
	position: relative;
	margin-bottom: 15px;
}

.imageDetail2.plan{
	border: none;
}

.imageDetail2field{
	text-align: center;
	border-bottom: 1px dotted #ccc;
	display: block;
}

.imageDetail2field .slideshow{
	position: absolute;
	top: 150px;
	cursor: pointer;
}

.imageDetail2field .prev{
	left: 0;
}

.imageDetail2field .next{
	right: 0pt;
}

.imageDetail2 .utilities{
	position: absolute;
	top: 0;
	right: 0;
}

.imageDetail2Info{
	padding: 10px;
}

.imageDetail2Info .body{
	margin-bottom: 10px;
}

.imageDetail2Info .listTag{
	margin-bottom: 10px;
}

.imageDetail2Info .listTag li{
	float: left;
	margin-right: 10px;
}

.imageDetail2Info .listTag a{
	background: url(/img/common/ico/ico_tag_01.png) 0 50% no-repeat;
	padding-left: 18px;
}

.collapsibleStyle1 .comment{
	background: url(/img/common/ico/ico_comment_01.png) 0 50% no-repeat;
	padding-left: 26px;
	line-height: 1.5;
}

.imageDetail2Info .listItemInfo{
	border-top: 1px solid #eee;
	padding-top: 5px;
	margin-bottom: 0;
}

.imageDetail2Info .imageTitle{
	display: block;
}

.collapsibleStyle1 .title1,
.collapsibleStyle1.close .title1{
	background: url(/img/common/ico/ico_comment_01.png) 6px 50% no-repeat;
	padding-left: 30px;
	line-height: 1.5;
}

.photoInfo{
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}