@charset "utf-8";



#h2_waon {
background: url(img/waon_title.jpg) top center no-repeat;
}
#h2_waon span{
padding-left: 360px;
padding-top: 36px;
}

/*-- 共通スタイル --*/
.box{
width: 100%;
}

/* <1> WAONエリア
=============================================== */
#waon{
background: #E4F1F8;
margin-bottom: 40px;
}
#waon h3{
}
#waon h4{
width: 100%;
margin-bottom: 28px;
position: relative;
height: 96px;

}
#waon h4 strong{
display: block;
position: absolute;
top: 0;
left:0;
}
#waon h4 .btn_waon{
position: absolute;
display: block;
top:40px;
right: 26px;
}

#waon .use{
padding-bottom: 28px;
position: relative;

}

/*-- 箱設定 --*/
#waon .waon_box{
width: 750px;
padding-bottom: 28px;
position: relative;
}
#waon .waon_box .col_l{
width: 252px;
float: left;
}
#waon .waon_box .col_r{
width: 480px;
float: right;
}
/*-- 各要素 --*/
#waon .waon_box .title{
padding-bottom: 15px;
}
#waon .waon_box .col_l p{
text-align: right;
}
#waon .waon_box .col_r dt{
font-size:120%;
font-weight: bold;
}
#waon .waon_box .col_r dd strong{
display: block;
}
#waon .waon_box .col_r dd{
padding-bottom:6px;
}
#waon .waon_box .col_r dd.last{
padding-bottom:0px;
}
#waon .waon_box .col_r dd span{
padding-left: 14px;
}
/*-- 使うボックス（id="waon_box2"） --*/
#waon #waon_box2 .col_r .tx01{
padding-bottom: 20px;
}
#waon #waon_box2 .col_r .caution{
padding-bottom: 10px;
color: #E2481E;
line-height: 1.5;
}
#waon #waon_box2 .col_r .caution span{
display: block;
padding-left: 1em;
}
#waon #waon_box2 .col_r .btn_waon{
text-align: right;
margin-right: 20px;
}

/*-- 貯めるボックス（id="waon_box3"） --*/
#waon #waon_box3 .col_r .tx01{
padding-bottom: 14px;
}
#waon #waon_box3 .col_r .waku{
width: 458px;
border: 1px solid #7CCAEB;
padding: 0.8em 0 0.5em 0;
}
#waon #waon_box3 .col_r .waku strong{
display: block;
padding-left: 1em;
}
#waon #waon_box3 .col_r .waku span{
display: block;
text-align: center;
}


/*-- ポイント2倍デー --*/
#waon #point_box{
width: 700px;
margin-left: 25px;
clear: both;
padding-bottom: 6px;
font-size: 12px;
}
#waon #point_box .title{
padding-bottom: 4px;
}

#waon #point_bg{
width: 700px;
background: url("img/waon/twice_bg.jpg") 0 0 no-repeat;
height: 263px;
}
#waon #point_bg div{
padding-left: 200px;
padding-top: 106px;
color: #fff;
}
#waon #point_bg div .btn_waon{
padding-left: 160px;
padding-bottom: 10px;
}
#waon #point_bg div ul{
padding-bottom: 8px;
}
#waon #point_bg div li{
line-height: 1.5;
padding-left: 14px;
background: url("img/waon/twice_ob.jpg") 0 5px no-repeat;
}
#waon #point_bg div .waku{
width: 460px;
border: 1px solid #fff;
padding: 0.1em 0;
}
#waon #point_bg div .waku span{
display: block;
text-align: center;}


/* <2> CARDエリア
=============================================== */
#card{
background: #E2E1EC;
}
/*-- リード部分 --*/
#card #card_read{
width: 100%;
padding-bottom: 30px;
margin-bottom: 30px;
background: url("img/card/dotted_bg.jpg") left bottom no-repeat;
}
#card #card_read h5{
width: 100%;
padding-bottom: 40px;
}
#card #card_read .main_img{
width: 100%;
padding-bottom: 18px;
}
#card #card_read .main_img span{
float:left;
font-size: 80%;
display: block;
width: 245px;
}
#card #card_read .main_img span.img02{
width: 260px;
}
#card #card_read .main_img span strong{
display: block;
line-height:2;
}
#card #card_read .main_img span strong.pa01{
padding-left:70px;
}
#card #card_read .main_img span strong.pa02{
padding-left:110px;
}

#card #card_read .main_img span strong.pa02{
padding-left:110px;
}

#card #card_read .tx01{
padding-bottom: 22px;
}
#card #card_read .tx02{
width: 100%;
}
#card #card_read .tx02 .col_l{
float: left;
vertical-align: middle;
color: #E2481E;
}
#card #card_read .tx02 .col_l img{
vertical-align: middle;
margin-right: 20px;
margin-left: 55px;
}
#card #card_read .tx02 .col_r{
width: 150px;
float: right;
}

/*-- メリットボックス --*/
#card .card_box{
width: 100%;
padding-bottom: 30px;
margin-bottom: 30px;
background: url("img/card/dotted_bg.jpg") left bottom no-repeat;
}
#card .card_box div{
padding-left: 110px;
padding-right: 40px;
}
#card .card_box div p{
font-size: 120%;
font-weight: bold;
line-height: 1.5;
padding-bottom: 16px;
}
#card .card_box div li{
padding-left: 12px;
padding-bottom: 2px;
line-height: 1.5;
background: url("img/card/point_ob.jpg") 0 5px no-repeat;
}
/*-- 受付中エリア --*/
#card #mousikomi_box{
width: 100%;
padding-bottom: 60px;
text-align: center;
}
#card #mousikomi_box dt,dd{
padding-bottom: 10px;
}
#card #mousikomi_box span,strong{
display: block;
}
#card #mousikomi_box span{
padding-bottom: 8px;
}
#card #mousikomi_box span img{
vertical-align: middle;
padding-left: 1em;
}
#card #mousikomi_box strong{
text-align: left;
padding-left: 350px;
line-height: 1.2;
}