/* サムネイル部分 */

.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: 0.5em;
	}
	
* html .galleria li div span{
	width: 400px;
	}
	 /* MSIE bug */


/* For IE \*/
html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}


/* ページレイアウト */

*{
	margin: 0;
	padding: 0;
	}
	
body{
	padding: 20px;
	background: white;
	text-align: center;
	color: #666;
	font: 80%/140% georgia,serif;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	}
	
h1{
	font-size: 100%;
	letter-spacing: 3px;
	text-transform: uppercase;
	}
	
a{
	color: #666;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}
	
a:hover{
	color: #c9d787;
	font-weight: bold;
	}
	
.caption{
	color: #666;
	}

/* For IE \*/
* html .caption{
	color: #fff;
	padding-bottom: 6px;
	}
		
.demo{
	position: relative;
	margin-top: 2em;
	}
	
.gallery_unstyled{
	width: 482px;
	margin: 0 auto;
	}
	
.gallery li{
	width: 68px;
	height: 50px;
	margin: 2px 0 2px 6px;
	border: 3px double #e6e6e6;
	background: #a5a5a5;
	}

/* For IE \*/
* html .gallery li{
	margin: 2px 0 2px 5px;
	}


.gallery li div .caption{
	font: italic 0.7em/1.4 georgia,serif;
	}

#main_image{
	margin: 0 auto 60px auto;
	height: 300px;
	width: 480px;
	border: 5px double #e6e6e6;
	background: #a5a5a5;
	}

/* For IE6 \*/
* html #main_image{
	margin-bottom: 50px;
	}
	
#main_image img{
	margin-bottom:10px;
	}

.nav{
	padding-top:15px;
	clear:both;
	letter-spacing:3px;
	text-transform:uppercase;
	}