@charset "Shift_JIS";
#mainhead{
  width: 620px;
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}
#mainhead h3{
  margin-bottom: 5px;
  margin-left: 20px;
}
#mainhead h2{
  margin-bottom: 20px;
  margin-left: 20px;
}
#locguide{
  font-size: small;
  text-align: right;
  width: 350px;
  display: block;
  margin-top: 40px;
}
#swrap01{
  width: 250px;
  height: 220px;
}
#swrap02{
  width: 370px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
}
#swrap03{
  width: 620px;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: rgb(255, 128, 0);
}
#swrap03 li{
  font-size: small;
  list-style-type: none;
}
#explanation01{
  width: 80px;
  float: left;
  text-align: right;
}
#explanation02{
  width: 450px;
  float: left;
  text-align: left;
}
#associationguide{
  margin-left: 10px;
  font-size: small;
}
.guidance{
  width: 620px;
  height: 180px;
  text-align: left;
}
.gwrap01{
  width: 185px;
  float: left;
  padding-left: 10px;
}
.gwrap01 li{
  font-size: x-small;
  margin: 0px 0px 0px 20px;
  list-style-position: outside;
  list-style-image : url(../nlist/list00sr.gif);
}
.gwrap02{
  width: 208px;
  float: left;
  text-align: center;
}
#chargelist{
  margin-left: 20px;
  margin-top: 5px;
}
#collarimg{
  margin-top: 20px;
}
#aka{
  color: red;
  margin-right: 6px;
}
#ki{
  color: yellow;
  margin-right: 6px;
}
#kimidori{
  color: lime;
  margin-right: 3px;
}
#mizuiro{
  color: aqua;
  margin-right: 3px;
}
#pink{
  color: fuchsia;
  margin-right: 3px;
}
#oudo{
  color: rgb(231, 153, 24);
  margin-right: 3px;
}
#ao{
  color: blue;
  margin-right: 6px;
}
#kuro{
  color: black;
  margin-right: 6px;
}
#midori{
  color: green;
  margin-right: 6px;
}
#cyairo{
  color: maroon;
  margin-right: 6px;
}
.comment{
  color: red;
  line-height: 12px;
  letter-spacing: 1px;
  font-size: small;
}
#attention{
  width: 500px;
  text-align: left;
  height: 150px;
  clear: both;
  margin-top: 10px;
}
#attention li{
  font-size: small;
  list-style-position: outside;
  list-style-image : url(../nlist/list00sr.gif);
  margin-left: 20px;
}
#sendrate{
  text-align: center;
  margin-left: 0px;
}
#subwrap01{
  width: 320px;
  float: left;
  display: table;
  margin-bottom: 20px;
  margin-left: 10px;
}
#subwrap02{
  width: 310px;
  float: right;
  margin-bottom: 20px;
}
.course01{
  width: 300px;
  text-align: center;
}
.c_explanation{
  text-align: left;
  width: 280px;
  height: 70px;
}
.oisogi{
  font-size: x-small;
}
#r_wrap01{
  width: 220px;
}
#r_wrap01 h2{
  text-decoration: underline;
  margin-bottom: 10px;
  margin-left: 10px;
}
#r_wrap01 h3{
  text-decoration: underline;
  margin-bottom: 10px;
  margin-left: 10px;
}
#r_wrap02{
  width: 150px;
  text-align: center;
}
#r_wrap03{
  width: 130px;
}
#shogaku{
  font-size: x-small;
  text-decoration: none;
  font-weight: normal;
  display: inline;
}
.c_explanation li{
  font-size: x-small;
  margin: 0px 0px 0px 20px;
  list-style-position: outside;
  list-style-image : url(../nlist/list00sr.gif);
}
#tegata_rate1{
  width: 140px;
  float: right;
}
#tegata_rate2{
  width: 120px;
  margin-left: 10px;
  float: left;
}
#sample{
  text-align: center;
  margin-left: 60px;
}
#sample td{
  width: 220px;
  height: 200px;
}
.sample_01{
  clear: both;
}
.sample_02{
  width: 80px;
  float: left;
  margin-top: -5px;
}
.sample_03{
  width: 120px;
  float: right;
  margin-top: -5px;
}
.association_ex{
  margin-left: 30px;
  margin-bottom: 10px;
}
#association{
  width: 620px;
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  height: 500px;
}
#association h2{
  margin-left: 20px;
  margin-bottom: -5px;
}
#return{
  margin-top: 10px;
  width: 180px;
  margin-left: 20px;
  text-align: left;
}
#returnlist{
  list-style-image : url(../mark/arrow03.gif);
  list-style-position: inside;
  font-size: 11pt;
  margin-left: 10px;
  margin-top: 5px;
}
#s_guide{
  width: 620px;
  margin: 30px 10px;
  height: 250px;
  text-align: left;
  padding: 5px;
}
#s_guide h2{
  margin-bottom: 15px;
  margin-left: 10px;
}
.ratelist01{
  width: 90px;
  float: left;
  text-align: right;
  border-top-width: 2px;
  border-left-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-top-color: gray;
  border-left-color: gray;
  border-bottom-color: gray;
  margin-left: 6px;
  list-style-type: none;
}
.ratelist02{
  width: 90px;
  float: left;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-top-color: gray;
  border-right-color: gray;
  border-bottom-color: gray;
  margin-right: 8px;
  list-style-type: none;
  margin-bottom: 20px;
}
.ratelist01 li{
  border: 1px solid silver;
  padding-top: 3px;
  padding-bottom: 1px;
  margin-bottom: 0px;
  padding-right: 5px;
  list-style-type: none;
}
.ratelist02 li{
  border: 1px solid silver;
  padding-top: 3px;
  padding-bottom: 1px;
  margin-bottom: 0px;
  padding-left: 5px;
}
.orderwrap{
  width: 620px;
  margin: 0px 10px 10px;
  text-align: center;
  padding: 5px;
}
#ratelist03{
  width: 150px;
  border: 2px solid gray;
  list-style-image : url(../nlist/list00sr.gif);
  font-size: small;
  padding: 10px 10px 10px 20px;
  text-align: left;
  clear: both;
  margin-left: 6px;
}
#ratelistmain{
  padding: 15px 5px;
}
#rl02{
  height: 95px;
  padding-top: 70px;
}
#rl03{
  height: 165px;
  padding-top: 120px;
}
#rl04{
  height: 133px;
  padding-top: 80px;
}
#rl05{
  height: 113px;
  padding-top: 100px;
}
#rl06{
  height: 119px;
  padding-top: 70px;
}
#rlwrap{
  float: right;
}
.ordercurrent{
  text-align: left;
  width: 190px;
}
.orderattention{
  color: red;
}
.orderattentionwrap{
  width: 300px;
  text-align: left;
  vertical-align: super;
}
.attentionli{
  list-style-type: none;
  list-style-position: outside;
  list-style-image : url(../nlist/list00sr.gif);
  font-size: small;
  margin-left: 30px;
}
#yoyaku01{
  text-align: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.yoyaku02{
  background-image : url(../nlist/list000r.gif);
  margin-left: 20px;
  background-repeat: no-repeat;
  list-style-type: none;
  margin-bottom: 15px;
  padding-left: 20px;
  text-align: left;
}
.yoyaku03{
  margin-left: 200px;
  text-align: left;
}
#yoyaku04{
  width: 620px;
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  height: 450px;
  text-align: left;
}