@charset "utf-8";
/* ===================================================================
information	top
=================================================================== */

/*----------------------------------------------------
	top
----------------------------------------------------*/

/* ----- layout ----- */
#topleftside {
	width: 200px;
	height: 100%;
	float: left;
	margin: 21px 10px 0 0;
}
#topmain {
	width: 530px;
	height: 100%;
	float: left;
	margin: 13px 10px 0 0;
}
#toprightside {
	width: 200px;
	height: 100%;
	float: right;
	margin-top: 21px;
}

/* ----- flash ----- */
#flash {
	width: 950px;
	height: 211px;
	margin: 20px 0;
}

/* ----- topmain report ----- */
#topmain #report {
	width: 530px;
	height: 100%;
	clear: both;
}
#topmain #report h2 {
	width: 530px;
	height: 44px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/user/images/title_report.gif) no-repeat left top;
}
#topmain #report .line {
	width: 490px;
	height: 100%;
	clear: both;
	background: url(/user/images/bg_topmain.gif) repeat-y left top;
	padding: 10px 20px;
	border-bottom: 1px dotted #f1f1f1;
	position: relative;
}
#topmain #report .line.gray {
	background: url(/user/images/bg_topmain_gray.gif) repeat-y left top;
}
#topmain #report .line .lineleft {
	width: 74px;
	height: 100%;
	position: absolute;
	top: 10px;
	left: 20px;
}
#topmain #report .line .lineleft table {
}
#topmain #report .line .lineleft table tr td {
	text-align: center;
	vertical-align: middle;
	width: 72px;
	height: 72px;
	border: 1px solid #ddd;
	background: #ededed;
}
#topmain #report .line .lineleft table tr td:hover {
	border: 1px solid #eab6c3;
	background: #fff;
}
#topmain #report .line .lineright {
	width: 401px;
	height: 100%;
	position: relative;
	top: 0;
	left: 89px;
}
#topmain #report .line .lineright dl {
}
#topmain #report .line .lineright dl dt {
	float: left;
	margin-bottom: 5px;
}
#topmain #report .line .lineright dl dt em {
	float: left;
}
#topmain #report .line .lineright dl dt span {
	float: left;
	display: block;
	width: 20px;
	height: 11px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(./common/cms/images/icon_new.gif) no-repeat left top;
	margin: 5px 0 0 5px;
}
#topmain #report .line .lineright dl dd {
	float: right;
	font-size: 0;
}
#topmain #report .line .lineright dl dd img {
	margin-top: 5px;
}
#topmain #report .line .lineright h3 {
	clear: both;
}
#topmain #report .line .lineright h3 a {
	background: url(./common/images/icon_link1.gif) no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
	color: #303030;
}
#topmain #report .line .lineright h3 a:hover {
	background: url(./common/images/icon_link1_on.gif) no-repeat left center;
	color: #cc0033;
}
#topmain #report .line .lineright p {
	margin-top: 10px;
}
#topmain #report .list {
	width: 490px;
	height: 100%;
	clear: both;
	background: url(/user/images/bg_topmain.gif) repeat-y left top;
	padding: 10px 20px;
}
#topmain #report .list p {
	float: right;
}
#topmain #report .list p a {
	background: url(./common/images/icon_link1.gif) no-repeat left center;
	padding-left: 15px;
	color: #000;
}
#topmain #report .list p a:hover {
	background: url(./common/images/icon_link1_on.gif) no-repeat left center;
	color: #cc0033;
}
#topmain #report .bottomtopmain {
	width: 530px;
	height: 4px;
	clear: both;
	background: url(/user/images/bottom_topmain.gif) no-repeat left top;
}

