@charset "utf-8";

@import "common.css";

/* ---------------------------------------------------
work.css
実績紹介用CSS
--------------------------------------------------- */



/* ---------------------------------------------------
work
--------------------------------------------------- */
.progressWrap {
	width: 800px;
	margin: 48px 50px 0 50px;
}

/*pagetop*/
.btnpagetop {
	clear: both;
}


/*photoBox*/
.photoBox {
	float: left;
	width: 800px;
}

.photoBox .btnleft {
	float: left;
	width: 16px;
	margin: 162px 0 0 0;
}

.photoBox .mainphoto {
	float: left;
	width: 480px;
	padding: 0 0 80px 0;
}

.photoBox .mainphoto p.photo {
	margin: 0;
	padding: 0;
	text-align: center;
}

.photoBox .mainphoto p.text {
	margin: 7px 7px 0 7px;
	padding: 0;
	line-height: 150%;
	font-size: 93%;
	color: #040000;
}

.photoBox .btnright {
	float: left;
	width: 16px;
	margin: 162px 0 0 0;
}


.photoBox .thumbBox {
	float: right;
	width: 280px;
	padding: 0 0 80px 0;
}

.photoBox .thumbBox .thumitem {
	clear: both;
	width: 280px;
	height: 70px;
}

.photoBox .thumbBox .thumitem p {
	float: left;
	width: 70px;
	margin: 0;
	padding: 0;
	text-align: right;
}

.photoBox .thumbBox .thispage {
	clear: both;
	margin: 10px 0 0 9px;
	text-align: center;
	font-size: 93%;
	color: #040000;
}

.photoBox .thumbBox .pager {
	margin: 50px 0 0 9px;
	text-align: center;
	font-size: 93%;
	color: #040000;
}

.photoBox .thumbBox .pager a {
	color: #040000;
}

.photoBox .thumbBox .pager a:hover {
	text-decoration: none;
}