@charset "UTF-8";

.header {
	width: 825px;
	height: 135px;
	margin: 0 auto 0 auto;
	padding: 0;
}
.header h1 {
	width: 825px;
	height: 115px;
	margin: 0;
	padding: 0;
	background: url(../images/header_logo.png) no-repeat 0 10px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.header h1 a {
	width: 825px;
	height: 115px;
	margin: 0;
	padding: 0;
	background: url(../images/header_logo.png) no-repeat 0 10px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

nav {
	width: 825px;
	height: 62px;
	margin: 0 auto 5px auto;
	padding: 0;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav ul li {
	width: 165px;
	height: 62px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 56px;
	display: block;
	float: left;
	background: url(../images/sc_nav_off.gif) no-repeat 0 0;
}
nav ul li a {
	width: 165px;
	height: 62px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	border: 0;
	text-decoration: none;
	color: #333;
}
nav ul li .this {
	width: 165px;
	height: 62px;
	background: url(../images/sc_nav_on.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	border: 0;
	text-decoration: none;
	color: #333;
}
nav ul li a:hover {
	width: 165px;
	height: 62px;
	background: url(../images/sc_nav_on.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-align: center;
	border: 0;
	display: block;
	text-decoration: none;
	color: #333;
}
nav ul li a:visited {
	width: 165px;
	height: 62px;
	margin: 0;
	padding: 0;
	text-align: center;
	border: 0;
	display: block;
	text-decoration: none;
	color: #333;
}
.clearfix {zoom:1;}
.clearfix:after {content: ""; display: block; clear: both;}

/* index */
.info_area {
	width: 825px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
}
.info_area .left_box {
	width: 402px;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../images/bg_info.gif);
	float: left;
}
.info_area .left_box h2 {
	width: 402px;
	height: 44px;
	margin: 0;
	padding: 0;
	background: url(../images/title_index_news.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.info_area .right_box {
	width: 405px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #88d4ff;
	float: right;
}
.info_area .right_box h2.relatedsite{
	width: 405px;
	height: 44px;
	margin: 0;
	padding: 0;
	background: url(../images/title_index_relatedsite.jpg);
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
h2.convention{
	width: 405px;
	height: 44px;
	margin: 0 0 0 -6px;
	padding: 0;
	background: url(../images/title_index_convention.jpg) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	font-size: 1px;
	border: none!important;
}
.table_box {
	width: 385px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 10px;
	background: url(../images/bg_trans_white.gif);
	border: solid 1px #e6e6e6;
	box-sizing:border-box;
}
.table_box table {
	width: 100%;
	height: auto;
	margin: 0;
	border: 1px solid #fff;
}
.table_box table td {
	padding: 5px;
	border: 1px solid #999999;
}
.info_area a:hover {
	bacground: #fff!important;
}
.mb5 { margin: 0 0 5px 0;}
.mb20 { margin: 0 0 20px 0;}