/*
**	for OCG sample
**
** 2017.10.15
*/

.ocg-img1,.ocg-img2{
	line-height:1.1;
	font-size:80%;
}
.ocg-img1::after,.ocg-img2::after{
	content:"";
	clear:both;
	display:table;
}
.ocg-img1 span{
	float:left;
	display:inline-block;
	width:260px;
	text-align:center;
}
.ocg-img2 span{
	float:left;
	display:inline-block;
	width:210px;
	text-align:center;
}
:is(.ocg-img1,.ocg-img2) span{
	& img{
		margin-top:10px;
		border:1px solid gray;
	}
	& a:hover img{border:1px solid #06C;}
}
table.o1{
	border-style:none;border-collapse:collapse;

	& td{text-align:center;font-size:80%}
	& th{font-weight:normal;font-size:80%}
}