#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {position:absolute;}
#colorbox, #modalBackgroundOverlay{position:absolute; top:0; left:0; z-index:9999; width:100%; height:100%;}
#modalBackgroundOverlay{position:fixed;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent img, #modalLoadedContent embed{display:block;}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
#modalInfoBr{display:none;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#modalBackgroundOverlay{background:#000;}

#colorbox{}
	#modalContent{
		background:#000;
	}
		#modalLoadedContent{
			background:#333;
			border:2px solid #CCC;
		}
			#contentTitle{
				position:absolute;
				top:-17px;
				left:0;
				color:#000;
				font-weight:bold;
			}
			#contentCurrent{
				display:none;
			}
			#contentPrevious{
				width:29px;
				height:32px;
				display:block;
				text-indent:-9999px;
				position:absolute;
				top:-32px;
				right:60px;
				background:url(images/buttons.png) left top no-repeat;
			}
			#contentPrevious:hover{
				background-position:left bottom;
			}
			#contentNext{
				width:29px;
				height:32px;
				display:block;
				text-indent:-9999px;
				position:absolute;
				top:-32px;
				right:28px;
				background:url(images/buttons.png) right top no-repeat;
			}
			#contentNext:hover{
				background-position:right bottom;
			}
		#modalLoadingOverlay{
			background:url(../../img/common/loading.gif) center center no-repeat #000;
		}
		
		/*使われてるのは今のところコレだけ↓*/		
		#modalClose{
			position:absolute;
			top:-32px;
			right:0px;
			display:block;
			background:url(../../img/shop/bt_close.png) 0 0 no-repeat;
			width:26px;
			height:32px;
			text-indent: -9999px;
		}
		#modalClose:hover{
			background-position: 0 -32px;
			cursor:pointer;
		}