@charset "utf-8";

*{
	margin:0;
	padding:0;
}

html {
	scrollbar-face-color:#fff;
}

body{
	color: #fff;
	background:#000 url(../img/head_bg.jpg) repeat-x 0 0;
	font: 12px arial,sans-serif;
	text-align:center;
	line-height: 1.5;
}


.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.clear{
	clear: both;
}
.layoutCenter{
	margin: 0 auto;
}
.textCenter{
	text-align: center;
}
.textRight{
	text-align: right;
}
.textLeft{
	text-align: left;
}
img{
	border: none;
}


a {

}
a:link {
	color : #3366FF;
}
a:visited {
	color : #0000FF;
}
a:hover {
	color : #ff0000;
}
a:active {
	color : #9933ff;
}

img{
	border: none;
}



#container{
	width:800px;
	margin:0px auto;
	text-align:left;
}

#header{
	width:800px;
	height:169px;
	margin:0px auto;
	background : url(../img/head.jpg) no-repeat;
	position:relative;
}



#header h1{
	position:absolute;
	top:15px;
	left:317px;
	font-size: 12px;
	font-weight: normal;
	display: inline;
}

#header h1 a{
	color : #fff;
	text-decoration: none;
}



#kin{
	position:absolute;
	top:40px;
	left:317px;
}


#wrapper{
	width:800px;
	margin:0px auto;
}




#menu{
	width:167px;
	float: left;
	text-align:center;
}

#nav {
	background : url(../img/menu1.jpg) no-repeat;
	width:138px;
	height:277px;
	margin:0 auto;
}
#nav span {
	display: none;
}
#nav li {
	float:left;
	list-style:none;
	display:inline;
}
#nav01 li,
#nav01 a {
	display:block;
	width: 138px;
	height:49px;
}
#nav02 li,
#nav02 a {
	display:block;
	width: 138px;
	height:57px;
}
#nav03 li,
#nav03 a {
	display:block;
	width: 138px;
	height:57px;
}
#nav04 li,
#nav04 a {
	display:block;
	width: 138px;
	height:57px;
}
#nav05 li,
#nav05 a {
	display:block;
	width: 138px;
	height:57px;
}


#nav01 a.this,
#nav01 a:hover {
	background : url(../img/menu2.jpg) no-repeat 0px 0px;
}
#nav02 a.this,
#nav02 a:hover {
	background : url(../img/menu2.jpg) no-repeat 0 -49px;
}
#nav03 a.this,
#nav03 a:hover {
	background : url(../img/menu2.jpg) no-repeat 0 -106px;
}
#nav04 a.this,
#nav04 a:hover {
	background : url(../img/menu2.jpg) no-repeat 0 -163px;
}
#nav05 a.this,
#nav05 a:hover {
	background : url(../img/menu2.jpg) no-repeat 0 -220px;
}

#qr{
	margin:20px 0;
}

#content{
	width:613px;
	float: right;
}

.box{
	width: 595px;
	min-height: 516px;
	height: auto !important;
	height: 516px;
	background:#000 url(../img/box_bg.jpg) repeat-x 0 0;

}


.pad{
	padding:20px;
}


h2{
	margin-bottom:10px;
}

h3{
	margin:10px 0;
	font-size: 14px;
}


table.com{
	margin:20px 0;
	width:100%;
}

table.com th{
	width:210px;
}

table.com ul{
	margin-left:30px;
	list-style-type: circle;
}




table.sys{
	width:100%;
	margin:0 auto;
	border-spacing:1px;
}
table.sys th{
	width:100px;
	padding:5px;
	background-color:#000;
}
table.sys td{
	padding:5px;
	background-color:#000;
}




#footer{
	clear: both;
	width:800px;
	margin:0px auto;
	text-align: center;
}

#footer ul{
	margin-bottom:10px;
}

#footer ul li{
	list-style:none;
	display:inline;
	margin-right:10px;
}



.b{
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
}


dd{
	margin:-18px 0 0 100px;
}