/* <style type="text/css"> */
.thumbholder {width:600px; margin:0 auto;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/cssplay-clickbox.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.clickbox, clickbox a:visited, clickbox a:hover {text-decoration:none;}
.clickbox img {display:block; border:solid 1px blue;}

.clickbox b {display:block;}

.clickbox {float:left; margin:0 8px 8px 0; display:inline;}

.clickbox .lightbox {position:absolute; left:-9999px; top:0; cursor:default; z-index:999;}

.clickbox .light {position:absolute; left:0; top:0; width:100%;}
.clickbox .box {position:absolute; left:0; width:100%; text-align:center; height:300px; top:30%; margin-top:-150px;}

/* trigger for IE6 */
.clickbox a:active {direction:ltr;}

.clickbox a:active .lightbox {left:0; width:100%; height:100%;}
.clickbox .lightbox:hover,
.clickbox a:focus .lightbox {position:fixed; left:0; width:100%; height:100%;}

.clickbox .lightbox:hover .light,
.clickbox a:active .lightbox .light,
.clickbox a:focus .lightbox .light {background:#000; width:100%; height:100%; filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity:0.80;}

.clickbox .lightbox:hover .box img,
.clickbox a:active .lightbox .box img,
.clickbox a:focus .lightbox .box img {border:2px solid #000; margin:0px auto; padding:20px; background:#fff;}

.clickbox .lightbox:hover .box object,
.clickbox a:active .lightbox .box object,
.clickbox a:focus .lightbox .box object {border:2px solid #000; margin:0px auto; padding:20px; background:#fff;}

.clickbox .lightbox:hover .box span,
.clickbox a:active .lightbox .box span,
.clickbox a:focus .lightbox .box span {display:block; font:normal 13px/18px verdana, sans-serif; width:40%; padding:0; margin:10px auto; text-align:left; text-decoration:none; color:#ddd;}

.clickbox i {display:block; width:18px; height:18px; position:fixed; right:-100px; top:-100px; z-index:999;}

.clickbox .lightbox:hover i,
.clickbox a:active i,
.clickbox a:focus i {right:10px; top:10px; background:url(close.gif);}

.clear {clear:left;}

#close {display:block; position:fixed; width:18px; height:18px; right:10px; top:10px; z-index:1000; background:transparent; cursor:pointer;}
// #close {display:block; position:absolute; width:18px; height:18px; right:40px; top:40px; z-index:1000; background:transparent; cursor:pointer;}


/* </style> */

/* <!--[if lte IE 6]> */
/* <style type="text/css"> */
/* to get IE6 to center the Clickbox - adjust the height to cover the whole page */
/*
.clickbox a:active .lightbox {left:50%; margin-left:-2500px; height:2000px; width:5000px;}
.clickbox a:active .lightbox .light {height:2000px;}
.clickbox i {display:block; width:16px; height:16px; overflow:hidden; float:right; cursor:pointer; position:static; background:url(trees/close.gif);}
.clickbox .frame {width:500px; height:300px; background:#fff; border:1px solid #000; padding:10px;}
.clickbox .box {top:5%; margin-top:0;}
*/
/* </style> */
/* <![endif]--> */

/*
<!--clickbox-->
<a class="clickbox" href="#url">
	<img src="images/thumbnail" alt="" width="幅" height="高さ" />
	<b class="lightbox">
		<b class="light"></b>
		<b class="box">
			<img src="images/filename" alt="" width="幅" height="高さ" />
			<span>
			<br />
			<i></i></span>
		</b>
	</b>
</a>

<!-- 最後に追加します。-->
<div id="closer"></div>
*/