body {
  margin: 0;
  padding: 0;
  background: #ffffff;
}

img {
  border: 0;
}

.imgblock {
	display: block;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cb {
  clear: both;
}

a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

.pagesize {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}

#container {
  width: 920px;
  margin: 20px auto;
  background: url(../images/hrb/bg.gif) repeat-x;
}

#logo {
  float: left;
  margin: 20px 5px 0 7px;
  width: 53px;
}

#content {
  float: left;
  width: 780px;
  margin: 0 0 20px 0;
  background: #221815;
  border: 1px solid #005500;
  padding: 0 0 80px 0;
}

.txt {
  color: #FF00FF;
}

.checkNum {
  background: url(../images/code_bg.gif) no-repeat;
  width: 70px;
  height: 30px;
  color: #3366FF;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 3px;
  font-family: Bahamas;
}

/*
#content h3 {
  background: url(../images/titbg.gif) no-repeat;
  width: 486px;
  height: 31px;
  line-height: 30px;
  padding: 0 0 0 20px;
  color: #FFFF00;
}*/

#content .header_l {
  float: left;
}

#content .header_l p {
  text-indent: -9999px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#content .header_r {
  float: left;
  /*background: #b4b4b4;*/
  background: url(../images/hrb/head_bg.gif) repeat-x;
  padding: 10px 20px 5px 15px;
  *padding: 10px 20px 5px 16px;
  height: 117px;
}

#content .header_r img {
  float: left;
  margin: 10px 0 0 5px;
}

.subnav {
	padding: 10px 0 10px 0;
}

.subnav img {
  float: left;
  margin: 0 0 0 80px;
}

.main_pic {
  background: url(../images/main.jpg) no-repeat;
  width: 760px;
  height: 471px;
  line-height: 30px;
  text-align: right;
  font-weight: bold;
  color: #FF00FF;
  padding: 80px 20px 0 0;
}

.main_pic p {
  width: 300px;
  text-align: left;
}

.flink {
  margin: 0 auto;
  padding: 10px 0 10px 0;
  width: 780px;
  background: #66FF99;
}

.flink ul {
  font-size: 12px;
}

.flink ul li {
  float: left;
  list-style: none;
}

.flink ul li a {
  color: #000000;
}

.beian {
  text-align: center;
  font-size: 12px;
  margin: 0 0 20px 0;
}

.beian a {
  color: #000000;
}


/* webnavi
-------------------------------------------------------------*/
.webnavi {
	width: 785px;
}

.webnavi a {
	float: left;
}


/* navi
-------------------------------------------------------------*/
#nav {
  width: 780px;
  margin: 0 0 0 -20px;
  height: 54px;
}

#nav ul.menu {
  list-style-type: none;
}

#nav ul.menu li {
  float: left;
}

#nav ul.menu a{
  text-indent: -9999px;
}

a.lia{
  display: block;
  width: 140px;
  height: 54px;
  background: url(../images/navi.gif) no-repeat;
  background-position: 0 0;
}
  
a.lia_on,
a:hover.lia{ 
  display: block;
  width: 140px;
  height: 54px;
  background: url(../images/navi.gif) no-repeat;
  background-position: 0 -54px;
}

a.lib {
  display: block;
  width: 150px;
  height: 54px;
  background: url(../images/navi.gif) no-repeat;
  background-position: -140px 0;
}

a.lib_on,
a.lib:hover {
  display: block;
  width: 150px;
  height: 54px;
  background: url(../images/navi.gif) no-repeat;
  background-position: -140px -54px;
}

a.lic {
  display: block;
  width: 150px;
  height: 54px;
  background: url(../images/navi.gif) no-repeat;
  background-position: -290px 0;
}

a.lic_on,
a.lic:hover {
  display: block;
  width: 150px;
  height: 54px;
  background: url(../images/navi.gif) no-repeat;
  background-position: -290px -54px;
}

a.lid {
  display: block;
  width: 150px;
  height: 54px;
  background: url(../images/navi.gif) no-repeat;
  background-position: -440px 0;
}

a.lid_on,
a.lid:hover {
  display: block;
  width: 150px;
  height: 54px;
  background: url(../images/navi.gif) no-repeat;
  background-position: -440px -54px;
}

