@charset "utf-8";
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{
	display:block;
	padding-top:10px;
	color: #333;
}
* html .galleria li div span{width:300px} /* MSIE bug */
#wrapper_gal {
	text-align:center;/*画面中央揃えのため*/
	height: 800px;
	width: 600px;
	position:relative;
	font-family: georgia, serif;
	font-size: 80%;
	line-height: 140%;
	color: #333;
}
	h1,h2{
	font:bold 100% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	color: #333;
}
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}
	.caption{
	font-style:normal;
	color:#333;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	background-color: #FFF;
	opacity:0.7;
	height: 20px;
	width: 550px;
	text-align: left;
	position: absolute;
	left: 25px;
	top: 380px;
	line-height: 20px;
	vertical-align: bottom;
	padding-left:10px;
}
	.demo{position:relative;margin-top:0em;}
	.gallery_demo{
	width:575px;
	margin-top:20px;
	margin-left:25px;
}
	.gallery_demo li{
	width:68px;
	height:50px;
	background-color: #666;
}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	font-style: normal;
	line-height: 1.4;
	color: #333;
}
	
	#main_image{
	height:350px;
	width:550px;
}
	#main_image img{
	margin-bottom:10px;
	height:350px;
	width: 550px;
	margin-left: 10px;
}
	.nav{
	padding-top:15px;
	clear:both;
	font:80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	color: #666;
}