@charset "utf-8";

h3 {
  width: 600px;
  font-size: 22px;
  border-bottom: 1px solid #ff99ce;
  padding-top: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

h4 {
  font-size: 16px;
  font-family: "メイリオ", "Meiryo", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

#support {
  width: 980px;
  height: 730px;
  display: block;
  position: relative;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  border: 1px solid #cccccc;
  float: left;
}

#support_title {
  width: 715px;
  height: 70px;
  display: block;
  position: relative;
  background-color: #ffe6f3;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  border-radius: 6px;
  float: both;
}

.support_info {
  width: 715px;
  height: 430px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

.support_image {
  width: 189px;
  height: 76px;
  position: relative;
  margin-left: 35px;
  margin-bottom: 40px;
  float: left;
  border: 1px solid #bbbbbb;
  float: left;
}


#recommend {
  width: 980px;
  display: block;
  position: relative;
  background: #ffffff;
  border: 1px solid #cccccc;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  float: left;
}

#recommend_section01 {
  width: 715px;
  height: 680px;
  display: block;
  position: relative;
  background: #ffffff;
  margin-top: 20px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section02 {
  width: 715px;
  height: 720px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section03 {
  width: 715px;
  height: 680px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section04 {
  width: 715px;
  height: 690px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section05 {
  width: 715px;
  height: 650px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section06 {
  width: 715px;
  height: 650px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}
#recommend_section07 {
  width: 715px;
  height: 630px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section08 {
  width: 715px;
  height: 640px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section09 {
  width: 715px;
  height: 620px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section10 {
  width: 715px;
  height: 730px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section11 {
  width: 715px;
  height: 570px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section12 {
  width: 715px;
  height: 550px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

#recommend_section13 {
  width: 715px;
  height: 550px;
  display: block;
  position: relative;
  background: #ffffff;
  border-top: 2px solid #cccccc;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  float: both;
}

.recommend_info {
  width: 454px;
  display: block;
  position: relative;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 20px;
  float: left;
}

.performance {
  width: 660px;
  display: block;
  position: relative;
  margin-left: 20px;
  margin-bottom: 10px;
  padding-left: 10px;
  border-top: 1px solid #cccccc;
  float: left;
}

.performance p {
  font-size: 12px;
}

.recommend_image1 {
  width: 200px;
  position: relative;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
  float: left;
}

.recommend_image2 {
  width: 210px;
  margin-left: 13px;
  border: 5px solid #ffffff;
  -webkit-box-shadow: 4px 4px 4px #777777;
     -moz-box-shadow: 4px 4px 4px #777777;
          box-shadow: 4px 4px 4px #777777;
  outline: 1px solid #cccccc;
  outline-offset: 1px;
  float: left;
}