/* gallery arrow */
/*
// style
<div style="width:<?=$pack[img_width]?>px;height:<?=($pack[img_height])?>px" class="gallery_over" >
	<div class="gallery_layer">
		<div class="gallery_layer_bg"></div>
		<a href="url" class="goBtn"><img src="<?=$xskin[root_image]?>/gallery/btn_go_arr.gif" alt="" /></a>
	</div>
</div>
// js - joa.template.js	
*/
.gallery_over {position:relative;}
.gallery_over .gallery_layer {display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
.gallery_on .gallery_layer {display:block !important;}
.gallery_layer .gallery_layer_bg {width:100%; height:100%; background:url(../image/gallery/btn_go_arr_bg.png) repeat;opacity:0.5;filter:alpha(opacity=50);}
.gallery_layer .goBtn {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.gallery_layer .goBtn img {position:absolute; top:50%; left:50%; margin:-15px 0 0 -10px;}

/** tab **/
.view_gallery_type {text-align:right;background:#333333;position:absolute;z-index:9;right:0}
.view_gallery_type td {padding:0;margin:0;}
.view_gallery_type ul, .view_gallery_type li {list-style:none !important;padding:0 !important;margin:0 !important;}
.view_gallery_type img {border:0;}
.view_gallery_type a { display:inline-block; zoom:1; *display:inline;font-size:8pt;text-decoration:none;padding:5px 10px;text-align:center;background:#333333;color:#ffffff}
.view_gallery_type .on a, .view_gallery_type a:hover {background:#000000;color:#ffffff;}
/****
.view_gallery_type {text-align:right;background:#f9f9f9;}
.view_gallery_type td {padding:0;margin:0;}
.view_gallery_type img {border:0;}
.view_gallery_type a { display:inline-block; zoom:1; *display:inline;font-size:8pt;text-decoration:none;padding:5px 10px;text-align:center;}
.view_gallery_type .on a {background:#000000;color:#ffffff;}
****/