/* 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;
}


/* ----------------------------------------
 * 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;
}


#main-area {
	position:relative;
	z-index:5;
	background-color:#323345;
	border-bottom:#323345 1px solid;
	
}
#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 {
	clear:both;
	width:970px;
}




#left-container {
	float:left;
	width:370px;
	background:url(profile_back.jpg) left top repeat-y;
	
}
#right-container {
	float:right;
	width:600px;
	background-color:#ffffff;
}

#right-container .img_win {
	margin:40px 0 5px 40px;
}
#right-container .img_work {
	margin:20px 0 5px 40px;
}
#right-container .img_work_top {
	margin:40px 0 5px 40px;
}

#table_win {
	width:510px;
	margin-left:40px;
}

#table_win th {
	width:50px;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	border-bottom:#cccccc dotted 1px;
	font-size:93%;
}
#table_win  td {
	vertical-align:top;
	border-bottom:#cccccc dotted 1px;
	font-size:93%;
	}
#table_work {
	width:510px;
	margin-left:40px;
}
#table_work th {
	width:120px;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	border-bottom:#cccccc dotted 1px;
	font-size:93%;
}
#table_work td {
	vertical-align:top;
	border-bottom:#cccccc dotted 1px;
	font-size:93%;
	}


#copy-profile {
	overflow:auto;
	position:absolute;
	width:330px;
	z-index:auto;
	top: 303px;
	left: 20px;
	color:#ffffff;
	font-size:93%;
	line-height:1.8;
}

#table-profile {
	width:330px;
}

#table-profile th {
	width:45px;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	font-size:100%;
	line-height:1.6;
	
	white-space:nowrap;
}
#table-profile  td {
	vertical-align:top;
	font-size:100%;
	line-height:1.6;
	}

#link-profile {
	width:330px;
	z-index:auto;
	color:#ffffff;
	line-height:1.6;
	margin-top:20px;
}

#table-link {
	width:330px;
}