a.lie {
  display: block;
  width: 150px;
  height: 54px;
  background: url(../images/navi.gif) no-repeat;
  background-position: -590px 0;
}

a.lie_on,
a.lie:hover {
  display: block;
  width: 150px;
  height: 54px;
  background: url(../images/navi.gif) no-repeat;
  background-position: -590px -54px;
}


.desc {
	position: absolute;
	margin: -180px 0 0 330px;
	padding: 10px;
	width: 400px;
	color: #0000FF;
	font-weight: bold;
}


/* main
-----------------------------------------------------------------*/
#main {
  margin: 20px 0 0 20px;
}

#main .fl img {
  margin: 0 0 15px 0;
}

#main .fl .msg {
  float: left;
  margin: 0 0 15px 0;
  border: 1px solid #ffffff;
}

#main .fl .msg ul {
  margin: 0 0 18px 15px;
  padding: 0 0 0 0;
}

#main .msg {
  float: left;
  margin: 0 0 0 18px;
  border: 1px solid #ffffff;
}

#main .msg p {
  text-align: right;
  color: #FF00FF;
  margin: 0 0 0 0;
}

#main .msg ul {
  margin: 18px 0 18px 15px;
  padding: 0 0 0 0;
}

#main .msg ul li {
  list-style-type: none;
  font-size: 14px;
  width: 200px;
}

#main .msg ul li a {
  color: #FFFF00;
}

#main .main_part {
  width: 496px;
  margin: 0 0 0 18px;
  padding: 0 0 0 0;
}

#main .main_part h3 {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}


/* companion
-------------------------------------------------------------*/
#main .main_part .com_part {}

#main .main_part .com_part dl {
  float: left;
  width: 153px;
  height: 260px;
  margin: 0 10px 10px 0;
  padding: 0 0 8px 0;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
}

#main .main_part .com_part dd {
  margin: 0 0 0 8px;
  padding: 0 0 0 0;
}


/* information
-------------------------------------------------------------*/
#main .main_part .info_part {}

#main .main_part .info_part img {
  float: left;
  margin: 0 11px 0 0;
}

#main .main_part .info_part h4 {
  width: 486px;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  margin: 0 0 20px 0;
  padding: 20px 0 10px 0;
}

#main .main_part .info_part dl {
  clear: both;
  margin: 0 0 0 0;
}

#main .main_part .info_part dt {
  background: url(../images/arrow.gif) no-repeat 0px 2px;
  float: left;
  color: #ffffff;
  width: 50px;
  margin: 0 0 15px 0;
  padding: 0 0 0 20px;
}

#main .main_part .info_part dd {
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
}

#main .main_part .info_part .info_form input {
  vertical-align: top;
  width: 390px;
}

#main .main_part .info_part dl.dlta dt {
  float: left;
  color: #ffffff;
  width: 130px;
}

#main .main_part .info_part dl.dlta dd {
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
}

#main .main_part .info_part textarea {
  vertical-align: top;
  width: 320px;
  height: 160px;
}

#main .main_part .info_part .btn {
  margin: 0 0 0 160px;
  padding: 20px 0 0 0;
}


/* system
----------------------------------------------------------------*/
#main .main_part .sys_part {}

#main .main_part .sys_part .special {
	color: #FFFFFF;
	border: 2px solid #FF66FF;
	margin: 0 10px 20px 0;
	padding: 0 10px 20px 10px;
}

#main .main_part .sys_part .special h4 {
	font-size: 20px;
	color: #FFFF00;
	text-align: center;
}

#main .main_part .sys_part .special h5 {
	font-size: 16px;
	color: #FFFF00;
}

#main .main_part .sys_part .special dl {
	font-weight: bold;
}

#main .main_part .sys_part .special dl dt {
	float: left;
}

#main .main_part .sys_part .special dl dd {
	float: right;
}

#main .main_part .sys_part div {
  margin: 0 0 20px 0;
}


/* kaiin
-------------------------------------------------------------*/
#main .main_part .kaiin_part {}

#main .main_part .kaiin_part p {
  color: #FF00FF;
  line-height: 30px;
  text-align: center;
}

#main .main_part .kaiin_part dl {
  clear: both;
  margin: 0 0 0 0;
}

#main .main_part .kaiin_part dt {
  background: url(../images/arrow.gif) no-repeat 0px 2px;
  float: left;
  color: #ffffff;
  width: 80px;
  margin: 0 0 15px 0;
  padding: 0 0 0 20px;
}

