@charset "utf-8";

/* CLEARFIX */
#information ul,
#contentLinks ul {zoom:1;}
#information ul:after,
#contentLinks ul:after{content: ""; display: block; clear: both;}

#header, #footer {width:730px;}
body#coupon .content {width:570px;}
.content, #header, #footer { padding: 0;}

/* -- content -- */
body#main {text-align:center; margin:0 auto;}
.annotation {font-size: 12px; color: #555; line-height:1.2; text-align: center; clear: both;}
.annotation li{margin-bottom: 0.1em;}
.annotation.asterisk {text-indent: -0.80em; padding-left: 0.72em; margin:3px 0 12px; font-size: 11px; text-align: left;}
.coupon {padding: 0; margin-top: 50px; margin-bottom: 10px;}
#coupon1 {float: left; width: 340px;}
#coupon2 {float: right; width: 230px;}
.coupon h1 {text-align: center; font-size: 1.1em; background: #7F0019; color: #fff; padding: 10px 0; border-radius:5px 5px 0 0; margin: 0; font-weight: bold;}
.coupon .couponBody {padding: 20px 0 10px; text-align: center; border: 1px solid #7F0019; border-radius:0 0 5px 5px; background: #f2f2f2; }
#coupon1 .couponBody {border-right: 1px dashed #888;}
#coupon2 .couponBody {border-left: 0;}
.coupon img {width: 280px;}
#coupon2 img {width: 200px; margin-bottom: 30px;}
.coupon .date {font-size: 1.2em; font-weight: bold; margin: 10px 0 0;}
.coupon dl {border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; font-weight: bold;}
.coupon dt {float: left; margin-right: 10px;}
.coupon dd {margin-bottom: 5px;}
.coupon dd:last-child {margin-bottom: 0;}
.coupon span.annotation {margin-left: 30px; font-weight: normal;}
.lead {margin: 20px 0; font-size: 14px; line-height: 150%;}
#attention h1 {margin: 20px 0 5px; font-weight: bold;}
#attention li {margin-bottom: 5px;}
#attention span.qr {text-align :center; width: 100px; display: inline-block;}

/* -- footerNav -- */
#footerNav {font-size:11px;}
#footerNav li#fnContact {margin-right:12px;}