@charset "utf-8";



body {

  width: 980px;

  margin: 10px 5px 10px 20px;

  background-color: #ffffcc;

  font-size: 16px;

  color: #666666;

}

h1 {

  margin-bottom: 0;

  font-size: 22px;

}

h2 {

  width: 950px;

  font-size: 22px;

  border: 1px solid #ffa953;

  border-radius: 5px;

  display: inline-block;

  color: #009900;

  text-align: left;

  margin-top: 0px;

  margin-bottom: 0px;

}

h3 {

  width: 500px;

  font-size: 22px;

  border: 1px solid #ffa953;

  border-radius: 5px;

  display: inline-block;

  color: #009900;

  text-align: center;

  margin-top: 0px;

  margin-bottom: 10px;

}

header {

  text-align: center;

  margin-bottom: 30px;

}

header p {

  width: 850px;

  text-align: left;

  margin-left: auto;

  margin-right: auto

}

#center {

  width: 870px;

  display: inline-block;

  border: 3px solid #ffa953;

  border-radius: 5px;

  margin-top: 20px;

  margin-bottom: 30px;

}

#clear {

  clear: both;

}

#photo ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

#photo ul li {

  width: 320px;

  margin: 0 6px 30px 0px;

  font-size: 80%;

  float: left;

  text-align: center;

}

#photo img {

  width: 320px;

  height:232px;

}

#border {

  border: 1px solid #666666;

}

main {

  text-align: center;

}

main table {

  width: 100%;

  border-collapse: collapse;

  margin-bottom: 16px;

}

main th,

main td {

  border: 1px solid #333333;

  padding: 8px;

}

main th {

  background-color: #ffa953;

  font-weight: normal;

}

main td {

  background-color: #ffffff;

}

#table1 img,

#table2 img,

#table3 img,

#table4 img {

  width: 20px;

  height: 20px;

}

.mini {

  font-size: 80%;

}

#menu,

#news,

#table1,

#table2,

#table3,

#table4 {

  width: 980px;

}

#news th,

#news td {

  border: 1px solid #ffffff;

}

#menu td {

  width: 330px;

  text-align: center;

}



#table1 td:empty,

#table2 td:empty,

#table3 td:empty,

#table4 td:empty {

  background-color: #dddddd;

}

.title td {

  background-color: #dddddd;

}

.download {

  color:crimson;

  font-size: 22px;

  margin-bottom: 0;

}

footer {

  text-align: center;

}

.ninka {

  width: 700px;

  display: inline-block;

  font-size: 80%;

  border: 1px solid #666666;

  border-radius: 5px;

  padding: 0;

  background-color: #80ff80;

}

.ninka p {

  margin: 0;

}

.sibu {

  width: 250px;

}

.left {

  text-align: left;

}
.kosyu {
  margin-left: 15px;
}
.price {
    
  display: flex;
  align-items: flex-start;
    
}
.price table {
    
  width: 450px;
  border-collapse: collapse;
  margin: 20px;
  border: 1px solid #666666
    
}
.price table td {
    
  border: 1px solid #666666;
  background-color: #ffffee;    
}
.price table th {
    
  border: 1px solid #666666;
  background-color: #99cc99;    
}
.idou table th {
  background-color: #ffcc66;     
} 
.idou2 table th {
  background-color: #99ccff;     
} 
.idou3 table th {
  background-color: #ffcccc;     
}