@charset "utf-8";

/*color*/
/*section.gallery.medical .heightLine{ background-color:#d8efe4; }
section.gallery.life .heightLine{ background-color:#dcf7ff; }
section.gallery.live .heightLine{ background-color:#fee9f2; }
section.gallery.produce .heightLine{ background-color:#f3f8e4; }
section.gallery.foods .heightLine{ background-color:#ffe6e0; }
section.gallery.fashion .heightLine{ background-color:#f3e6f0; }
section.gallery.education .heightLine{ background-color:#dce8ff; }
section.gallery.play .heightLine{ background-color:#daf2f4; }
section.gallery.public .heightLine{ background-color:#e8e6f7; }
section.gallery.etc .heightLine{ background-color:#f5eade; }*/
/*section.gallery.medical img
{
	border: 1px solid #009650;
}
section.gallery.life img
{
	border: 1px solid #1acbff;
}
section.gallery.live img
{
	border: 1px solid #fa6ea9;
}
section.gallery.produce img
{
	border: 1px solid #b2d34c;
}
section.gallery.foods img
{
	border: 1px solid #ff5e39;
}
section.gallery.fashion img
{
	border: 1px solid #c151a3;
}
section.gallery.education img
{
	border: 1px solid #1d67ff;
}
section.gallery.play img
{
	border: 1px solid #0dabb4;
}
section.gallery.public img
{
	border: 1px solid #695ccd;
}
section.gallery.etc img
{
	border: 1px solid #be732a;
}*/

/* gallery */
section.gallery
{
	margin: 0 auto;
	width: 1020px;
}
section.gallery>h3
{
	font-size: 1.3em;
	margin-left: 15px;
}
section.gallery p,
section.gallery li
{
	font-size: 0.8em;
}
section.gallery>p
{
	margin-left: 15px;
}
section.gallery>ul
{
	letter-spacing: -.40em;
	margin-bottom: 30px;
}
section.gallery>ul>li
{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 190px;
	margin: 7px;
	overflow:none;
}
section.gallery>ul>li>a
{
	display:block;
	display:table-cell;
	vertical-align:middle;
	width:190px;
	padding:10px 0px;
	text-align:center;
	margin-bottom:5px;
	background:#000000;
}
section.gallery>ul>li>a>img
{
	max-width: 170px;
	max-height: 213px;
	margin:0px auto;
	border: 1px solid #cccccc;
}
* html section.gallery>ul>li>a>img {
	width: expression(this.offsetWidth > 170? "170px" : this.offsetWidth + "px");
	height: expression(this.offsetHeight > 213? "213px" : this.offsetHeight + "px");
}
section.gallery>ul>li>span
{
	display:block;
	margin-top:3px;
}



@media screen and (max-width:1020px)
{
	section.gallery>ul>li
	{
		width: 33.33333%;
		padding: 0px 3px;
		margin:0px;
	}
	section.gallery>ul>li>a
	{
		padding:3px 0px;
	}
	section.gallery>ul>li>a>img
	{
		width: 95%;
		height: auto;
	}
	section.gallery>ul>li>span
	{
		display:block;
		margin:3px 0px;
	}
}
@media screen and (max-width:640px)
{
	section.gallery>ul>li
	{
		width: 50%;
		padding: 0px 3px;
		margin:0px;
	}
}
@media screen and (max-width:320px)
{

}