/* Gallery styles */
body{
	margin:auto;
	text-align:center;
}
#main_bottom{
	margin:auto !important;
	width:950px;
}
#gallery {
	background:#ffffff;
	/* The width of the gallery */
	width:560px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	float:left;
}
#gallery img,#menu img{
	border:0;
}
#slides{
	/* This is the slide area */
	height:420px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:560px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	float:left;
}
.slide{
	width:560px;
	float:left;
	margin: 0px;
	padding: 0px;
}

#menu{
	/* This is the container for the thumbnails */
	width: 124px;
	float:left;
	margin-left:5px;
}
#menu ul{
	clear:both;
	margin:0;
	padding:0;
	text-align:center;
}
#menu li{
	/* Every thumbnail is a li element */
	width:124px;
	list-style:none;
	overflow:hidden;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
.li_none{
	display:none;
}

/*ChromeとOperaのみだけに適用されるCSSハック*/
_::content, _:future, #menu li:not(*:root) { 
  display: table;
}
 
/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
  #menu li {
  display: inline;
  }
}
/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #menu li {
  display: inline;
  }
}