@charset "utf-8";

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

body {
	background-color : #c9c9c9;
	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; 
	width : 100%;
	position : relative;
}

header div {
	color : #fff;
	width : 96%;
	padding : 10px 2%;
	overflow : hidden;
	word-break: break-all;
}

header h1 {
	color : #fff;
	font-size : 13px;
}

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 : 25px;
	right : 10px;
	width : 9%;
	margin : 0;
	/*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;
}*/

#content {
	margin : 6px 0;
}

#content article {
	width : 99%;
	margin : 0 auto;
}


footer {
	/*background: #e3e3e3;*/
	/*padding : 10px 2%;*/
	position : fixed;
	width: 100%;
	bottom : 0;
}

footer ul {
	overflow : hidden;
	text-align : center;	
}

footer ul li {
	display: inline-block;
	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);
	border-radius : 4px;
	border : solid 1px #999898;
	width: 17%;
	margin : 0 1.6% 0 0;
}

footer ul li.over {
	background : -moz-linear-gradient(top, #a2a2a2, #cfcfcf);
	background : -webkit-gradient(linear, left top, left bottom, from(#a2a2a2), to(#cfcfcf));
	background : linear-gradient(to bottom, #a2a2a2, #cfcfcf);
}

footer ul li a {
	width: 100%;
	display: block;
	padding: 8px 0 8px 8%;
	background-size : 10px;
	color : #4e4e4e;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}

footer ul li#prev a {
	background: url("../img/icn_viewer_prev.png") no-repeat 8% center transparent;
	background-size : 6px;
}
footer ul li#next a {
	background: url("../img/icn_viewer_next.png") no-repeat 92% center transparent;
	background-size : 6px;
	padding: 8px 0 8px 0;
	text-indent : -14%;
}
footer ul li#zoom_in a {
	background-size : 13px;
	padding: 8px 0 8px 0;
}
footer ul li#zoom_out a {
	background-size : 13px;
	padding: 8px 0 8px 0;
}

footer ul li#btn_close {
	width : 19px;
	padding : 0 8px;
	margin : 0;
}

footer ul li#btn_close a {
	/*padding: 8px 0 8px 0;*/
}

#btn_close a span img {
	vertical-align: middle;
}