@charset "utf-8";
/* CSS Document */

body {
	background: none;
}

#bg{
	z-index: -1;
	position:fixed;
	display: none;
}

.foot {
	padding: 30px 0px 15px 0px;
	text-align: center;
}

#mainwrap {
	width: 934px;
	margin: 0px auto;
	padding-top: 15px;
}

h1 {
	width: 934px;
	height: 90px;
	text-align: center;
	color: #7f4106;
	line-height: 90px;
	background: url(../img/bg_title.png) no-repeat left top;
	font-size: 16px;
	margin-bottom: 15px;
}

.samplewrap {
	position: relative;
}

.sample {
	width: 896px;
	height: 622px;
	margin: 0 auto 15px auto;
	background: url(../img/bg_sample.jpg) repeat-x left top;
	overflow: hidden;
	position: relative;
}

.sample ul {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.cover {
	width: 896px;
	height: 622px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

.load {
	width: 896px;
	height: 622px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background-color: #ffffff;
}

.load img {
	position: relative;
	top: 280px;
	left: 417px;
}
.samplewrap .navi {
	width: 426px;
	margin: 0px auto;
}

.samplewrap .navi li {
	width: 134px;
	height: 35px;
	display: inline;
	float: left;
	margin: 0 4px;
}

.samplewrap .navi li span{
	width: 134px;
	height: 0;
	padding-top: 35px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

.samplewrap .navi li span:hover{
	cursor: pointer;
	background-position: left -35px;
}

.samplewrap .navi li.prev span {
	background-image: url(../img/btn_prev.png);
}
.samplewrap .navi li.close span {
	background-image: url(../img/btn_close.png);
}
.samplewrap .navi li.next span {
	background-image: url(../img/btn_next.png);
}

.samplewrap .navi li.prev span.nolink,
.samplewrap .navi li.close span.nolink,
.samplewrap .navi li.next span.nolink{
	background-image: none
}

.samplewrap .navi li.prev span.nolink:hover,
.samplewrap .navi li.close span.nolink:hover,
.samplewrap .navi li.next span.nolink:hover{
	cursor: default;
}