@charset "utf-8";

/* ****************************************************************
   地域限定キャンペーンの独自設定
*************************************************************** */

/* ********************************
   トップページ（#areaIndex）
******************************** */
#areaIndex{
margin-bottom:36px;
font-size:1.2em;
font-weight:bold;
}

#areaIndex .section{
margin-bottom:24px;
}

#areaIndex .section p.date{
/*margin-left:-0.5em;*/
padding-bottom:8px;
}

#areaIndex .section p.date span{
margin:0 0.5em;
}

#areaIndex h2{
width:724px;
height:27px;
margin-bottom:16px;
background:url(/area/images/line_dot.gif) repeat-x 0 100%;
}

#areaIndex h2 span{
display:block;
padding-left:22px;
background:url(/area/images/ico_circle.gif) no-repeat 0 0;
}

#areaIndex p.detail{
text-align:right;
}

h2#areaApology{
width:723px;
margin-bottom:250px;
padding:90px 0;
background:#f1f1f1;
}


/* ********************************
   地域別ページ（#areaContents）
******************************** */
#areaContents .section,
#couponWrap{
margin-bottom:30px;
}

.couponWrapMail{
margin-top:-30px;
}

#areaContents h2{
width:724px;
min-height:20px;
height:auto !important;
height:20px;
margin-bottom:10px;
background:url(/area/images/line_dot.gif) repeat-x 0 100%;
font-size:1.4em;
font-weight:bold;
}

#areaContents h2 span{
display:block;
min-height:24px;
height:auto !important;
height:24px;
padding-top:1px;
padding-left:22px;
background:url(/area/images/ico_circle.gif) no-repeat 0 4px;
}

#areaContents h3{
font-weight:bold;
}

#areaContents h3.date{
position:relative;
z-index:2;
padding-top:4px;
padding-bottom:14px;
background:#ffffff;
}

#areaContents h3.date span{
display:block;
}

#areaContents h3.date span.date{
float:left;
}

#areaContents h3.date span.note{
float:right;
font-weight:normal;
}

/*.btn*/
#areaContents .btn{
position:relative;
height:48px;
}

#areaContents .btn p{
position:absolute;
left:112px;
top:0;
}

#areaContents .btn p.bookmark{
left:319px;
}

#areaContents .btn p.sendMobile{
left:526px;
}

/*ul.itemList*/
#areaContents ul.itemList{
position:relative;
width:749px;
margin-top:-24px;
margin-right:-24px;
overflow:hidden;
}

#areaContents ul.itemList span{
display:block;
}

#areaContents ul.itemList li{
position:relative;
float:left;
width:350px;
margin-right:24px;
padding-top:28px;
background:url(/common/images/dotline_grad.gif) repeat-x 0% 0%;
}

#areaContents ul.itemList .textArea{
float:right;
width:176px;
margin-bottom:16px;
}

#areaContents ul.itemList p.maker{
font-size:0.8em;
color:#d70c18;
}

#areaContents ul.itemList p.price{
width:174px;
margin-top:2px;
margin-bottom:4px;
background:#d70c18;
}

#areaContents ul.itemList p.medic{
font-size:0.8em;
}

#areaContents ul.itemList h4{
margin-bottom:7px;
padding-bottom:4px;
background:url(/common/images/dotline_gray.gif) repeat-x 0% 100%;
font-size:1.2em;
font-weight:bold;
line-height:1.3;
}

#areaContents ul.itemList p.text{
margin-bottom:6px;
}

#areaContents ul.itemList p.img{
float:left;
width:174px;
}

#areaContents ul.itemList p.img img{
border:1px solid #d4d4d4;
}

/*#form*/
#form{
margin-top:-24px;
}

#areaContents iframe{
width:724px;
height:300px;
overflow:hidden;
}

#areaContents input{
margin-bottom:4px;
}

/*#coupon*/
#couponWrap{
color:#575757;
}

#coupon p{
position:absolute;
left:0;
top:0;
}

#coupon,
#couponWrap div.item,
#couponWrap div.group{
position:relative;
width:723px;
}

#coupon{
height:230px;
text-align:center;
}

#coupon p.logo{
left:21px;
top:16px;
}

#coupon p.code{
left:500px;
top:30px;
}

#coupon p.title{
position:relative;
margin:0 auto;
padding-top:64px;
}

#coupon p.date{
left:344px;
top:193px;
font-size:1.4em;
font-weight:bold;
}

#coupon p.qrCode{
left:632px;
top:170px;
}

/*div.item*/
#couponWrap div.item,
#couponWrap div.itemF,
#couponWrap div.itemFp,
#couponWrap div.itemList,
#couponWrap div.itemMail,
#couponWrap div.itemLemon{
min-height:60px;
height:auto !important;
height:60px;
}

#couponWrap div.item img,
#couponWrap div.itemF img,
#couponWrap div.itemFp img,
#couponWrap div.itemList img,
#couponWrap div.itemMail img,
#couponWrap div.itemLemon img{
height:60px;
}

#couponWrap div.item{
background:url(/area/images/coupon/area_base.gif) repeat-y 0 0;
}

#couponWrap div.itemF{
background:url(/area/images/coupon/f_base.gif) repeat-y 0 0;
}

#couponWrap div.itemFp{
background:url(/area/images/coupon/fp_base.gif) repeat-y 0 0;
}

#couponWrap div.itemList{
background:url(/area/images/coupon/list_base.gif) repeat-y 0 0;
}

#couponWrap div.itemMail{
background:url(/area/images/coupon/mail_base.gif) repeat-y 0 0;
}

#couponWrap div.itemLemon{
background:url(/area/images/coupon/lem_base.gif) repeat-y 0 0;
}

#couponWrap .item p.item{
width:641px;
margin-top:-48px;
padding:0 42px;
padding-bottom:5px;
font-size:0.8em;
}

#couponWrap .item span{
margin-right:1em;
}

#couponWrap div.group{
height:90px;
}

#couponWrap .group p.group{
left:305px;
top:46px;
}

/*.btnArea2*/
#areaContents .btnArea2{
width:402px;
margin:0 auto;
position:relative;
margin-bottom:30px;
}

#areaContents .btnArea2 p{
float:left;
display:inline;
}

#areaContents .btnArea2 p.print{
margin-right:20px;
}