@charset "UTF-8";
/* CSS Document */

.section{
	margin-top: 40px;
}

.works-imgBar{
	width: 600px;
	margin-top: 20px;
	font-size: 10pt;
}

.article {
		position: relative;
}

.navForProduct {
		text-align: right;
		position: absolute;
		right: 0;
		top: 42px;
}
.navForProduct a {
		color: #007fc8;
		text-decoration: none;
}

h3 {
		color: #007fc8;
}

.works-title {
		color: #221815;
		font-size: 12px;
		display: block;
}
.works-title-companyName {
		color: #221815;
		font-size: 18px;
		display: block;
}
.works-title-compayURI a {
		display: block;
}
.works-title-compayURI a {
		color: #007fc8;
		font-size: 12px;
		text-decoration: none;
}

.note {
		font-size: 11px;
}

.works #sidebar .navLocalHeader {
margin-bottom: 21px;
}

.worksBox{
	margin-top: 20px;
	border: 1px solid #ccc;
	padding:15px 20px;
	position:relative;
}

.worksBox p{
	margin-bottom: 10px;
}

.worksBox a{
	position:absolute;
    top:0;
    left:0;
	width:calc(100% - 10px);
    height:calc(100% - 10px);
    text-indent:-999px;
}


.worksBox a:hover{
	border: 5px solid #FF8A01;
}

.worksBox span.btn{
	border:1px solid #aaa;
	padding:3px 6px;
	background:url(../images/common/link_bl.png) no-repeat 7px center #fff;
	color:#333;
	padding-left:23px;
}