@charset "utf-8";

div#HEADER ol li.ARTISAN a			{ background-position:0px 0px; }

/* ---------- Overwrite ---------- */
h1.TITLE					{ margin-top:25%; font-size:26px; line-height:45px; letter-spacing:5px; }


/* ---------- ARTISAN_LIST ---------- */
ol#ARTISAN_LIST				{ clear:both; display:block; float:none; width:450px; height:auto; overflow:visible; margin:25px auto 0px auto; padding:0px 2% 15px 2%; text-align:center; }
ol#ARTISAN_LIST li				{ position:relative; clear:both; display:inline-block; vertical-align:top; float:none; width:452px; height:auto; margin:0px 1% 25px 1%; padding:0px 0px 9px 0px; }
ol#ARTISAN_LIST li a			{ position:relative; clear:both; display:block; float:none; width:450px; height:152px; overflow:visible; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; }
ol#ARTISAN_LIST li a:link			{ color:#000; text-decoration:none; }
ol#ARTISAN_LIST li a:visited			{ color:#000; text-decoration:none; }
ol#ARTISAN_LIST li a:hover			{ color:#000; text-decoration:none; }
ol#ARTISAN_LIST li a:active			{ color:#000; text-decoration:none; }
ol#ARTISAN_LIST li a span			{ position:absolute; clear:both; display:block; float:left; width:150px; height:150px; overflow:hidden; margin:0px; padding:0px; background:#fafafa url(/com/img/img_bg2.png) no-repeat 50% 50% scroll; box-shadow:0px 0px 3px rgba(0,0,0,0.25); }
ol#ARTISAN_LIST li a:link span		{ margin:1px 16px 1px 1px; border:none; }
ol#ARTISAN_LIST li a:visited span		{ margin:1px 16px 1px 1px; border:none; }
ol#ARTISAN_LIST li a:hover span		{ margin:0px 15px 0px 0px; border:1px solid #766; }
ol#ARTISAN_LIST li a:active span		{ margin:0px 15px 0px 0px; border:1px solid #766; }
ol#ARTISAN_LIST li a span span		{ position:static; clear:both; display:block; float:none; width:350px; height:150px; padding:0px; background:transparent no-repeat 50% 50%; background-size:auto 100%; text-align:center; }
ol#ARTISAN_LIST li a:link span span		{ margin:0px 0px 0px -100px; border:none; }
ol#ARTISAN_LIST li a:visited span span		{ margin:0px 0px 0px -100px; border:none; }
ol#ARTISAN_LIST li a:hover span span		{ margin:0px 0px 0px -100px; border:none; }
ol#ARTISAN_LIST li a:active span span		{ margin:0px 0px 0px -100px; border:none; }
ol#ARTISAN_LIST li a span span img		{ clear:none; display:block; float:none; width:auto; height:auto; min-height:150px; margin:0px auto 0px auto; padding:0px; }
/* ol#ARTISAN_LIST li a small.NEW		{ background:url(/com/img/new.png) 100% 2px no-repeat; } */
ol#ARTISAN_LIST li a strong			{ position:relative; clear:none; display:inline-block; float:right; width:285px; height:auto; margin:5px auto 0px auto; padding:0px; font-size:20px; line-height:20px; letter-spacing:3px; font-family:"小塚明朝 Pro EL","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
ol#ARTISAN_LIST li a:hover strong		{ text-decoration:underline; }
ol#ARTISAN_LIST li a small			{ position:relative; clear:none; display:inline-block; float:right; width:285px; height:auto; margin:10px auto 0px auto; padding:7px 0px 0px 2px; border-top:2px groove rgba(255,255,255,0.5); color:#766; font-weight:200; font-size:11px; line-height:15px; letter-spacing:1px; }
ol#ARTISAN_LIST li.ADJUSTMENT			{ height:1px; }

/* -- PAGENAVI -- */
ol.PAGENAVI			{ clear:both; display:block; float:none; width:600px; height:auto; overflow:hidden; margin:0px auto 15px auto; padding:5px 0px 5px 0px; font-size:15px; line-height:20px; }
ol.PAGENAVI li			{ clear:none; display:inline-block; float:none; width:auto; height:auto; margin:0px -50px 0px 70px; padding:0px 0px 0px 0px; background:transparent 50% 50% no-repeat; }
ol.PAGENAVI li span			{ clear:both; display:inline-block; float:none; width:30px; height:20px; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; color:#778; font-weight:200; }
ol.PAGENAVI li a			{ clear:both; display:inline-block; float:none; width:30px; height:20px; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; font-weight:200; }
ol.PAGENAVI li a:link		{ color:#665; text-decoration:none; }
ol.PAGENAVI li a:visited		{ color:#665; text-decoration:none; }
ol.PAGENAVI li a:hover		{ color:#000; text-decoration:underline;}
ol.PAGENAVI li a:active		{ color:#000; text-decoration:none; }
ol.PAGENAVI li.PREVIOUS span		{ text-indent:0px; width:30px; background:url(/com/img/pagination.png) 0px -100px no-repeat; text-indent:-9999px; }
ol.PAGENAVI li.PREVIOUS a		{ text-indent:0px; width:30px;  background:url(/com/img/pagination.png) 0px 0px no-repeat; text-indent:-9999px; }
ol.PAGENAVI li.PREVIOUS a:hover	{ background-position:0px -50px; }
ol.PAGENAVI li.NEXT span		{ text-indent:0px; width:30px; background:url(/com/img/pagination.png) -100px -100px no-repeat; text-indent:-9999px; }
ol.PAGENAVI li.NEXT a		{ text-indent:0px; width:30px; background:url(/com/img/pagination.png) -100px 0px no-repeat; text-indent:-9999px; }
ol.PAGENAVI li.NEXT a:hover		{ background-position:-100px -50px; }
ol.PAGENAVI li.P span		{ width:auto; color:#012;  font-weight:600;  }
ol.PAGENAVI li.P a			{ width:auto; }
ol.PAGENAVI li.PAGENO		{ width:100px; float:right; margin:0px 0px 0px 0px; text-align:right; font-size:12px; font-weight:200; letter-spacing:1px; }
ol.PAGENAVI li.PAGENO strong		{ font-size:15px; font-weight:200;}