/* CSS Document */
img {
  vertical-align: bottom;
}

.contents_outer {
  width: 100%;
  margin: auto;
  padding-bottom: 20px;
}

.sec02 {
  width: 100%;
  margin-top: 20px;
  display: block;
  overflow: hidden;
  background: url(/resources/img/dorapura_app/bg_sec02_bg01.png) center top;
}

.sec02 .sec02_l {
  width: 39%;
  float: left;
}

.sec02 .sec02_l img {
  width: 100%;
}

.sec02 .sec02_r {
  width: 61%;
  float: right;
}

.sec02 .sec02_r .box1 img {
  width: 100%;
  height: auto;
}

.sec02_r .box01 {
  margin: 15px 0 0 0;
  position: relative;
  display: block;
  overflow: hidden;
}

.sec02_r .box01 li {
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 390px;
}

.sec02_r .box02 {
  margin: 13px 0 0 21px;
}

.sec02_r .box02 ul {
  margin: 0;
  padding: 0;
}

.sec02_r .box02 img {
  margin: 2px;
}

.sec02_r .box02 li {
  float: left;
  cursor: pointer;
  list-style: none;
}

.sec03 {
  width: 100%;
  height: 149px;
}

.sec03 .prev, .sec03 .next {
  width: 19px;
  height: 149px;
  float: left;
  cursor: pointer;
}

.sec03 .scroll_cc {
  width: 597px;
  height: 149px;
  float: left;
}

.sec03 .scroll_cc img {
  margin: 5px 7px 0 7px;
}

.sec03 .scroll_cc a:hover {
  opacity: 0.7;
}

.sec04 {
  width: 100%;
}

.sec04 .box02 {
  width: 100%;
  margin-bottom: 10px;
}

.sec04 .box02_1 {
  width: 100px;
  float: left;
  margin: 6px 0 0 0;
  padding-left: 12px;
}

.sec04 .box02_2 {
  width: 400px;
  float: left;
  margin: 6px 0 0 0;
  padding-left: 2px;
}

div#contents .contents_outer .sec04 .box02_2 h3 {
  width: 400px;
  display: block;
  overflow: hidden;
  margin: 18px 0 22px 0;
  background: none;
  border: 0;
  clear: none;
  padding: 0;
}

.sec04 .box02_3 {
  float: left;
  margin-top: 10px;
}

.sec05 {
  width: 100%;
  height: 199px;
  background: url(/resources/img/dorapura_app/bg_sec02_bg01.png);
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
}

.sec05 .box01 {
  width: 121px;
  margin: 9px 9px 0  0;
  float: left;
  padding-left: 11px;
}

.sec05 .box02 {
  width: 494px;
  float: left;
  margin-top: 9px;
}

div#contents .contents_outer .sec05 .box02 h3 {
  width: 494px;
  display: block;
  overflow: hidden;
  margin: 0 0 16px 0;
  border: none;
  padding: 0;
}

.sec05 .box02 .box02_1 {
  width: 193px;
  float: left;
}

.sec05 .box02 .box02_2 {
  width: 289px;
  float: left;
}

.sec06 {
  width: 100%;
}

.sec06 .sec06_inner {
  width: 100%;
  border-bottom: #FFF solid 1px;
  display: block;
  overflow: hidden;
}

.sec06 .sec06_inner table {
  margin: 0;
}

.sec06 .sec06_inner th, .sec06 .sec06_inner td {
  padding: 10px;
  border-bottom: 1px solid #ffffff;
}

.sec06 .sec06_inner th {
  background: #e4e4e4;
  border-right: 1px solid #ffffff;
}

.sec06 .sec06_inner td {
  background: #f9f9f9;
}

.sec06 .accordion_head {
  width: 100%;
  display: block;
  overflow: hidden;
  cursor: pointer;
  margin-top: 5px;
}

.sec06 .accordion_head dd:hover {
  text-decoration: underline;
}

.sec06 .accordion_open dl {
  display: block;
  overflow: hidden;
}

.sec06 .q {
  color: #ef0b0b;
  font-weight: bold;
}

.sec06 .a {
  color: #39da1a;
  font-weight: bold;
}

.sec06 dt {
  width: 30px;
  float: left;
}

.sec06 dd {
  margin: 0;
  overflow: hidden;
}

.contents .cont_app_list {
  margin: 20px 0;
}
.contents .cont_app_list ul {
  margin: 0;
  padding: 0;
}
.contents .cont_app_list li {
  margin: 0;
  padding: 0;
  float: left;
  width: 50%;
  list-style: none;
  text-align: center;
}

.contents .cont_app_list_2 {
  margin: 20px 0;
}
.contents .cont_app_list_2 ul {
  margin: 0;
  padding: 0;
}
.contents .cont_app_list_2 li {
  margin: 0;
  padding: 5px;
  float: left;
  /*width: 25%;*/
  width: 33.33%;
  list-style: none;
  text-align: center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.contents .cont_app_qr {
  padding: 5px;
  border: 1px solid #cccccc;
}

@media screen and (max-width: 640px) {
  .contents .sec02 {
    background: url(/resources/img/dorapura_app/bg_sec02_bg01.png) center top;
    -webkit-background-size: 320px 241px;
    -moz-background-size: 320px 241px;
    background-size: 320px 241px;
  }
  .contents .cont_app_list li {
    float: none;
    width: 100%;
  }
  .contents .cont_app_list li:first-child {
    margin-bottom: 20px;
  }
  .contents .cont_app_list_2 li {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}