.container{
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.con {
  max-width: 375px;
  margin: 0 auto;
  text-align: center;
}

.legend_b{

/*  border: 2px dotted #ccc;*/
  border: 2px solid #ccc;
}

.tit {
  font-family : "Yu Gothic";
  font-size: 16px;
  vertical-align:middle;
  width:350px;
  height: 35px;
  padding: 0px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #ccc;
  background:white;
  border-left: 10px solid red;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.35);
  color: #666;
}


.btn {
  border-radius: 4px;
  background-color: rgb(85, 142, 219);
/*  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.45);*/
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.35);
  width: 480px;
  height: 40px;
  vertical-align:middle;
  padding: 0px;
  font-size: 16px;
  font-family: "Yu Gothic";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  cursor: pointer;
}

.btn:hover {
  opacity:0.8;
}


.moji {
  font-size: 16px;
  font-family: "Yu Gothic";
  color: rgb(56, 55, 55);
  font-weight: bold;
  line-height: 1.2;
}

.midashi{
  font-size: 16px;
  font-family: "Yu Gothic";
  color: rgb(85, 142, 219);
  font-weight: bold;
  line-height: 1.2;
}

.aaa{
  font-size : 17px;
  padding-left: 0.5em;
  background-color: #FFFFFF;
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  width: 350px;
  height: 32px;
}

.h{
  line-height:15px;
}

.logo{
width:210px;
height:70px;
}