@charset "utf-8";

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper{
position:absolute;
top:0;
left:0;
z-index:39999;
overflow:hidden;
}

#cboxWrapper{
padding-bottom:25px;
background:#f7f5eb;
}

#cboxOverlay{
position:fixed;
width:100%;
height:100%;
background:url(https://static.nexon.co.jp/talesweaver_3rd/itemshop/random/colorbox/overlay.png) repeat 0 0;
}

#cboxMiddleLeft,
#cboxBottomLeft{
clear:left;
}


#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
cursor:pointer;
}

.cboxPhoto{float:left;
margin:auto;
border:0;
display:block;
}

.cboxIframe{
width:100%;
height:100%;
display:block;
border:0;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#colorbox{
border:3px solid #bead8d;
padding-right:30px;
padding-bottom:48px;
}

#cboxTopLeft,
#cboxMiddleLeft,
#cboxMiddleRight{
width:15px;
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight{
height:15px;
}
#cboxBottomLeft,
#cboxBottomRight{
height:15px;
}
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight{
height:10px;
}

#cboxContent{
position:relative;
padding-bottom:33px;
background:#f7f5eb;
overflow:hidden;
}
.cboxIframe{
background:#fff;
}

#cboxError{
padding:50px;
border:1px solid #ccc;
}
#cboxLoadedContent{
margin-bottom:28px;
}
#cboxTitle{
position:absolute;
bottom:4px;
left:0;
text-align:center;
width:100%;
color:#949494;
}

#cboxCurrent{
position:absolute;
bottom:23px;
left:0;
color:#402900;
font-weight:bold;
}

#cboxSlideshow{
position:absolute;
bottom:4px;
right:30px;
color:#0092ef;
}

#cboxPrevious,
#cboxNext{
position:absolute;
left:auto;
bottom:15px;
width:25px;
height:36px;
text-indent:-9999px;
background:url(images/controls.png) no-repeat -50px 0;
}
#cboxPrevious{
right:35px;
background:url(https://static.nexon.co.jp/talesweaver_4th/common/button/btn_modal_previous.png) no-repeat left top;
}
#cboxNext{
right:0;
background:url(https://static.nexon.co.jp/talesweaver_4th/common/button/btn_modal_next.png) no-repeat left top;
}
#cboxPrevious.hover,
#cboxNext.hover{
background-position:0 -36px;
}

#cboxLoadingOverlay{}
#cboxLoadingGraphic{background:url(https://static.nexon.co.jp/talesweaver_4th/common/loading_2.gif) no-repeat center center;}

#cboxClose{
position:absolute;
bottom:18px;
left:50%;
margin-left:-61px;
width:122px;
height:28px;
text-indent:-9999px;
background:url(https://static.nexon.co.jp/talesweaver_4th/common/button/btn_modal_close.png) no-repeat 0 0;
}
#cboxClose.hover{background-position:0 -28px;}

/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
The following provides PNG transparency support for IE6
Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(https://static.nexon.co.jp/global/lib/jquery.plugin/colorbox/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(https://static.nexon.co.jp/global/lib/jquery.plugin/colorbox/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(https://static.nexon.co.jp/global/lib/jquery.plugin/colorbox/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(https://static.nexon.co.jp/global/lib/jquery.plugin/colorbox/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(https://static.nexon.co.jp/global/lib/jquery.plugin/colorbox/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(https://static.nexon.co.jp/global/lib/jquery.plugin/colorbox/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(https://static.nexon.co.jp/global/lib/jquery.plugin/colorbox/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(https://static.nexon.co.jp/global/lib/jquery.plugin/colorbox/images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}