/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
body { background: none !important;}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow: hidden !important;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width: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; overflow: hidden !important;}

/*
    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.
*/
#cboxOverlay{background:#000000;}
#colorbox{ margin-top: 17px;}
    #cboxContent{margin-top:0px; overflow:visible;}
        .cboxIframe{background:none;}
        .spMovie .cboxIframe{background-color: transparent;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ background:none; padding:1px; overflow: hidden !important;}
        #cboxLoadedContent iframe{ width: 90%; height:536px; margin: 0 auto; padding-top: 20px;}
        .spMovie #cboxLoadedContent{background-color: transparent !important; }
        .spMovie #cboxLoadedContent body{background-color: transparent !important;}
        #cboxLoadingGraphic{background:url(../images/common/loading.gif) no-repeat center center;}
        /*#cboxLoadingOverlay{background:#000;}*/
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:30px; height:30px; position:absolute; top:0px; right:0px; /right:0px; background:url(../img/close_button.png) no-repeat 0 0; border: none;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:0px 0px;}
        /*#cboxClose:hover{background-position:0 -52px;}*/
        /*.spMovie #cboxClose{ visibility:hidden;}*/
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

        /* fukidashi */
        #FbBody{ background-color: transparent !important; padding-top: 30px !important; padding-left: 60px; position: relative;}
        #FbBody .oj1{ position: absolute; top:310px; left: 39px;}
        #FbBody .oj2{ position: absolute; top:507px; left: 375px;}
        #FbBody .oj3{ position: absolute; top:569px; left: 415px;}
        .fukidashiFrame #cboxLoadedContent{ width: 1020px !important;}

		.photoboxclass #cboxLoadedContent{ width: 900px !important; height:630px !important; padding:30px 0 0;}
        .photoboxclass #cboxClose{text-indent:-9999px; width:24px; height:21px; position:absolute; top:0px; right:0px; /right:4px; background:url(../img/close_button.png) no-repeat 0 0;}

		.guildboxclass #cboxLoadedContent{ width: 784px !important; height:620px !important; padding:30px 0 0; }
		.guildboxclass #cboxLoadedContent .cboxIframe{
			background: none !important;
			border:3px solid #FFF;
			width:778px;
			height:614px;
		}
        .guildboxclass #cboxClose{text-indent:-9999px; width:24px; height:21px; position:absolute; top:0px; right:0px; /right:4px; background:url(../img/close_button.png) no-repeat 0 0;}

        /* list */
        #ListBody{ background-color: transparent !important; padding-top: 30px !important;}
        #ListBody #ListBodyInner{ width: 823px; height: 604px; position: relative; background: url(../../list/images/list_bg.jpg) center top no-repeat; color: #FFF;}
        #ListBody #ListBodyInner #InfoAreaBox{ width: 744px; height: 414px; position: absolute; top:118px; left: 40px; overflow: auto; font-size: 12px;}

        #ListBody #ListBodyInner #InfoAreaBox li{
        	display: block;
        	height: auto;
        	background: url(../../list/images/list_bg_line_x.gif) left bottom repeat-x;
        }

        #ListBody #ListBodyInner #InfoAreaBox li p{
			display: inline-block;
			/display: inline;
			/zoom:1;
			vertical-align:top !important;
        }

        #ListBody #ListBodyInner #InfoAreaBox .list-date{
        	width: 117px;
        	padding-top: 8px;
        	padding-left: 15px;
        	text-align: left;
        	background: url(../../images/cont_info_arrow.png) left 11px no-repeat;
        }

        #ListBody #ListBodyInner #InfoAreaBox .list-text{
        	width: 572px;
        	text-align: left;
        	padding: 8px 0 10px 15px;
        	background: url(../../list/images/list_bg_line_y.gif) left top repeat-y;
        }

        #ListBody #ListBodyInner #InfoAreaBox .list-text a{
        	color: #FFF;
        }

        .list-Frame #cboxLoadedContent{ width: 900px !important;}

        /* sokuhou */
        #SHBody{ background-color: transparent !important; padding-top: 30px !important; padding-left: 0px; position: relative;}
        .notice01 .fukidashiFrame #cboxLoadedContent{ width: 874px !important;}
		.notice01 #cboxClose{text-indent:-9999px; width:24px; height:21px; position:absolute; top:2px; right:0px; /right:4px; background:url(../img/close_button.png) no-repeat 0 0 !important;}

		@-moz-document url-prefix( ){
			.notice01 .fukidashiFrame #cboxLoadedContent{ width: 860px !important;}
		}