div#main{
	
	clear:both;
	margin:0 auto;
	width:900px;
	height:347px;
	display:block;
}
/* Gallery styles */
div#gallery{
	/* CSS3 Box Shadow */
	/*-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;*/
	box-shadow:0px 0px 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	/*-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;*/
	border-bottom-left-radius:4px;
	
	/*-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;*/
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(../img/common/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:680px;
	overflow:hidden;
	
	margin-left:10px;
	margin-top:10px;
}

div#slides{
	/* This is the slide area */
	height:300px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:680px;
	overflow:hidden;
}

.slide{
	float:left;
}
.slidemoji{
	width:898px;
}
div#menu{
	/* This is the container for the thumbnails */
	height:45px;
	display:block;
}

div#menu ul{
	margin:0px;
	padding:0px;
}

	/* Every thumbnail is a li element */


 li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(../img/common/pic_bg.png) repeat;
	

}

 li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(../img/common/active_bg.png) no-repeat;
	
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

 li.act a{
	cursor:default;
	display:block;
	background:url(../img/common/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
	

}


li.inact{
width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}
li.inact a{
width:60px;
	display:block;
	background:url(../img/common/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
	
}
 .fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(../img/common/divider.png) no-repeat right;
	/*padding-left:250px;*/
}


li.inact a img{
	border:none;
	margin:0 auto;
	padding-left:16px;
}
li.act a img{
	border:none;
	margin:0 auto;
	padding-left:16px;
}

/*ADD*/
div.z_contents{
	float:right;
	width:290px;
	display:block;
	padding:5px 0px 5px 0px;
}
div.z_contents p{
	padding-top:2px;
	padding-left:2px;
	font-size:12px;
	letter-spacing: 0.1em;
	line-height:140%;
}

div.z_contents h2{
	font-weight:bold;
	background:none;
	background:url(../img/common/slide_h2.jpg) repeat;
	padding:14px 0px 0px 21px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
	font-size:12px;
	/*color: #fff;*/
	letter-spacing: 0.1em;
	height:31px;
	width: 260px;
	margin-top: 0px;
	margin-bottom:2px;
	
}
