div#gallery div#loading {
	display: none;
	border: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#gallery div#loading img {
	border: solid 1px #fff;
}

div#gallery div#main_image {
	position: relative;
	border: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#gallery div#main_image img {
	border: solid 1px #fff;
}

ul#thumbnails {
	display: block;
	width: 690px;
	margin: 8px auto;
	padding: 0;
}

.device_sp ul#thumbnails {
	width:100%;
}

ul#thumbnails li {
	display: block;
	float: left;
	width: 77px;
	height: 52px;
	list-style-type: none;
	margin: 4px 4px 4px 5px;
	padding: 0;
	background-color: #333;
}

ul#thumbnails:after{
	content:"";
	display:block;
	clear:both;
}

* html ul#thumbnails li {
	margin: 4px;
}

ul#thumbnails li.no_image {
	background-image: url(../img/modal_base/no_image.png);
}

ul#thumbnails li a img {
	border: solid 1px #5a5a5a;
}
ul#thumbnails li.active a img {
	border: solid 1px #fff;
}

div#links {
	clear:both;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;

	background-color: #333;
	color: #666;
	font-weight: normal;
	text-align: left;
	width: 699px;
	height: 100px;
	margin: 0 0 0 1px;
	padding: 14px 6px;
}

.device_sp div#links {
	clear:both;
	padding: 14px 0px;
	height:inherit;
	width:100%;
}

* html div#links {
	width: 100%;
	margin: 0;
}

div#links h3 {
	background-image: url(../img/modal_base/camera.png);
	background-repeat: no-repeat;
	background-color: #333;
	background-position: top left;
	color: white;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin: 0;
	margin-bottom:5px;
	padding: 2px 0 0 28px;
}

div#links span.active {
	font-size: 100%;
	font-weight: bold;
	color: white;
}

div#anchors {
	padding-left: 4px;
	margin-bottom:7px;
}

div#links a,
div#links a:link,
div#links a:visited,
div#links a:hover,
div#links a:active {
	color: #666;
	text-decoration: underline;
}

div#arrow_left,
div#arrow_right {
	display: none;
}

div#arrow_left,
div#arrow_left a,
div#arrow_right,
div#arrow_right a {
	position: absolute;
	width: 43px;
	height: 43px;
}

div#anchors span{
	display:inline-block;
	margin-bottom:7px;
}

div#arrow_left {
	background-image: url(../img/modal_base/arrow_left.gif);
	top: 0;
	left: 0;
}
:root div#arrow_left {
	background-image: url(../img/modal_base/arrow_left.png);
}
div#arrow_right {
	background-image: url(../img/modal_base/arrow_right.gif);
	top: 0;
	right: 0;
}
:root div#arrow_right {
	background-image: url(../img/modal_base/arrow_right.png);
}


div#arrow_left a,
div#arrow_right a {
	top: 0;
	left: 0;
}

div#exp {
	position: absolute;
	display: none;
	bottom: 1px;
	left: 0;
	background-color: #333;
}
/*IE6*/
* html div#exp{bottom: 3px}
/*IE7*/
*+html div#exp{bottom: 4px}
/*IE8*/
html>/**/body div#exp{bottom: 9px}
/* not IE */
:root div#exp{ left:18px!important; bottom: 1px}

.device_sp div#exp{ left:0px!important; }

div#exp h3{
	background-image: none;
	color: white;
	font-size: 107%;
	font-weight: bold;
	text-align: left;
	margin: 6px 0 0;
	padding: 2px 0 0 28px;
}
div#exp p{
	color: white;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	margin: 0 0 12px;
	padding: 6px 28px 0 28px;
}