@charset "utf-8";
@import url("./common.css");


.space{
	width:700px;
	height:310px;
	background:url(../image/content_bg2.gif) left bottom no-repeat;
z-index:0;
	}



#portfolio li img{
	float:left;


}

#portfolio li p{
	float:left;
	width:220px;
	height:284px;
	padding:10px 0 0 10px;
	margin:0 ;
	overflow:auto;

}




.contents1{
	width:460px;
	height:387px;
	padding-right:20px;
	background:url(../image/content_bg2.gif) left bottom no-repeat;
	float:left;
	}


.contents1 h3{
	width:460px;
	padding:0px 0;
	border-bottom: 1px solid #ccc;
}
	
.contents1 iframe{
	width:460px;
	height:307px;

	}








.contents2{
	width:220px;
	float:left;
	height:387px;

	}
.contents2 h3{
	width:220px;
	padding:0px 0;
	border-bottom: 1px solid #ccc;
	}
.contents2 iframe{
	width:220px;
	height:307px;
	}












.contents3 {
	width:460px;
	height:188px;
	padding-right:20px;
	background:url(../image/content_bg2.gif) left bottom no-repeat;
	float:left;
}


.contents3 h3{
	width:460px;
	padding:0px 0;
	border-bottom: 1px solid #ccc;
}


.contents3 p{
	width:320px;
	padding:20px 30px 0 0;
	line-height:1.2em;
	float:left;
}


.contents3 .imag{
		padding:20px 0px 0 0;
	float:left;
}



.contents3 span{
	font-size:10px;
}



.contents4{
	width:220px;
	float:left;
	height:188px;
	background:url(../image/content_bg2.gif) right bottom no-repeat;
	}