.portfolio-area .portfolio-box .left-area {
	width: 448px;
	border: none;
}



.portfolio-area .portfolio-box .left-area1 {
	width: 448px;
	border: 1px solid #999;

}




.portfolio-area .portfolio-box .left-area2 {
	width: 448px;
//	border: 1px solid #fff;
	float: left;
	display: inline-block;
	margin-top:0px;
}


.portfolio-area .portfolio-box .left-area2 li{
//	border: 1px solid #999;
	margin: 4% 2%;
	padding: 0;
	float: left;
	display: inline-block;
}

.portfolio-area .portfolio-box .left-area2 li:first-child{
	margin-left:0;
}

.portfolio-area .portfolio-box .left-area2 li:last-child{
	margin-right:0;
}

.portfolio-area .portfolio-box .left-area2 li img{
	width: 100%;
	border: 1px solid #999;
	margin: 0;
	padding: 0;
	float: left;
}


.list-type10{
	margin-top:10px;
	margin-bottom:10px;
}

.list-type10 ul { 

	padding: 10px;
}

.list-type10 li { 
	list-style: disc outside; 
	margin-left: 30px;
}

.list-type10 li a { 
	color: #a60202;
	border-bottom: 1px solid #fff;
    transition: border 0.4s ease;
}

p.note {
font-size:90%;
}


@media only screen and (max-width: 767px) {

	.portfolio-area .portfolio-box .left-area {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float: none
	}

	.portfolio-area .portfolio-box .left-area1 {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float: none
	}
	.portfolio-area .portfolio-box .left-area1 img {
		width: 100%;
		height: auto
	}




	.portfolio-area .portfolio-box .left-area2 {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		float: none
	}
	.portfolio-area .portfolio-box .left-area2 img {
		width: 100%;
		height: auto
	}

}