@import "common.css";

div#navi {
  width: 720px;
  background-color: #333333;
  color: #FFF7B2;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: right;
  border-width: 0px 0px 3px 0px;
  border-style: solid;
  padding: 0.5em 2em 0.5em 0.5em;
}

div#main {
  width: 750px;
}

div#equipment {
  float: left;
  width: 370px;
}

div#photo {
  float: left;
  width: 350px;
  margin: 1em auto auto 15px;
}

div#price {
  width: 100%;
  clear: both;
  text-align: center;
  margin: 30px auto auto auto;
}

div#price-photo {
  width: 350px;
  float: left;
  margin-bottom: 20px;
}

div#price-list {
  width: 400px;
  float: left;
}

strong.tel {
  color: red;
  font-size: large;
}

table.equipment , .price-list , .price-list-srp{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #C0C0C0;
  font-size: 10pt;
  text-align: center;
}

table.price-list {
  width: 90%;
}

table.price-list-srp {
  width: 100%;
}

table.equipment tr , .price-list , .price-list-srp tr {
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0;
}

table.equipment td,th , .price-list td,th , .price-list-srp td,th {
  border-style: solid;
  border-width: 1px;
  border-color: #C0C0C0;
  padding: 0.5em;
}

caption {
  font-weight: bold;
  margin-left: auto;
  margin-right: auto; 
}

p.explanation {
  margin-top: -0.5em;
  margin-right: 1em;
  margin-left: 1em;
}

p.explanation-rr {
  margin-top: -0.5em;
  margin-right: 1em;
  margin-left: 1em;
  margin-bottom: 2em;
}

p.price-explanation {
  width:90%;
  margin-top: -0.5em;
  margin-right: auto;
  margin-left: auto;
}

p.price-explanation-rr {
  width:100%;
  margin-top: -0.5em;
  margin-right: auto;
  margin-left: auto;
}

ul {
  margin-bottom: 3em;
}

strong.price {
  font-size: 14pt;
}