/* ----- topmain news ----- */
#topmain #news {
	width: 530px;
	height: 100%;
	clear: both;
	margin-top: 12px;
}
#topmain #news h2 {
	width: 530px;
	height: 42px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(/user/images/title_news.gif) no-repeat left top;
}
#topmain #news .line {
	width: 490px;
	height: 100%;
	clear: both;
	background: url(/user/images/bg_topmain.gif) repeat-y left top;
	padding: 10px 20px;
	border-bottom: 1px dotted #f1f1f1;
	position: relative;
}
#topmain #news .line.gray {
	background: url(/user/images/bg_topmain_gray.gif) repeat-y left top;
}
#topmain #news .line .lineleft {
	width: 74px;
	height: 100%;
	position: absolute;
	top: 10px;
	left: 20px;
}
#topmain #news .line .lineleft table {
}
#topmain #news .line .lineleft table tr td {
	text-align: center;
	vertical-align: middle;
	width: 72px;
	height: 72px;
	border: 1px solid #ddd;
	background: #ededed
}
#topmain #news .line .lineleft table tr td:hover {
	border: 1px solid #eab6c3;
	background: #fff
}
#topmain #news .line .lineright {
	width: 401px;
	height: 100%;
	position: relative;
	top: 0;
	left: 89px;
}
#topmain #news .line .lineright dl {
}
#topmain #news .line .lineright dl dt {
	float: left;
	margin-bottom: 5px;
}
#topmain #news .line .lineright dl dt em {
	float: left;
}
#topmain #news .line .lineright dl dt span {
	float: left;
	display: block;
	width: 20px;
	height: 11px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: url(./common/cms/images/icon_new.gif) no-repeat left top;
	margin: 5px 0 0 5px;
}
#topmain #news .line .lineright dl dd {
	float: right;
	font-size: 0;
}
#topmain #news .line .lineright dl dd img {
	margin-top: 5px;
}
#topmain #news .line .lineright h3 {
	clear: both;
}
#topmain #news .line .lineright h3 a {
	background: url(./common/images/icon_link1.gif) no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
	color: #303030;
}
#topmain #news .line .lineright h3 a:hover {
	background: url(./common/images/icon_link1_on.gif) no-repeat left center;
	color: #cc0033;
}
#topmain #news .line .lineright p {
	margin-top: 10px;
}
#topmain #news .list {
	width: 490px;
	height: 100%;
	clear: both;
	background: url(/user/images/bg_topmain.gif) repeat-y left top;
	padding: 10px 20px;
}
#topmain #news .list p {
	float: right;
}
#topmain #news .list p a {
	background: url(./common/images/icon_link1.gif) no-repeat left center;
	padding-left: 15px;
	color: #000;
}
#topmain #news .list p a:hover {
	background: url(./common/images/icon_link1_on.gif) no-repeat left center;
	color: #cc0033;
}
#topmain #news .bottomtopmain {
	width: 530px;
	height: 4px;
	clear: both;
	background: url(/user/images/bottom_topmain.gif) no-repeat left top;
}

/* ----- toprightside ----- */
#toprightside .line {
	width: 200px;
	height: 100%;
	clear: both;
	margin-bottom: 10px;
}
#toprightside .line h2 {
	width: 200px;
	height: 36px;
}
#toprightside .line h2 {
	background: url(./common/images/title_toprightside.gif) no-repeat left top;
}
#toprightside .line h2 strong {
	display: block;
	font-weight: bold;
	color: #fff;
	padding: 8px 0 0 15px;
}
#toprightside .line h2 strong span {
	font-size: smaller;
	margin-left: 10px;
}
#toprightside .line .inner {
	width: 180px;
	height: 100%;
	background: url(./common/images/bg_rightside.gif) repeat-y left top;
	padding: 10px;
}
#toprightside .line .inner .lineleft {
	width: 50px;
	height: 100%;
	float: left;
	margin-right: 10px;
}
#toprightside .line .inner .lineright {
	width: 120px;
	height: 100%;
	float: right;
}
#toprightside .line .inner .lineright p {
	color: #5e5e5e;
	font-size: smaller;
}
#toprightside .line .inner .lineright p.link {
	float: right;
	margin-top: 5px;
}
#toprightside .line .inner .lineright p.link a {
	background: url(./common/images/icon_link2.gif) no-repeat left center;
	padding-left: 15px;
	color: #cc0033;
}
#toprightside .line .inner .lineright p.link a:hover {
	background: url(./common/images/icon_link2_on.gif) no-repeat left center;
	color: #000;
}
#toprightside .line .bottomtopright {
	width: 200px;
	height: 4px;
	background: url(./common/images/bottom_rightside.gif) no-repeat left top;
}