@charset "UTF-8";

/*//////////////////////////////////////////////////

Title : viewer.css
For   : Setting base styles of the site

Created       : 2009-9-25
Last Modified : 

/*===== CONTENTS ===========================================

	 1: VIEWER001
	 
==========================================================*/

/*======================================

	1: VIEWER001

=======================================*/

html {
	height: 100%;
}

body#VIEWER001 {
	height: 100%;
	background-color: #f8dddd;
}

body#VIEWER001 #wrapper {
	position: relative;
	width: 100%;
	height:100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

body#VIEWER001 #main_contents {
	position: relative;
	width: 100%;
	height:100%;
	min-height: 100%;
	margin: 0 0 -80px;
	padding: 0;
	text-align: center;
}


body > #wrapper {
	height: auto;
}

#wrapper > #main_contents {
	height: auto;
}


body#VIEWER001 #footer {
	position: absolute;
	left: 0;
	bottom:0px;
	width: 100%;
	height: 80px;
	margin: 0;
	background: url("/img/viewer/bg_footer.gif") repeat-x left top;
}


body#VIEWER001 #footer .footer_wrap {
	margin: 0 14px;
}


body#VIEWER001 .footer_wrap .left {
	float: left;
	width: 261px;
	margin-top: 19px;
}

body#VIEWER001 .footer_wrap .left ul {
	width: 261px;
}

body#VIEWER001 .footer_wrap .left ul li.logo {
	float: left;
	width: 124px;
	margin-right: 9px;
}

body#VIEWER001 .footer_wrap .left ul li.guidebtn {
	float: left;
	width: 128px;
	margin-top: 4px;
}

body#VIEWER001 .footer_wrap .left ul li.guidebtn a {
	display: block;
	width: 128px;
	height: 38px;
	text-indent: -9999px;
	background: url("/img/viewer/btn_guide.gif") no-repeat left top;
}

body#VIEWER001 .footer_wrap .left ul li.guidebtn a:hover {
	background: url("/img/viewer/btn_guide_on.gif") no-repeat left top;
}
	
body#VIEWER001 .footer_wrap .right {
	float: right;
	width: 476px;
	height: 68px;
	margin-top: 8px;
	background: url("/img/viewer/bg_banner.gif") no-repeat left top;
}

body#VIEWER001 .footer_wrap .right img {
	display: block;
	margin: 4px;
}