#main .main_part .kaiin_part dd {
  float: left;
  color: #FFFF00;
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
}

#main .main_part .kaiin_part .kaiin_form input {
  vertical-align: top;
  width: 360px;
}

#main .main_part .kaiin_part .btn {
  margin: 0 0 0 160px;
  padding: 10px 0 20px 0;
}

#main .main_part .kaiin_part .btn input {
  vertical-align: top;
}


/* schedule
-------------------------------------------------------------*/
#main .main_part .sche_part {
  margin: 0 0 0 0;
  border: 1px solid #ffffff;
  width: 486px;
}

#main .main_part .sche_part div {
  background: url(../images/sche_tbg.gif) no-repeat;
  width: 466px;
  height: 30px;
  color: #FFFF00;
  font-weight: bold;
  line-height: 30px;
  padding: 0 0 0 20px;
}

#main .main_part .sche_part ul {
  margin: 18px 0 18px 15px;
  padding: 0 0 0 0;
  color: #ffffff;
}

#main .main_part .sche_part ul li {
  list-style-type: none;
  font-size: 14px;
}


/* view
-------------------------------------------------------------*/
#main .main_part .view_part {}

#main .main_part .view_part dl {
  color: #ffffff;
}

#main .main_part .view_part dl dt {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 20px 0;
}

#main .main_part .view_part dl dd {
  margin: 0 30px 0 30px;
}

#main .main_part .view_compic p {
  color: #ffffff;
  font-weight: bold;
  padding: 0 0 0 15px;
  text-align: center;
}

#main .main_part .view_compic table {
  width: 486px;
  border-collapse: collapse;
}

#main .main_part .view_compic table th {
  width: 150px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  line-height: 25px;
}

#main .main_part .view_compic table td {
  border: 1px solid #FFFFFF;
  color: #FF00FF;
  padding: 0 0 0 15px;
}


/* qa
-------------------------------------------------------------*/
#main .main_part .qa_part {}

#main .main_part .qa_part dl {
  color: #ffffff;
}

#main .main_part .qa_part dl span {
  color: #FF0000;
}

#main .main_part .qa_part dl dt {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 0;
}

#main .main_part .qa_part dl dd {
  margin: 0 0 0 0;
}


/* intro
-------------------------------------------------------------*/
table.intro {
  border-collapse: collapse;
  color: #FFFFFF;
  line-height: 25px;
  width: 486px;
}

table.intro th {
  border: 1px solid #FFFFFF;
  width: 150px;
}

table.intro td {
  border: 1px solid #FFFFFF;
  padding: 0 5px 0 5px;
}

/*
.intro dl {
  color: #FFFFFF;
  width: 486px;
  border: 1px solid #FFFFFF;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.intro dl dt {
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 150px;
  text-align: center;
  line-height: 25px;
}

.intro dl dd {
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 5px;
  line-height: 25px;
  border-left: 1px solid #FFFFFF;
  width: 320px;
}
*/
/*
.intro dl p {
  line-height: 26px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.intro dl dt p {
  width: 150px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #FFFFFF;
}

.intro dl dd p {
  width: 330px;
  padding: 0 0 0 4px;
  border-top: 1px solid #FFFFFF;
}*/


/* play
----------------------------------------------------------------*/
#main .main_part .play_part {
  margin: 0 0 20px 0;
  font-size: 14px;
}

#main .main_part .play_part .boxBg {
	background: url(../images/step_bg_m.jpg) repeat-y;
	padding: 0 0 0 7px;
	width: 473px;
}

#main .main_part .play_part .boxBg ul {
	width: 400px;
	margin: 20px auto;
	font-weight: bold;
	color: #FFFFFF;
}

#main .main_part .play_part .boxBg ul li {
	border-left: 1px solid #670000;
	border-right: 1px solid #670000;
	border-bottom: 1px solid #670000;
	padding: 0 0 0 30px;
	line-height: 24px;
	list-style: none;
}

#main .main_part .play_part .boxBg ul li.caption {
	background: #670000;
	line-height: 30px;
	padding: 0;
	text-align: center;
}

#main .main_part .play_part .boxBg ul li.note {
	padding: 0 80px 0 80px;
}