.contents{
  width:95%;
  margin:10px auto;
  line-height: 140%;
  position:relative;
  overflow: auto;
}
img.contents_thumbnail{
  width:50%;
  float:left;
  margin-right:10px;
  margin-bottom:5px;

}
.contents_thumbnail{

}
.contents_machi ,.contents_kisekae{
  padding: 2px 10px;
  font-size: 0.9em;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 3px;

}


.contents_machi{
  background: #ee5f8f;
  color: #FFFFFF;
}

.contents_kisekae{
  background: #efaf40;
  color: #FFFFFF;
}
.contents_name{
  font-size:large;
  font-weight:bold;
}
.dl_btn{
  font-size:large;

  color:#fff;
  padding:10px;
  font-weight: bold;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #00E0FF 0%, #007FFF 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #00E0FF 0%, #007FFF 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #00E0FF 0%, #007FFF 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00E0FF), color-stop(1, #007FFF));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #00E0FF 0%, #007FFF 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #00E0FF 0%, #007FFF 100%);
  text-align: center;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow:rgba(0, 0, 0, 0.3) 2px 3px 3px 1px;

}
.contents .dl_btn{
  position:absolute;
  bottom:15px;
  width:40%;
  margin: 0 auto;
  text-align:center;
}
@media screen and (min-width : 768px) {

  .contents{
    width:50%;
  }
  .hr01{
    width:50%;
  }
}

.contents_icon {
  width:95%;
  margin:5px auto;
  letter-spacing:0.1em;
  line-height:1.3;

}
.contents_icon img{
  width:100%;
}
.frame_top{
  width:100%;
}
.frame_bottom{
  width:100%;
  margin-bottom:20px;
}

.frame_top img{
  vertical-align: bottom;
  width:100%;
}
.frame_bottom img{
  width:100%;

}

.frame_center {
  color:#fff;
  background: url(../images/quiz/quiz_frame_02.png) top center repeat-y;
  background-size:100% auto;
  padding:15px;
}
.contents_icon .dl_btn{
  display:block;
  width:80%;
  margin:15px auto;

}