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


.area{
	width:auto;
	height:auto;
	text-align:left;
	padding:0;
	margin:0 0 0 0;
	overflow:hidden;
	
	}


.threecolumnbox {
	width:30.8%;
	height: auto;
	margin:20px 1%;
     padding:0;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
	display:inline-block;
		*display: inline
  *zoom: 1
	}

@media screen and (max-width: 800px) {
	
	.threecolumnbox {
	
	width:46.5%;
	height: auto;
	margin:4% 1.5% 0 1.5%;
     padding:0;
	text-align:left;
	vertical-align:top;
	overflow:hidden;
	display:inline-block;
		*display: inline
  *zoom: 1
	}
	
}


@media screen and (max-width: 600px) {
	
	.threecolumnbox {
	
width:auto;
	height: auto;
	margin:4% 0 12% 0;
     padding:0;
	text-align:left;
	vertical-align:top;
	overflow:hidden;
	display:inherit;
	}
	
}



.thumbnail-ttl{font-size:16px;text-align:left;margin:4% 0;font-weight:bold;padding:0;color : #096836;}

.thumbnail-txt{text-align:left;margin:2% 0;padding:0;color : #333333;font-size:14px;}
.thumbnail-txtb{text-align:left;margin:2% 0;padding:0;color:#333333;font-size:14px;}