@charset "UTF-8";
html {
	overflow-y: scroll;
}
body {
	margin-top: 50px;
}
.container {
	width: 1118px;
	margin-right: auto;
	margin-left: auto;
}
.top {
	padding:40px 60px 0px 85px;
	background-image: url('./images/top.png');
	background-repeat: no-repeat;
	height:180px;
	position:relative;
}
.login {
	width: 62px;
	height:23px;
	display:block;
	background: url('images/HLlogin.png');
	margin-left:auto;
}
.login:hover {
	background-image: url('images/HLloginOVER.png');
}
#logo {
	margin-top:10px;
	height:105px;
	width:920px;
	background-image: url('./images/logo.png');
	background-repeat: no-repeat;
	position:relative;
}
.menue {
	position:absolute;
	bottom:0px;
	left:115px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}
.submenue {
	position:absolute;
	bottom:0px;
	right:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}
.middle {
	padding:10px 0px 0px 50px;
	background-image: url('./images/middle.png');
	background-repeat: repeat-y;
}
.box {
	width:860px;
	background: #f1f1f1;
	border-radius: 10px;
	padding: 40px 40px 20px 100px;
	position:relative;
	overflow: auto;
	min-height: 200px;
}
.title {
	position: absolute;
	top: 40px;
	left: 30px;

}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #EF3A3B;
	text-decoration: none;
}
#cont {
	width:100%;
	padding: 20px;
}
#imgbox {
	float: left;
	clear: left;
	margin:0px 30px 0px 0px;
	width:302px;
}
#imglegend {
	text-align:justify;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}
.content p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #EF3A3B;
}
.researchbtn {
	width: 156px;
	height:39px;
	background: url('images/HLbtn.png');
	float:right;
}
.researchbtn:hover {
	background-image: url('images/HLbtnOVER.png');
}

a {
	text-decoration: none;
}
a.link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}
a.link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}
a.link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #EF3A3B;
	text-decoration: none;
}
a.link:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}
.bottom {
	padding:105px 50px 0px 0px;
	background-image: url('./images/bottom.png');
	background-repeat: no-repeat;
	height:90px;
}
#welcome {
	width:342px; 
	display:inline-block;
	margin-top:30px;
	margin-left:60px;
	vertical-align:top;
}
#welcome p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#999;
	text-align:justify;
}
.black16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #333;
}
.black18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.gray13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333;
}
.black14bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-top:5px;
	margin-bottom:2px;
}
.red14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #C30;
}
.icon{
	position:absolute;
	right:0px;
	margin-left:auto;
	margin-right:0px;
}

textarea {
	color: #666;
	background-color: #f1f1f1;
	outline: none;
	resize: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#999;
	text-align:justify;
}