@charset "utf-8";

/* =======================================

 List Parts CSS

 -----------------------------------------
 INDEX
 -----------------------------------------
 List 01
 List 02

========================================== */

#contents ul {
  list-style: disc;
  padding-left: 25px;
}
#contents ul ul {
  list-style-type: circle;
}


#contents ol {
  list-style: outside decimal;
  padding-left: 30px;
}
#contents ol li {
}
#contents ol ol {
  list-style-type: upper-roman;
}
#contents ol ol ol {
  list-style-type: upper-alpha;
}

#contents li {
  margin: 0 0 5px;
}
#contents li.n {
  margin: 0 0 0px;
}
#contents li li {
  margin: 5px 0 0;
}

/* List 01
========================================== */
#contents ul.list01 {
  list-style: none;
  position: relative;
  margin: 0 0 15px;
  padding: 0;
  zoom: 1;
}
#contents ul.list01:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#contents ul.list01 li {
  margin: 0 0 5px;
  padding: 0 0 0 18px;
  background: url(../../images/common/arrow_01.png) no-repeat 0 4px;
}

#contents ul.list01 li p {
  margin: 5px 0 0;
}

#contents ul.list01 li ul {
  list-style: outside disc;
  float: none;
  margin: 0 0 0 18px;
}

#contents ul.list01 li ul li {
  margin: 5px 0 0;
  padding-left: 0;
  background: none;
}


/* List 02
========================================== */
#contents ul.list02 {
  list-style: none;
  position: relative;
  margin: 0 0 15px;
  padding: 0;
  zoom: 1;
}
#contents ul.list02:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#contents ul.list02 li {
  float: left;
  display: inline;
  margin: 0 20px 5px 0;
  padding: 0 0 0 10px;
  background: url(../../images/common/arrow_02.png) no-repeat 0 0.67em;
}


/* List 03
========================================== */
#document #contents ul.list03,
#document #contents ul.list01 li ul.list03 {
  list-style: inside none;
  zoom: 1;
}

#contents ul.list03 {
  margin: 0 0 15px;
  padding: 0;
}
#document #contents ul.list01 li ul.list03 {
  margin: 5px 0 0;
  padding: 0;
}
* html #document #contents ul.list01 li ul.list03 {
  margin-left: -18px;
}


#document #contents ul.list03 li,
#document #contents ul.list01 li ul.list03 li {
  display: block;
  list-style: inside none;
  margin: 0 0 5px;
  padding: 0 0 0 18px;
  background: url(../../images/common/arrow_03.gif) no-repeat 6px 8px;
  zoom: 1;
}

/* List 04
========================================== */
#contents ul.list04 {
  list-style: inside none;
  margin: 0 0 15px;
  padding: 0;
}
#document #contents ul.list03 li ul.list04 {
  margin: 5px 0 0;
  padding: 0;
  zoom: 1;
}
* html #document #contents ul.list03 li ul.list04 {
  margin-left: -18px;
}

#document #contents ul.list04 li,
#document #contents ul.list03 li ul.list04 li {
  display: block;
  list-style: inside none;
  margin: 0 0 5px;
  padding: 0 0 0 18px;
  background: url(../../images/common/ico_square_01.gif) no-repeat 8px 8px;
  zoom: 1;
}


/* Index List 01
========================================== */
#contents .indexList01 {
  margin: 0 0 20px;
}

#contents .indexList01 dl {
  margin: 10px 0px 0px 0px;
  padding: 0;
  float: left;
}

#contents .indexList01 dl dt {
  float: left;
  width: 80px;
  height: 80px;
}

#contents .indexList01 dl dd {
  margin: 0;
  padding: 0 0 0 18px;
  width: 500px;
  float: left;
}


/* Index List 02
========================================== */
#contents .indexList02 {
  margin: 0 0 20px 10px;
}

#contents .indexList02 dl {
  margin: 0;
  padding: 0;
}

#contents .indexList02 dl dt {
  position: absolute;
  margin: 0;
  padding: 2px 0 0;
}

#contents .indexList02 dl dd {
  padding: 0 0 15px 83px;
}