#AS-SPECIAL-contents h1 { margin:0; padding:0;}
#AS-SPECIAL-contents h1 img {width:100%; height:auto;}
#AS-SPECIAL-contents h1 span { position: absolute; top: 0px; left: -1800px; width: 100px; margin: 0px; padding: 0px; }

#AS-SPECIAL-contents .navi_area {float:right; width:240px; margin-right:5px;}
#AS-SPECIAL-contents .navi_area img { width:48%;}
#AS-SPECIAL-contents .intro {float:left; width:490px;}

#AS-SPECIAL-contents .clr {clear:both; height:0; line-height:0; display:block;}
#AS-SPECIAL-contents .dotline { border-bottom:dotted 1px #8c8c8c; margin:12px auto; clear:both;}
#AS-SPECIAL-contents .copy { border-bottom:dotted 1px #8c8c8c;  border-top:dotted 1px #8c8c8c; margin:12px auto; padding-top:10px; }

#AS-SPECIAL-contents .img_h2 { margin: 20px 0px 0px 0px; padding: 2px 0px 5px 35px; font-size:24px; font-weight:600; color:#000000; text-shadow: 0.1em 0.1em #ceddda; background-image:url(/product/atermstation/special/rakuraku_qr_web/img/h2.gif); background-repeat:no-repeat; overflow: visible; line-height:1.4;}
#AS-SPECIAL-contents .number ol { counter-reset:my-counter; list-style:none; padding:0;}
#AS-SPECIAL-contents .number ol li { margin-bottom:10px; padding-left:30px; position:relative; list-style:none; padding-top:6px; border-bottom:dotted 1px #8c8c8c; padding-bottom:15px;}
#AS-SPECIAL-contents .number ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #25b2bd;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
#AS-SPECIAL-contents .number ol li div a.raku_bnr { margin-right:20px;}

#AS-SPECIAL-contents .tdp { margin:5px auto;}
#AS-SPECIAL-contents .tbl1 { margin-bottom:30px;}
#AS-SPECIAL-contents .tbl1 table { border-top:solid 1px #b6b6b6 !important; border-right:solid 1px #b6b6b6 !important; margin-top:10px; margin-left:0; width:100%;}
#AS-SPECIAL-contents .tbl1 th { padding:3px; border-bottom:solid 1px #b6b6b6 !important; border-left:solid 1px #b6b6b6 !important; background-color:#ff8400; vertical-align:middle; font-weight:normal; color:#ffffff;}
#AS-SPECIAL-contents .tbl1 td { padding:3px; border-bottom:solid 1px #b6b6b6 !important; border-left:solid 1px #b6b6b6 !important; vertical-align:middle;}

#AS-SPECIAL-contents h3.adr_menu { background-color:#00b3d6; line-height:12px; padding:6px 8px 3px 8px; font-size:12px; color:#fff; font-weight:700; display:block; border-bottom:solid 2px #0093b0; margin-top:20px;}


/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
#AS-SPECIAL-contents .navi_area {float:right; width:34%; margin-right:2px;}
#AS-SPECIAL-contents .intro {float:left; width:65%;}

}

/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#AS-SPECIAL-contents .navi_area {float:none; width:98%; margin-right:2px; display:block; text-align:right;}
#AS-SPECIAL-contents .navi_area img { width:105px;}
#AS-SPECIAL-contents .intro {float:none; width:100%; display:block;}

#AS-SPECIAL-contents .number ol li div a.raku_bnr { margin-right:0 !important; padding-bottom:10px; display:block;}

}