@charset "UTF-8";
/* base
----------------------------------------------------*/
ul,h2,h3,h4,h5,p,li,dl,dt,dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
h2,h3,h4{
  line-height: 0;
}
#print_onlineArea {
  text-align: center;
  font-size: 80%!important;
}
#print_onlineArea a{
  color: #2b94e3;
}
#print_onlineArea img{
  width: 100%;
  vertical-align: bottom;
}
#print_onlineArea h2{
  margin: 0;
  padding: 0;
}
.notice{
  position: absolute;
  width: 20%;
  top: 0;
  left: 0;
}
.page_body{
  padding: 0 4% 0;
}
.table_block {
  border: 1px solid #0c91ff;
}
.table_block li{
  padding: 4%;
  text-align: left;
}
.table_block ul li.even{
  background-color: #f2f2f2;
}
.table_block ul li.odd{
  background-color: #ffffff;
}
.bnr_block{
  width: 90%;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  font-size: 80%;
}
.bnr_block dl{
  width: 48%;
}
.bnr_area{
  width: 90%;
  margin: 0 auto;
}

/* border */
#print_onlineArea .h-border-b{border-bottom: 1px solid #d9d9d9;}

/* helper
----------------------------------------------------*/
/*margin*/
#print_onlineArea .h-m0a {margin: 0 auto;}
#print_onlineArea .h-mb1 {margin-bottom: 1%;}
#print_onlineArea .h-mb2 {margin-bottom: 2%;}
#print_onlineArea .h-mb3 {margin-bottom: 3%;}
#print_onlineArea .h-mb4 {margin-bottom: 4%;}
#print_onlineArea .h-mb5 {margin-bottom: 5%;}
#print_onlineArea .h-mb6 {margin-bottom: 6%;}
#print_onlineArea .h-mb7 {margin-bottom: 7%;}
#print_onlineArea .h-mb8 {margin-bottom: 8%;}
#print_onlineArea .h-mb9 {margin-bottom: 9%;}
#print_onlineArea .h-mb10 {margin-bottom: 10%;}
#print_onlineArea .h-mr5 {margin-right: 5%;}
/* padding */
#print_onlineArea .h-p0 {padding: 0!important;}
#print_onlineArea .h-pb0 {padding-bottom: 0;}
#print_onlineArea .h-pt5 {padding-top: 5%;}
#print_onlineArea .h-pb1 {padding-bottom: 1%;}
#print_onlineArea .h-pb2 {padding-bottom: 2%;}
#print_onlineArea .h-pb3 {padding-bottom: 3%;}
#print_onlineArea .h-pb4 {padding-bottom: 4%;}
#print_onlineArea .h-pb5 {padding-bottom: 5%;}
#print_onlineArea .h-pb6 {padding-bottom: 6%;}
#print_onlineArea .h-pb7 {padding-bottom: 7%;}
#print_onlineArea .h-pb8 {padding-bottom: 8%;}
#print_onlineArea .h-pb9 {padding-bottom: 9%;}
#print_onlineArea .h-pb10 {padding-bottom: 10%;}
/*float*/
#print_onlineArea .h-fl {float: left;}
#print_onlineArea .h-fr {float: right;}
/* clearfix */
#print_onlineArea .clearfix {
  zoom: 1;
}
#print_onlineArea .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
#print_onlineArea .h-radius0{border-radius: 0;}

/* width */
#print_onlineArea .h-wd70{width: 70%;}
#print_onlineArea .h-wd90{width: 90%;}
/*text-align*/
#print_onlineArea .h-tc {text-align: center!important;}
#print_onlineArea .h-tl {text-align: left!important;}
#print_onlineArea .h-tr {text-align: right!important;}
/* position */
#print_onlineArea .h-rel{position: relative;}
/* backgrund */
#print_onlineArea .h-bg01{background-color: #eaf6ff;}
/* font-size */
#print_onlineArea .h-font80{font-size: 80%!important;}
/* color */
#print_onlineArea .h-color01{color: #0c91ff;}
#print_onlineArea .h-color02{color: #aa8a59;}
#print_onlineArea .h-color03{color: #cc6000;}
#print_onlineArea .h-color04{color: #999999;}

/* バナー郡下LAWSON PRINT ご利用方法ブロック */
.howtouse__left {
  padding: 8%;
}
.howtouse__right h2 {
  color: #0c91ff;
  line-height: 1;
  font-size: 170%;
}
.howtouse__right h3 {
  color: #026cb7;
  line-height: 1;
  font-size: 140%;
  margin-bottom: 2%;
}
.howtouse__right p {
  text-align: left;
}