.svwp
{
	width: 50px;
	height: 20px;
	background: #fff;
}
/*preloader stuff. do not modify!*/
.svwp ul
{
	position: relative;
	left: -999em;
}
/*preloader stuff. do not modify!*/
div#sliderWrapper ul{
    padding:0;
    margin:0;
    line-height:0;
}
.slideViewer
{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
}
.slideViewer ul
{
	/*your list of images*/
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.slideViewer ul li
{
	float: left;
}
.slideViewer ul li img
{
	cursor:pointer;
	cursor:hand;	
}
/*x軸の動き*/
.slideViewer ul.notransition li
{
	position:absolute;
	top:0;
	left:0;
}

/*typographic info*/
.slideViewer span.typo
{
	padding: 6px; /* do not modify padding */
	background: #fff;
	color: #000;
	font-weight: normal;
	font-size:10px;
}

ul.right
{
	float:left;
}

.thumbSlider
{
	/*the thumbnails slider*/
	overflow: hidden;
	width: 1%;
	background: transparent;
}
.thumbSlider ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.thumbSlider ul li
{
	float: left;
	margin: 0;
}
.thumbSlider a
{
	color: #fff;
	text-decoration: none;
}
.thumbSlider a img
{
	border: 0;
	display: block;
	padding: 0;
}
.thumbSlider p.tmbrdr
{
	/* the border above -not around- each thumb */ /* width, height and top values are dynamically added by the script. Do not modify. */
	position: relative;
	left: 0;
	font-size: 0.01em;
	left: 0;
	margin: 0;
	padding: 0;
}

a.left, a.right
{
	/*the left and right buttons (links)*/
	background: transparent; /* could be any color  */
	color: #ff0000;
	font: bold 16px Arial;
	overflow: hidden;
}
a.left span, a.right span
{
}
a.left img, a.right img
{
	border: 0;
}
a.l_dis, a.r_dis
{
	background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
	cursor: default;
}
a span, a span
{
	min-width:1px;
	min-height:1px;
}
a.l_dis span, a.r_dis span
{
	visibility: hidden;
}
a:focus
{
	outline: none;
}

/*pagination*/
ul.layout_5 li.current a {
    background-position: 0 -12px;
}

ul.layout_5 li a {
    /*background-image: url("../../common/images/slideViewer/pagination.png");*/
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.ui_l
{
	/*透明な背景*/
	background:url("../../common/images/slideViewer/transparent.png") repeat scroll 0 0 transparent;
	z-index:999;
}
.ui_r
{
	/*透明な背景*/
	background:url("../../common/images/slideViewer/transparent.png") repeat scroll 0 0 transparent;
	z-index:999;
}

/*Add 2012/06/11 Nazmul スライドビューワの表示パターン追加対応。start*/
/*upd 2013/02/04 nazmul特集フラッシュ改修start*/
div#sliderWrapper{margin:0 auto;}
a.bx-prev {
    background: url("../images/slideViewer/arrow_left.png") no-repeat scroll 0 0 transparent;
    height: 43px;
    left: -22px;
    position: absolute;
    text-indent: -999999px;
    top: 105px;
    width: 43px;
    z-index:99999;/*make it higher, if not visible*/
}
a.bx-next {
    background: url("../images/slideViewer/arrow_right.png") no-repeat scroll 0 0 transparent;
    height: 43px;
    position: absolute;
    right: -22px;
    text-indent: -999999px;
    top: 105px;
    width: 43px;
    z-index:99999;/*make it higher, if not visible*/
}
div.bx-wrapper li.hoverEffect:hover{opacity:0.75 !important;filter:alpha(opacity=75) !important;}
a.bx-prev:hover {
    background: url("../images/slideViewer/arrow_left.png") no-repeat scroll 0 0 transparent;
}
a.bx-next:hover {
    background: url("../images/slideViewer/arrow_right.png") no-repeat scroll 0 0 transparent;
}
div.bx-captions
{
	position:absolute;
	color:snow;
	bottom:0;
	background:url("../../common/images/slideViewer/transparentCap.png") repeat scroll 0 0 transparent;
	font-size:0.8em;
	height:42px;
	line-height:1.4;
	width:100%;
	z-index:99;
}
div.bx-captions p{margin:5px 10px 5px 10px;}

/*LAYOUT 3:SLIDE_VIEWER_TYPE_THUMBNAIL_RIGHT*/
div.layout3 li.hoverEffect:hover{opacity:0.75 !important;filter:alpha(opacity=75) !important;}
div.layout3 div.bx-pager
{
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:100%;
	overflow:hidden;
	z-index:9999;
}
div.layout3 div.bx-pager a{border:2px solid #808080;margin:3px;display:block;line-height:1;min-height:5px;height:40px;outline:none;}
div.layout3 div.bx-pager a:focus{outline:none;}
div.layout3 div.bx-pager a.pager-active{border:2px solid #FF8C00;margin:3px;display:block;line-height:1;min-height:5px;height:40px;outline:none;}
div.layout3 div.bx-pager img{width:60px;height:40px;outline:none;border:0}
div.layout3 div.bx-captions p{margin:5px 60px 5px 10px;	color:snow;}

/*LAYOUT 4:SLIDE_VIEWER_TYPE_THUMBNAIL_LEFT*/
div.layout4 li.hoverEffect:hover{opacity:0.75 !important;filter:alpha(opacity=75) !important;}
div.layout4 div.bx-pager
{
	position:absolute;
	left:0;
	top:0;
	width:70px;
	height:100%;
	z-index:999;
	overflow:hidden;
	z-index:9999;
}
div.layout4 div.bx-pager a{border:2px solid #808080;margin:3px;display:block;line-height:1;min-height:5px;height:40px;outline:none;}
div.layout4 div.bx-pager a:focus{outline:none;}
div.layout4 div.bx-pager a.pager-active{border:2px solid #FF8C00;margin:3px;display:block;line-height:1;min-height:5px;height:40px;outline:none;}
div.layout4 div.bx-pager img{width:60px;height:40px;outline:none;border:0}
div.layout4 div.bx-captions p{margin:5px 10px 5px 80px;	color:snow;}

/*LAYOUT 6:SLIDE_VIEWER_TYPE_THUMBNAIL_BUTTON*/
div.layout5 li.hoverEffect:hover{opacity:0.75 !important;filter:alpha(opacity=75) !important;}
div.layout5 div.bx-pager
{
	position:absolute;
	bottom:0;
	right:0;
	height:22px;
	overflow:hidden;
	z-index:9999;
}
div.layout5 div.bx-pager a.pager-link
{
	width:12px;
	height:12px;
	margin:5px; 
	text-indent: -99999px;
	position:relative;
	display:inline-block;
	float:left; /*add 2013/04/03 Nazmul*/
	background-position: 0 0;
	overflow:hidden;
}

div.layout5 div.bx-pager a.pager-link
{
    background:url("../images/slideViewer/pagination.png");
    _background:url("../images/slideViewer/pagination.gif"); /* IE6 */
}
div.layout5 div.bx-pager a.pager-active{background-position:0 -12px;}
div.layout5 div.bx-captions p{margin:5px 10px 5px 10px;	color:snow;}

/*LAYOUT 7:SLIDE_VIEWER_TYPE_THUMBNAIL_NUMBER*/
div.layout7 li.hoverEffect:hover{opacity:0.75 !important;filter:alpha(opacity=75) !important;}
div.layout7 div.bx-pager
{
	position:absolute;
	bottom:0;
	width:100%;
	height:28px;
	overflow:hidden;
	z-index:9999;
}
div.layout7 div.bx-pager a.pager-link
{
	width:19px;
	height:18px;
	margin:5px; 
	text-indent: -99999px;
	position:relative;
	display:inline-block;
	float:left; /*add 2013/04/03 Nazmul*/
	background-position: 0 0;
}

div.layout7 div.bx-pager a.pager-1{background: url("../images/slideViewer/pink/1pink.gif");}
div.layout7 div.bx-pager a.pager-2{background: url("../images/slideViewer/pink/2pink.gif");}
div.layout7 div.bx-pager a.pager-3{background: url("../images/slideViewer/pink/3pink.gif");}
div.layout7 div.bx-pager a.pager-4{background: url("../images/slideViewer/pink/4pink.gif");}
div.layout7 div.bx-pager a.pager-5{background: url("../images/slideViewer/pink/5pink.gif");}
div.layout7 div.bx-pager a.pager-6{background: url("../images/slideViewer/pink/6pink.gif");}
div.layout7 div.bx-pager a.pager-7{background: url("../images/slideViewer/pink/7pink.gif");}
div.layout7 div.bx-pager a.pager-8{background: url("../images/slideViewer/pink/8pink.gif");}
div.layout7 div.bx-pager a.pager-active{background-position: 0 -18px;}

/*upd 2013/02/04 nazmul特集フラッシュ改修end*/
/*Add 2012/06/11 Nazmul スライドビューワの表示パターン追加対応。end*/
a img{border:0}/*add 2013/04/03 Nazmul */