@import "links.css";
@import "fonts.css";
@charset "UTF-8";
/* CSS Document */
.body{
}
.site_wrapper{
	padding:20px;
	width:996px;
	position:relative;
	margin:0px auto;
}
#logo {
	z-index: 9999;
	position: fixed;
	right: 50px;
	top: 20px;
	line-height: 20px;
	background-image:url(media/arr_serif_logo.png);
	width:100px;
	height:100px;
}
.site_container{
	position:relative;
	width:800px; 
	height:auto;
	margin:0 auto;
	top:0px; 
	padding-bottom:20px;
}
.title_container{
	position:fixed;
	width:800px; 
	height:60px;
	top:0px;
	z-index:1;
}
.title_grd{
	top:0px;
	left:0px;
	height: 60px;
	width: 800px;
	background-color:white;
	opacity: 0.8;
	position: absolute;
}
.serial{
	font-size: 17px;
	position:absolute;
	float:left;
	width:192px; 
	height:20px;
	top:22px;
	left:0px;
	padding:0px;
	opacity:10;
}
.titles{
	position:absolute;
	float:left;
	width:400px; 
	height:20px;
	margin:0 auto;
	top:20px; 
	padding-left:200px;
	padding-right:200px;
	text-align:center;
	opacity:10;
}
.frame{
	width:800px; 
	height:800px;
	top:60px; 
	padding-bottom:60px;
	position:relative;
}
.pack{
	height: 140px;
	width: 140px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:20px;
	float:left;
	}
.off{
	border-top:0px dotted #000000;
	border-bottom:0px dotted #000000;
}
.page{
	width:800px; 
	min-height:110px;
	padding-bottom:40px;
	border-bottom:10px #000000 solid;
	position:relative;
}
.foot{
	width:800px; 
	min-height:0px;
	padding-top: 60px;
	padding-bottom:40px;
	position:relative;
}
.first{
	margin-top:60px;
}
.last{
	margin-bottom:120px;
}
.section_title_container{
	position:relative;
	width:800px; 
	height:60px;
	top:30px;
}
img.thb{
	width:140px; 
	height:140px;
}
img.hide{
	opacity:0.05;
}
.back{
	height: 100px;
}
.col{
	width: 180px;
	height: 100px;
	padding-top: 17px;
	padding-right: 20px;
	float: left;
	position: relative;
}
.4 {
	padding-right: 0px
}