/* ----------------------------------------------- Index Common Style */
#content-index {
  margin: 10px auto;
  padding: 0px;
  width: 765px;
}
.color_text {
  color: #BF0000;
}
.small_text {
  font-size: 80%;
  color: #999999;
}
.newmark {
  color: #BF0000;
  font-size: 80%;
}
a {
  text-decoration: underline;
  color: #444444;
  position: relative;
}
a:hover {
  color: #637DCE;
}
table {
  margin: 0px;
  width: 370px;
}

/* ----------------------------------------------- Index Content-Left */
#content-l {
  float: left;
  width: 545px;
  margin: 0px 0px 0px 5px;
  padding: 0px;
}
#main-l {
  float: left;
  text-align: left;
  width: 175px;
  margin: 0px;
  padding: 0px;
}
#content-l #main-l h4 {
  background-position: center 10px;
  background-repeat: no-repeat;
  width: 150px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  text-indent: -2000em;
}
#content-l #main-l #record {
  font-size: 60%;
  line-height: 120%;
  padding: 0px 0px 10px 10px;
  margin: 0px;
}

#content-l #main-l #guide-box {
  background-image: url(/images/index/background-guide.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 165px;
  height: 265px;
  font-size: 80%;
  margin: 0px;
  padding: 0px;
}
#content-l #main-l #guide-box h4 {
  background-image: url(/images/index/h4_guide.gif);
}
#content-l #main-l #guide-box p {
  margin: 0px;
  padding: 4px 10px 0px 10px;
}

#content-l #main-l #proof-box {
  background-image: url(/images/index/background-proof.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 165px;
  height: 128px;
  font-size: 80%;
  margin: 0px;
  padding: 0px;
}
#content-l #main-l #proof-box h4 {
  background-image: url(/images/index/h4_proof.gif);
}
#content-l #main-l #proof-box p {
  margin: 0px;
  padding: 5px 10px 0px 10px;
  line-height: 180%;
}

#content-l #main-l #qr-box {
  background-image: url(/images/index/background-qrcode.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 165px;
  height: 260px;
  font-size: 80%;
  margin: 0px;
  padding: 0px;
}
#content-l #main-l #qr-box h4 {
  background-image: url(/images/index/h4_qrcode.gif);
}
#content-l #main-l #qr-box p {
  margin: 0px;
  padding: 10px 10px 0px 10px;
  line-height: 140%;
}
  

/* ----------------------------------------------- Index Content-Center */
#main-r {
  float: right;
  width: 360px;
  text-align: left;
  font-size: 80%;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
}
#main-r h4 {
  background-position: left top;
  background-repeat: no-repeat;
  width: 202px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  text-indent: -800em;
}
#main-r #news-box,#main-r #info-box {
  padding-bottom: 15px;
}
#main-r #news-box,#main-r #info-box,#main-r #utopix-box {
  width: 355px;
}
#main-r #news-box h4 {
  background-image: url(/images/index/h4_news.gif);
}
#main-r #news-box p {
  padding: 0px 0px 0px 10px;
  line-height: 180%;
  margin: 0px;
}

#main-r #info-box h4 {
  background-image: url(/images/index/h4_info.gif);
}
#main-r #info-box table td {
  padding: 3px;
}


#main-r #utopix-box h4 {
  background-image: url(/images/index/h4_utopix.gif);
}


/* ----------------------------------------------- Index Content-Right */
#content-r {
  width: 210px;
  margin: 0px;
  padding: 3px 0px 0px 0px;
  float: right;
  text-align: left;
}
#content-r img {
  margin-bottom: 10px;
}

#content-r #active-box {
  background-image: url(/images/index/background-active.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 205px;
  height: 125px;
  margin: 0px;
  padding: 0px;
}
#content-r #active-box h4 {
  background-image: url(/images/index/h4_active.gif);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  width: 107px;
  height: 60px;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  text-indent: -2000em;
}
#content-r #active-box ul,#content-r #card-box ul,#content-r #question-box ul {
  margin: 0px;
  padding: 0px 10px;
  list-style-type: none;
}
#content-r #active-box li,#content-r #card-box li,#content-r #question-box li {
  background-image: url(/images/index/listmark.gif);
  background-repeat: no-repeat;
  font-size: 80%;
  line-height: 140%;
  vertical-align: middle;
  padding-left: 10px;
}

#content-r #question-box {
  background-image: url(/images/index/background-question.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 205px;
  height: 120px;
  margin: 0px;
  padding: 0px;
}
#content-r #question-box h4 {
  background-image: url(/images/index/h4_question.gif);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  width: 180px;
  height: 65px;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  text-indent: -2000em;
}

#content-r #card-box {
  background-image: url(/images/index/background-card.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 205px;
  height: 100px;
  margin: 0px;
  padding: 0px;
}
#content-r #card-box h4 {
  background-image: url(/images/index/h4_card.gif);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  width: 180px;
  height: 38px;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  text-indent: -2000em;
}

#content-r #job-box {
  background-image: url(/images/index/background-job.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 205px;
  height: 133px;
  margin: 0px;
  padding: 0px;
}
#content-r #job-box h4 {
  background-image: url(/images/index/h4_job.gif);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  width: 163px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  text-indent: -800em;
}
#content-r #job-box ul {
  margin: 0px;
  padding: 0px 10px;
  list-style-type: none;
}
#content-r #job-box ul li {
  background-image: url(/images/index/listmark.gif);
  background-repeat: no-repeat;
  font-size: 80%;
  line-height: 140%;
  vertical-align: middle;
  padding-left: 10px;
}

#content-r #blog-box {
  background-image: url(/images/index/background-blog.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 205px;
  height: 93px;
  margin: 0px;
  padding: 0px;
}
#content-r #blog-box h4 {
  background-image: url(/images/index/h4_blog.gif);
  background-position: 8px 8px;
  background-repeat: no-repeat;
  width: 100px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  text-indent: -800em;
}
#content-r #blog-box ul {
  margin: 0px;
  padding: 0px 10px;
  list-style-type: none;
}
#content-r #blog-box ul li {
  background-image: url(/images/index/listmark.gif);
  background-repeat: no-repeat;
  font-size: 80%;
  line-height: 140%;
  vertical-align: middle;
  padding-left: 10px;
}

#index #content-r .block {
  border: 1px solid #A8B0B5;
  padding: 0px;
  margin:0px 0px 9px 0px;
  width: 211px;
  text-align: left;
}
#index #content-r .block img {
  margin: 2px 0px 2px 5px;
}
#index #content-r .block ul {
  margin: 0px 0px 2px 10px;
  padding: 0px;
  list-style-type: none;
}
#index #content-r .block ul li {
  background-image: url(html/image/tmp/listmark.gif);
  background-repeat: no-repeat;
  font-size: 80%;
  line-height: 140%;
  vertical-align: middle;
  padding-left: 10px;
}