*{
	margin: 0;
	padding: 0;
}
#proutline .frame {
	width: 800px;
	background-color: #000000;
	height: 600px;
}
#proutline .frame .header {
	width: 800px;
	height: 50px;
	float: left;
}
#proutline .frame .header .mnuframe {
	float: left;
	width: 800px;
}
#proutline .frame .header .mnuframe .menu {
	float: left;
	width: 706px;
}
#proutline .frame .header .mnuframe .logo {
	float: left;
	width: 94px;
	text-align: right;
}
#proutline .frame .header .mnuframe .menu .btn {
	float: left;
}
#proutline .frame .main {
	width: 700px;
	float: left;
	padding-right: 50px;
	padding-left: 50px;
}
#proutline .frame .main .title {
	float: left;
	width: 700px;
	background-color: #FFFFFF;
}
#proutline .frame .main .title .maintitle {
	float: left;
	width: 345px;
}
#proutline .frame .main .title .subtitle {
	float: left;
	width: 341px;
}
#proutline .frame .main .title .subtitle h2 {
	float: left;
	width: 341px;
	padding-top: 14px;
}
#proutline .frame .main .title .subtitle p {
	float: left;
	width: 341px;
	color: #333333;
}
#proutline .frame .main .contents {
	float: left;
	width: 700px;
	background-color: #FFFFFF;
}
#proutline .frame .main .contents .maincontents {
	float: left;
	width: 345px;
}
#proutline .frame .main .contents .subcontents {
	float: left;
	width: 341px;
	padding-top: 14px;
}
#proutline .frame .main .contents .subcontents .beforeframe {
	float: left;
	width: 96px;
}
#proutline .frame .main .contents .subcontents .beforeframe .title {
	float: left;
	width: 96px;
}
#proutline .frame .main .contents .subcontents .beforeframe p {
	float: left;
	width: 80px;
	height: 70px;
	background-image: url(../image/bg_before.gif);
	padding-top: 3px;
	padding-right: 8px;
	padding-left: 8px;
	color: #666666;
	padding-bottom: 2px;
}
#proutline .frame .main .contents .subcontents .beforeframe .technology {
	float: left;
	height: 141px;
	width: 96px;
	background-image: url(../image/bg_sub.jpg);
}
#proutline .frame .main .contents .subcontents .point1frame {
	float: left;
	width: 109px;
	padding-top: 47px;
	padding-left: 9px;
}
#proutline .frame .main .contents .subcontents .point1frame .text {
	float: left;
	width: 85px;
	padding-left: 20px;
	height: 118px;
	color: #666666;
}
#proutline .frame .main .contents .subcontents .line {
	float: left;
	width: 11px;
	padding-top: 24px;
}
#proutline .frame .main .contents .subcontents .point2frame {
	float: left;
	width: 116px;
	padding-top: 24px;
}
#proutline .frame .main .contents .subcontents .point2frame .text {
	float: left;
	width: 108px;
	padding-left: 8px;
	padding-top: 20px;
	color: #666666;
}
#proutline .frame .main .contents .subcontents .point2frame .point {
	float: left;
	width: 108px;
}
#proutline .frame .main .contents .subcontents .point1frame .point {
	float: left;
	width: 109px;
}
#proutline .frame .main .navi {
	float: left;
	width: 700px;
}
#proutline .frame .main .navi .image {
	float: left;
	width: 275px;
}
#proutline .frame .main .navi .text {
	float: left;
	width: 166px;
	background-image: url(../image/bg_main.jpg);
	height: 17px;
	padding-top: 15px;
}
#proutline .frame .main .navi .next {
	float: left;
	width: 63px;
	padding-left: 196px;
	background-color: #FFFFFF;
	height: 32px;
}
#proutline .frame .footer {
	float: left;
	width: 780px;
	padding-right: 20px;
	text-align: right;
	padding-top: 20px;
}