/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
a { color: #a3a3a3; text-decoration: none; }

.preload {
	display: none;
	background: url(../../gallery/images/arrow_left_hover.png) no-repeat, url(../../gallery/images/arrow_right_hover.png) no-repeat, url(../../gallery/images/close_active.png) no-repeat, url(../../gallery/images/back_active.png) no-repeat, url(../../gallery/images/forward_active.png) no-repeat;
}

body {
	width: 1024px;
	margin: 0 auto;
}

#gallery {
	width: 100%;
	overflow: hidden;
}

#gallery img {
	display: none;
	width: auto;
	max-width: 100%;
	max-height: 690px;
}

.button {
	width: 20px;
	height: 20px;
	margin-top: 5px;
	float: left;
	-webkit-transition: .2s background linear;
	-moz-transition: .2s background linear;
	transition: .2s background linear;
}
.close { 
	background: url(../images/close_active.png) no-repeat;
	opacity: 0.5;
}
.previous { 
	margin-left: 10px;
	background: url(../images/back_active.png) no-repeat;
	opacity: 0.5;
}
.next {
	margin-left: 5px;
	background: url(../images/forward_active.png) no-repeat;
	opacity: 0.5;
}
.no-touch .close:hover { 
	transition: opacity linear .2s;
	opacity: 1.0;
}
.no-touch .previous:hover { 
	transition: opacity linear .2s;
	opacity: 1.0;
}
.no-touch .next:hover { 
	transition: opacity linear .2s;
	opacity: 1.0;
}
.button:hover { cursor: pointer; }

@media only screen and (max-width: 1024px){
	body { width: 100%; min-width: 300px; }
}
@media only screen and (min-width: 1024px){
	#gallery img { width: auto!important; }
}
@media only screen and (max-width: 1040px){
	.close { margin-left: 10px; }
}
@media only screen and (min-width: 1500px){
	body { width: 1280px; }
	#gallery img { max-height: 853px; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.close { 
		background: url(../images/close_active_2x.png) no-repeat;
		background-size: 19px;
	}
	.previous { 
		background: url(../images/back_active_2x.png) no-repeat;
		background-size: 11px;
	}
	.next { 
		background: url(../images/forward_active_2x.png) no-repeat ;
		background-size: 11px;
	}
}

#js_warning { height: auto; min-height: 32px; width: 100%; position: fixed; background: url(../../global/images/noscript.png) center; background-size: 135px 90px; left: 0; top: 0; text-align: center; padding: 12px 10px; box-sizing:border-box; font-family: Helvetica; border-bottom: 1px solid #000; font-weight: bold; color: black; font-size: 14px; }