body    { color: #646464; font-size: 12px; line-height: 16px; background-image: url(img/td_bg01.gif); margin-right: 0px; margin-left: 0px }
h1 { color: #000096; font-size: 14px; margin: 0px }
hr { color: #c8c8c8; width: 368px; height: 1px }
#main    { background: white url(img/title.gif) no-repeat center top; margin-right: auto; margin-left: auto; padding-top: 50px; padding-right: 20px; padding-left: 20px; border: solid 1px #a0b4d2; width: 602px }
#footer  { color: white; background-image: url(img/td_bg01.gif); text-align: center; margin-bottom: 20px; padding: 2px; border: solid 1px #a0b4d2 }
.img  { border: solid 1px #000096; width: 162px }
.imga  { border-top: solid 21px #000096; width: 162px }
.box { background-image: url(img/td_bg01.gif); margin-bottom: 40px; padding: 10px; border: solid 1px #a0b4d2 }
#box01  { background: #e6e6e6 url(img/step1.gif) no-repeat right bottom; margin: auto; padding: 10px; border: solid 1px #c8c8c8; width: 540px }
#box02  { background: #e6e6e6 url(img/step2.gif) no-repeat left bottom; margin: auto; padding: 10px; border: solid 1px #c8c8c8; width: 540px }
#box03  { background: #e6e6e6 url(img/step3.gif) no-repeat right bottom; margin: auto; padding: 10px; border: solid 1px #c8c8c8; width: 540px }
#box04 { background: #e6e6e6 url(img/step4.gif) no-repeat left bottom; margin: auto auto 40px; padding: 10px; border: solid 1px #c8c8c8; width: 540px }
.td01  { font-size: 12px; line-height: 16px; vertical-align: top; padding-left: 10px; width: 358px }
.td02   { font-size: 12px; line-height: 16px; vertical-align: top; padding-right: 10px }
.yaji   { margin-top: 10px; margin-bottom: 10px; margin-left: 100px }