#main {
  letter-spacing : 1px;
  line-height: 1.5em;
}

#process {
  font-size: 1.4em;
  line-height: 1.5em;
  clear : both;
  text-align : left;
  letter-spacing : 1px;
  margin-top : 20px;
}

#step1 {
  clear : both;
  height : 150px;
  width : 650px;
}

#step2 {
  clear : both;
  height : 150px;
  width : 650px;
}

#step3 {
  clear : both;
  height : 150px;
  width : 650px;
}

#step4 {
  clear : both;
  height : 150px;
  width : 650px;
}

#process .colL {
  width : 100px;
  float : left;
}

#process .colR {
  width : 530px;
  float : right;
  padding : 10px;
}


#gorecnavi {
  margin-top : 5px;
  height : 40px;
}

#gorecnavi img {
  vertical-align : middle;
}
#gorecnavi img.banner {
  border: 2px solid #0a3d98;
}

#explanation {
  margin-top : 10px;
  font-size : 1.4em;
  line-height: 1.5em;
  text-align : left;
  letter-spacing : 1px;
  clear : both;
  width : 100%;
}

#explanation span.memo {
  color : #0000ff;
}

#table {
  width : 600px;
  margin : 10px;
  display : table;
  border : solid 1px;
  border : solid 1px #aaaaaa;
}

#table .exleft {
  float : left;
  width : 200px;
  background-color : #eeeeff;
  padding : 4px 0 2px 10px;
}
#table .exright {
  float : left;
  text-align : left;
  width : 360px;
  padding : 4px 0 2px 10px;
}
#step1 .warn,
#step2 .warn,
#step3 .warn,
#step4 .warn {
  color:#ff3333;
  font-weight:bold;
}

#process .attention {
  padding-top: 10px;
  font-weight:bold;
  font-size: 0.9em;
}