@charset "Shift_JIS";
/*
    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:9999;
	}
	
#cboxOverlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
	

#cboxMiddleLeft, #cboxBottomLeft{
	clear:left;
	}

#cboxContent{
	position:relative;
	}

#cboxLoadedContent{
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	}

#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;
	max-width:none;
	-ms-interpolation-mode:bicubic;
	}

.cboxIframe{/*動画のサイズ*/
	position:absolute;
	top:0;
	left:0;
	margin-top:10px;
	width:626px;
	height:395px;
	display:block;
	border:0;
	}
	
#colorbox, #cboxContent{
	width:872px;
	height:856px;
}


#cboxLoadedContent{
	width:626px;
	height:395px;
	}

/* 
    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:#000;
	}

#colorbox{
	outline:0;
	}
	
    #cboxTopLeft{
		width:14px;
		height:43px;
		background:url(images/controls_topleft.png) no-repeat;
		}

    #cboxTopCenter{
		height:43px;
		background:url(images/border.png) repeat-x top left;
		}

    #cboxTopRight{
		width:14px;
		height:43px;
		background:url(images/controls.png) no-repeat -36px 0;
		}

    #cboxBottomLeft{
		width:14px;
		height:14px;
		background:url(images/controls.png) no-repeat 0 -61px;
		}
		
    #cboxBottomCenter{
		height:14px;
		background:url(images/border.png) repeat-x bottom left;
		}
		
    #cboxBottomRight{
		width:14px;
		height:14px;
		background:url(images/controls.png) no-repeat -36px -61px;
		}

    #cboxMiddleLeft{
		width:14px;
		background:url(images/controls.png) repeat-y -175px 0;
		}
		
    #cboxMiddleRight{
		width:14px;
		background:url(images/controls.png) repeat-y -211px 0;
		}
		
    #cboxContent{
		background:#fff;
		overflow:visible;
		}
		
        .cboxIframe{
			background:#fff;
			}

        #cboxError{
			padding:50px;
			border:1px solid #ccc;
			}
			
        #cboxLoadedContent{
			margin-bottom:5px;
			}

        #cboxLoadingOverlay{
			background:url(images/loading_background.png) no-repeat center center;
			}
			
        #cboxLoadingGraphic{
			background:url(images/loading.gif) no-repeat center center;
			}
			
        #cboxTitle{
			position:absolute;
			top:-33px;
			left:0;
			text-align:left;
			width:100%;
			font-weight:bold;
			color:#333;
			}
			
		#cboxtext{
			position:absolute;
			top:0;
			left:640px;
			width:205px;
			height:375px;
			background-color:#E5E5E5;
			margin-top:10px;
			padding:10px;
			font-size:12px;
			border-bottom:#999 1px solid;
			border-right:#999 1px solid;
			text-align:left;
			}
			
		#cboxColorBoxLink{
			position:absolute;
			top:425px;
			left:0;
			width:100%;
			height:85px;
			background-color:#FFF;
		}
		
		#cboxColorBoxLink ul{
			margin:auto;
			display:block;
			list-style:none;
		}
		#cboxColorBoxLink li{
			float:left;
			margin-top:10px;
			margin-right:10px;
		}
		
		#colorbox img{
			border:none;
		}
			
			
        #cboxCurrent{
			position:absolute;
			bottom:-25px;
			left:58px;
			font-weight:bold;
			color:#7C7C7C;
			}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
			border:0;
			padding:0;
			margin:0;
			overflow:visible;
			position:absolute;
			top:-30px;
			background:url(images/controls.png) no-repeat 0px 0px;
			width:23px;
			height:23px;
			text-indent:-9999px;
			}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
			outline:0;
			}

        #cboxPrevious{
			left:0px;
			background-position: -51px -25px;
			}
			
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}