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

.container{ width: 100%; height: 100%; margin-top: 0; text-align: left; background: url(/images/2nd_bg.png) repeat-y 50% 0%;}

#category .h1box{ min-height: 150px; padding-left: 280px; background: url(/images/product/h1_pict.jpg) 0 0 no-repeat; background-size: 250px auto;}
#category h2{padding: .5em .8em;}
#category .catelst li{ width: 30%; margin: 0 3.3% 20px 0; }
#category .catelst li a{ display: block; padding: 1em; font-size: 1.6rem; line-height: 1.2em; font-weight: bold; text-align: center; color: #ffffff; border-radius: 5px; background: #000000;}
#category .catelst li a:hover{ color: #ffffff; background: #f49e00;}

@media screen and (max-width: 767px) {
	#category .h1box{ min-height: 150px; padding-left: 45%; background: url(/images/product/h1_pict.jpg) 0 0 no-repeat; background-size: 40% auto;}
	#category .catelst li a{ padding: .8em .5em; height: 80px;}
	#category .catelst li a:hover{ color: #ffffff; background: #000000;}
}