@charset "utf-8";

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

 Table Parts CSS

 -----------------------------------------
 INDEX
 -----------------------------------------
 Table 01
 Table 02
 Table 03
 
========================================== */

/* Table 01
========================================== */
#contents table.table01 {
  margin: 0 30px 20px 0;
  border: solid #DADBDD;
  border-width: 1px 0 0 1px;
}

#contents table.table01 tr th,
#contents table.table01 tr td {
  padding: 5px 10px;
  border: solid #DADBDD;
  border-width: 0 1px 1px 0;
}

#contents table.table01 tr th {
  color: #1C417C;
  font-weight: bold;
}
#contents table.table01 thead tr th,
#contents table.table01 tr th.head01 { background-color: #E8ECF2;}
#contents table.table01 tbody tr th,
#contents table.table01 tr th.head02 { background-color: #FBF6E6;}

#contents table.table01 tr td {
}


/* Table 02
========================================== */
#contents .table02 {
}

#contents table.table02 {
  margin: 0 0 20px;
  width: 100%;
  table-layout: fixed;
  border: solid #DADBDD;
  border-width: 1px 0 0 1px;
}

#contents table.table02 tr th,
#contents table.table02 tr td {
  padding: 5px 10px;
  border: solid #DADBDD;
  border-width: 0 1px 1px 0;
}

#contents table.table02 tr th {
  background: #E8ECF2;
  color: #1C417C;
  font-weight: bold;
}

#contents table.table02 tr td {
  padding: 10px;
}

#contents table.table02 tr td .unit {
  zoom: 1;
}
#contents table.table02 tr td .unit:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#contents table.table02 tr td .unit .image {
  float: left;
  width: 86px;
  text-align: center;
}

#contents table.table02 tr td .unit .body {
  float: right;
  width: 195px;
}

#contents table.table02 tr td .unit .body ul.list1 {
  margin: 0;
}

#contents table.table02 tr td .unit .body ul.list1 li {
  padding: 0 0 0 18px;
  background: url(../../images/common/arrow_01.png) no-repeat 0 5px;
}

#contents table.table02 tr td .unit .body p {
  margin: 5px 0 0;
}


/* Table 03
========================================== */
#contents table.table03 {
  margin: 0 0 20px;
  width: 100%;
  table-layout: fixed;
  border: solid #DADBDD;
  border-width: 1px 0 0 1px;
}

#contents table.table03 tr th,
#contents table.table03 tr td {
  padding: 5px 10px;
  border: solid #DADBDD;
  border-width: 0 1px 1px 0;
}

#contents table.table03 tr th {
  background: #E8ECF2;
  color: #1C417C;
  font-weight: bold;
}

#contents table.table03 tr td {
  padding: 10px 10px 10px 0;
}

#contents table.table03 tr td .unit {
  margin: 0 0 0 10px;
  zoom: 1;
}
#contents table.table03 tr td .unit:after { /* for Modern Browser */
  content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#contents table.table03 tr td .unit .image {
  float: left;
  width: 55px;
  text-align: center;
}

#contents table.table03 tr td .unit .body {
  float: right;
  width: 126px;
}

#contents table.table03 tr td .unit .body ul.list01 {
	padding: 0;
}

#contents table.table03 tr td .unit .body ul.list01 li {
  padding: 0 0 0 18px;
  background: url(../../images/common/arrow_01.png) no-repeat 0 5px;
}

#contents table.table03 tr td .unit .body p {
  margin: 5px 0 0;
}


/* Table 04
========================================== */
#contents table.table04 {
	margin: 0 auto;
	width: 100%;
	table-layout: fixed;
}

#contents table.table04 tr {
}

#contents table.table04 tr th,
#contents table.table04 tr td {
	padding: 0 0 15px;
}