/* CSS Document */

body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	color:#333333;
	font-size:85%;
	line-height:1.6;
}
a {
	color:#ff6600;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#993300;
}
img {
	border:0;
}
#wrapper {
	width:970px;
	margin:10px;
}
#header-area {
	position:relative;
}
#menu-area {
	margin-top:10px;
	position:relative;
	z-index:10;
}
#main-area {
	position:relative;
	z-index:1;
}
#header {
	width:970px;
	height:100px;
}
#mail {
	position:absolute;
	width:42px;
	z-index:auto;
	top: 48px;
	left: 918px;
}
#menu {
	width:970px;
}
#menu1 {
	position:absolute;
	width:186px;
	z-index:auto;
	top: 30px;
	left: 10px;
}
#menu1_1 {
	position:absolute;
	width:186px;
	z-index:99;
	top: 50px;
	left: 10px;
	visibility: hidden;
}
#menu2 {
	position:absolute;
	width:186px;
	z-index:auto;
	top: 30px;
	left: 201px;
}
#menu2_1 {
	position:absolute;
	width:186px;
	z-index:100;
	top: 50px;
	left: 201px;
	visibility: hidden;
}
#menu3 {
	position:absolute;
	width:186px;
	z-index:auto;
	top: 30px;
	left: 392px;
}
#menu3_1 {
	position:absolute;
	width:186px;
	z-index:101;
	top: 50px;
	left: 392px;
	visibility: hidden;
}
#menu4 {
	position:absolute;
	width:186px;
	z-index:auto;
	top: 30px;
	left: 583px;
}
#menu4_1 {
	position:absolute;
	width:186px;
	z-index:102;
	top: 50px;
	left: 583px;
	visibility: hidden;
}


#backtop {
	position:absolute;
	width:74px;
	height:14px;
	z-index:auto;
	top: 33px;
	left: 886px;
}
#farm {
	position:absolute;
	width:88px;
	z-index:auto;
	top: 19px;
	left: 786px;
}
#footer {
	width:970px;
}
#left-container {
	float:left;
	width:370px;
}
#right-container {
	float:right;
	width:600px;
}
#image1 {
	width:600px;
}
#copy-circumstances {
	overflow:auto;
	width:550px;
	height:215px;
}
.text-block {
	padding: 20px 0 0 25px;
}
#image2 {
	width:600px;
}
#copy-wahtwedo {
	overflow:auto;
	position:absolute;
	width:490px;
	height: 330px;
	z-index:auto;
	top: 130px;
	left: 60px;
	color:#ffffff;
	line-height:1.8;
}
#pdf {
	overflow:hidden;
	position:absolute;
	width:200px;
	z-index:auto;
	top: 275px;
	left: 755px;
	color:#ffffff;
	font-size:85%;
	height: 60px;
}
#pdf .image_left {
	float: left;
}
#pdf a {
	color:#990000;
	text-decoration:none;
}
#pdf a:hover {
	text-decoration:underline;
}
#pdf a:visited {
	color:#990000;
}
#copy1 {
	overflow:auto;
	position:absolute;
	width:490px;
	height:90px;
	z-index:auto;
	top: 385px;
	left: 30px;
	color:#ffffff;
	font-size:85%;
	line-height:1.8;
}
#copy1 .title {
	font-size:117%;
}
#copy2 {
	overflow:auto;
	position:absolute;
	width:395px;
	height:150px;
	z-index:auto;
	top: 330px;
	left: 560px;
	color:#ffffff;
	font-size:85%;
	line-height:1.8;
}



#post-main {
	position:absolute;
	width:500px;
	height:400px;
	z-index:1;
	top: 0px;
	left: 0px;
}
#post-copy {
	position:absolute;
	width:420px;
	height:236px;
	z-index:2;
	top: 35px;
	left: 40px;
	
	color:#ffffff;
	font-size:93%;
	line-height:2;
}


#copy-top {
	overflow:auto;
	position:absolute;
	width:400px;
	height: 120px;
	z-index:auto;
	top: 300px;
	left: 10px;
	color:#333333;
	font-size:93%;
	line-height:1.6;
}

/* ----------------------------------------
 * floating- clear
 * ---------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}