.title{
  text-align: center;
  font-size:24pt;
  margin:0.5em 0;
}

.demo img{
  max-height: 14cm;
  max-width: 80%;
}

.sc{
	width: 100%;
	text-align: center;
	margin: 1em;
}

.sc img.border{
  border:1px solid gray;
}

.imgsub{
  margin:1em;
  display:flex;
  align-items: center;
  flex-direction: column;
}

.imgsub img{
  border:1px solid gray;

}

.imgsub .desc{
  padding-top:0.3em;
  font-size:small;
  font-weight: bold;
}

.pct, .dl{
  width:100%;
  text-align:center;
}

.dl img{
  max-height:2cm;
}

.pct .title{
  font-weight: bold;
  font-size:x-large;
}

.pct img.desc{
  max-height:6cm;
  margin:1em;
}

#contain{
  background-color:#FCFCFC;
  color:#222222;
}

#contain hr{
  margin:2em 1em;
  border-color:#222222;
  border-width: 1px 0 0 0;
}


.doc{
  width: 100%;
  font-weight: bold;
  text-align: center;
}

.doc a{
  color: #222222;
}

.pp-title{
    font-size: larger;
    width:100%;
    font-weight: bold;
    text-align: center;
}

#buy{
  text-align: center;
}

#buy table{
  display: inline-table;
}

#buy .from{
  font-weight: bold;
}

#buy .payway{
  font-size:smaller;
}


#sample .title{
  font-weight: bold;
  text-align: center;
  font-size: large;
}

.samplelist{
  text-align: center;
}

.sample{
  display: inline-block;
}

.sample>div{
  display: flex;
  justify-content: center;
}

.sample .result{
  display: flex;
  align-items: center;
  justify-content: center;
}


.sample .result img{
  max-height:5cm;
}

table.param td{
  vertical-align: top;
}

table.param tr td:first-child{
  font-weight: bold;
  padding-right: 0.5em;
}