@charset utf-8;
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper  { position: absolute; z-index: 9999; top: 0; left: 0; overflow: hidden }
#cboxOverlay   { position: fixed; width: 100%; height: 100% }
#cboxMiddleLeft, #cboxBottomLeft  { clear: left }
#cboxContent   { position: relative; overflow: hidden }
/*#cboxLoadedContentのバック画像を変更する*/
#cboxLoadedContent              { background-image: url("../bg_img/bg_winter.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; overflow: auto }
#cboxLoadedContent iframe    { display: block; width: 100%; height: 100%; border: 0 }
#cboxTitle  { margin: 0 }
#cboxLoadingOverlay, #cboxLoadingGraphic  { position: absolute; top: 0; left: 0; width: 100% }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow  { cursor: pointer }

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay       { background: url(../new/bg_black_beta.jpg) }

#colorBox { }
    #cboxTopLeft { background: url(../images/border1.png) no-repeat; width: 25px; height: 25px }
    #cboxTopCenter  { background: url(../images/border1.png) repeat-x 0 -50px; height: 25px }
    #cboxTopRight { background: url(../images/border1.png) no-repeat -25px 0; width: 25px; height: 25px }
    #cboxBottomLeft { background: url(../images/border1.png) no-repeat 0 -25px; width: 25px; height: 25px }
    #cboxBottomCenter { background: url(../images/border1.png) repeat-x 0 -75px; height: 25px }
    #cboxBottomRight { background: url(../images/border1.png) no-repeat -25px -25px; width: 25px; height: 25px }
    #cboxMiddleLeft { background: url(../images/border2.png) repeat-y; width: 25px }
    #cboxMiddleRight { background: url(../images/border2.png) repeat-y -25px 0; width: 25px }
    #cboxContent  { background: #fff }
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle  { color: #999; font-size: 12px; text-align: center; position: absolute; bottom: 0; left: 0; width: 100% }
        #cboxCurrent    { color: #999; font-size: 12px; letter-spacing: 0; position: absolute; bottom: 0; left: 100px }
        #cboxSlideshow  { color: #444; font-size: 12px; letter-spacing: 0; position: absolute; right: 42px; bottom: 0 }
        #cboxPrevious  { color: #444; font-size: 12px; letter-spacing: 0; position: absolute; bottom: 0; left: 0 }
        #cboxNext  { color: #444; font-size: 12px; letter-spacing: 0; position: absolute; bottom: 0; left: 63px }
        #cboxLoadingOverlay    { background: url(../images/loading.gif) no-repeat 5px 5px; letter-spacing: 0 }
        #cboxClose  { color: #444; font-size: 12px; letter-spacing: 0; display: block; position: absolute; right: 0; bottom: 0 }

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}