@charset "utf-8";

/*------------------------------------
　　　			viewer
------------------------------------*/

body {
	background-color : #e3e3e3;
	width : 100%;
	/* height : 100%; */
}

header {
	background-color : #1d50a2;
	border-bottom : solid 5px #f4a02c;
	box-shadow: 1px 1px 1px #CCCCCC;
	-webkit-box-shadow: 1px 1px 1px #CCCCCC; 
	height : 43px;
	width : 100%;
	position : relative;
}

header div {
	width : 84%;
	padding : 4px 1% 0px;
	overflow : hidden;
	word-break: break-all;
}

header p {
	float : left;
	color : #fff;
	font-size : 12px;
}

header h1 {
	width : 84%;
	color : #fff;
	font-size : 12px;
	padding :  0 0 10px 1%;
}

header p {
	width : 200px;
	margin : 0 1% 0 0;
}

header p#view_span {
	width : 252px;
}

header p#btn_close {
	float : none;
	clear : both;
	position : absolute;
	top : 9px;
	right : 0px;
	width : 98px;
	/*background-color : #cdcdcd;
	background : -moz-linear-gradient(top, #e2e2e2, #cdcdcd);
	background : -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#cdcdcd));
	background: linear-gradient(to bottom, #e2e2e2, #cdcdcd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e2e2e2', endColorstr='#cdcdcd');
	border-radius : 4px;*/
}

/*header p#btn_close a {
	display : block;
	font-weight : bold;
	font-size : 20px;
	padding : 4px 2%;
	color : #4e4e4e;
	text-shadow: 1px 1px 1px #fff;
	text-align : center;
}*/

header p#btn_close a span {
	font-size : 30px;
	color : #b61212;
	padding : 0 9% 0 0;
}

div#content {
	margin : 10px;
	text-align : center;
}

div#content article {
	width: 100%;
	margin: 0px auto;
	background-color: #c9c9c9;
	border: black solid 1px;
	overflow: hidden;
	position : relative;
	/* text-align : center; */
	vertical-align: middle;
}

div#content article img {
	/* position : absolute; */
}

footer {
	position : fixed;
	bottom : 7px;
	width : 100%;
}

footer > nav > ul {
	overflow : hidden;
	zoom : 1;
	text-align : center;
	width : 100%;
	margin : 0 auto;
	height : 40px;
	padding : 0;
}

footer > nav > ul > li {
	display : inline-block;
	*display : inline;
	zoom : 1;
	overflow : hidden;
	width : 158px;
	margin : 0;
	padding : 0;
	*margin :  0 10px;
	height : 40px;
	vertical-align : top;
}

footer > nav > ul > li a {
	display : block;
	height : 40px;
}

footer ul  li#zoom_box {
	width : 219px;
	background : url("../img/bg_viewer_zoom.png") no-repeat left top transparent;
	overflow : hidden;
	position : relative;
	margin : 0 10px;
	height : 40px;
	*top : 2px;
}

footer ul#narrow_window li#zoom_box {
	width : 104px;
	background : url("../img/bg_viewer_zoom_s.png") no-repeat left top transparent;
	overflow : hidden;
	position : relative;
	margin : 0 10px;
	height : 40px;
	*top : 2px;
}

footer ul  li#zoom_box a {
	display : block;
	float : left;
	margin : 5px 4px;
}

footer ul  li#zoom_box a.out {
	margin-left : 3px;
}

footer ul#narrow_window li#zoom_box a.out {
	margin-left : 1px;
}

footer ul  li#now_page {
	background : #fff;
	border : solid 1px #d6d6d6;
	width : 50px;
	height : 40px;
	font-size : 15px;
	text-align : center;
	margin : 0 10px 0; 
}

footer ul  li#now_page span {
	position : relative;
	top : 9px;
}

header a:hover {
	opacity : 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}


footer  a:hover img {
  visibility : hidden;
}

footer li#print {
	margin-right : 5px;
}

footer li#print,
footer li#print a:hover {
	background : transparent url("../img/btn_viewer_print_ov.png") no-repeat left top;
	width: 74px;
	height : 40px;
}

footer li#prev,
footer li#prev a:hover {
	background : transparent url("../img/btn_viewer_prev_ov.png") no-repeat left top;
	width: 158px;
	height : 40px;
}

footer li#next,
footer li#next a:hover {
	background : transparent url("../img/btn_viewer_next_ov.png") no-repeat left top;
	width: 158px;
	height : 40px;
}

footer li#zoom_box a.zoom:hover {
	background : transparent url("../img/btn_viewer_in_ov.png") no-repeat left top;
	width: 102px;
}

footer li#zoom_box a.out:hover {
	background : transparent url("../img/btn_viewer_out_ov.png") no-repeat left top;
	width: 102px;
}


footer #narrow_window li#prev,
footer #narrow_window li#prev a:hover {
	background : transparent url("../img/btn_viewer_prev_s_ov.png") no-repeat left top;
	width: 55px;
	height : 40px;
}

footer #narrow_window li#next,
footer #narrow_window li#next a:hover {
	background : transparent url("../img/btn_viewer_next_s_ov.png") no-repeat left top;
	width: 55px;
	height : 40px;
}

footer #narrow_window li#zoom_box a.zoom:hover {
	background : transparent url("../img/btn_viewer_in_s_ov.png") no-repeat left top;
	width: 45px;
}

footer #narrow_window li#zoom_box a.out:hover {
	background : transparent url("../img/btn_viewer_out_s_ov.png") no-repeat left top;
	width: 45px;
}

body div#content article#dragYouso div.openseadragon-container div.displayregion {
	border: 8px solid #900 !important;
}