@charset "utf-8";

/*------------------------------------------------------------------------------
Pommefood Group - CSS Modules Import
URL: http://
Date: 2007-11-05
Copyright (C) Pommefood Group.co.ltd. All Rights Reserved.
------------------------------------------------------------------------------*/

/* ----------------------------------------

Redefine - common

---------------------------------------- */

div#contents  { margin: 0 29px 15px; padding: 0 16px;}
*:first-child+html div#contents  { margin-bottom: 20px; padding-bottom: 0;}

div.index h3,
div.detail h3 {
height: 30px;
margin-left: 5px;
margin-bottom: 14px;
background: url("../images/tit_h3_coupon.gif") top left no-repeat;
text-indent: -9999em;
}

div.index div#main,
div.detail div#main {
position: relative;
padding-top: 12px;
background: #fff2d4 url("../../common/images/listR_head_bg.gif") top left no-repeat;
}

div.detail div#main { text-align: center;}
div.detail div#main * { text-align: left;}

div.index div#main p.goTop,
div.detail div#main p.goTop {
padding: 0 20px 10px;
text-align: right;
font-size: 86%;
background: url("../../common/images/listR_foot_bg.gif") bottom left no-repeat;
}

div#main p.printDescription { display: none;}

strong { font-weight: 700;}

/* ----------------------------------------

Redefine - index

---------------------------------------- */

/* --- Redefine - mein --- */

div.index div#main ul#couponList {
margin-bottom: 10px;
padding: 0 20px;
}

div.index div#main ul#couponList li {
padding: 0.8em 0 0.8em 18px;
border-bottom: 1px dashed #ccc;
background: url("../../common/images/list_icon_01.gif") 0 1.1em no-repeat;
font-weight: 700;
}
* html div.index div#main ul#couponList li {
}

div.index div#main ul#couponList li p {
float: left;
}

div.index div#main ul#couponList li p.newInfo { background: url("../../common/images/new.gif") 0 0.2em no-repeat;}
div.index div#main ul#couponList li p.couponName {
width: 240px;
padding-right: 10px;
padding-left: 26px;
}
* html div.index div#main ul#couponList li p.couponName { width: 276px;}

div.index div#main ul#couponList li p.couponShop {
width: 240px;
padding-right: 10px;

}
* html div.index div#main ul#couponList li p.couponShop { width: 250px;}

div.index div#main ul#couponList li p.couponDate {
width: 95px;
padding-right: 10px;
color: #999;
float: right;
}
* html div.index div#main ul#couponList li p.couponDate { width: 105px;}

/* -- ClearFix -- */

/* modern browsers */

div.index div#main ul#couponList li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE7 */

div.index div#main ul#couponList li {
display: inline-block;
}

/* legacy IE */

* html div.index div#main ul#couponList li {
height: 1%;
}

div.index div#main ul#couponList li {
display: block;
}

/* ----------------------------------------

Redefine - detail

---------------------------------------- */

/* --- Redefine - mein --- */

div.detail div#main div#mainHead {
margin: 0 20px;
padding-bottom: 10px;
border-bottom: 1px dashed #333;
}
* html div.detail div#main div#mainHead {
padding-bottom: 0;
}

div.detail div#main p#couponDate {
margin: 20px 0 5px;
padding-left: 15px;
background: url("../../common/images/list_icon_01.gif") center left no-repeat;
font-size: 116%;
font-weight: 700;
color: #900;
}

div.detail div#main h4#couponName {
padding-left: 80px;
height: 60px;
line-height: 60px;
font-size: 160%;
font-weight: 700;
color: #000;
float: left;
}
* html div.detail div#main h4#couponName {
margin-left: 8px;
margin-bottom: 0;
}
div.detail div#main h4.umeda { background: url("../../common/images/logo_l_01.gif") center left no-repeat;}
div.detail div#main h4.palette { background: url("../../common/images/logo_l_02.gif") center left no-repeat;}
div.detail div#main h4.apple { background: url("../../common/images/logo_l_03.gif") center left no-repeat;}
div.detail div#main h4.pierre { background: url("../../common/images/logo_l_04.gif") center left no-repeat;}

div.detail div#main ul.printButton {
padding-top: 17px;
padding-right: 20px;
float: right;
}

div.detail div#main ul.printButton a {
display: block;
height: 21px;
width: 73px;
background: url("../../common/images/button_print.gif") center left no-repeat;
text-indent: -9999em;
/* Gecko outLinefix & MacIEHack ＼*/
overflow: hidden;
/* End */
}

div.detail div#main div#coupon {
position: relative;
margin: 20px auto;
width: 633px;
height: 320px;
}

div.detail div#main div#couponImage {
width: 633px;
position: absolute;
top: 0;
left: 0;
clear: both;
}

div.detail div#main div#couponImage h4 {
width: 493px;
min-height: 65px;
margin-bottom: 5px;
padding: 75px 70px 0;
line-height: 1.0;
text-align: center;
font-weight: 700;
font-size: 28px;
color: #c00;
}
* html div.detail div#main div#couponImage h4 { width: 633px; height: 140px;}
div.detail div#main div#couponImage h4 p,
div.detail div#main div#couponImage h4 div { margin: 0; padding: 0; text-align: center;}

div.detail div#main div#coupon.apple h4 { color: #fff;}
div.detail div#main div#coupon.pierre h4 { color: #fff;}

div.detail div#main div#couponImage p.date {
margin: 0 70px;
border-bottom: 1px solid #fff;
line-height: 1.4;
text-align: center;
font-weight: 700;
font-size: 16px;
color: #fff;
}

div.detail div#main div#couponImage p.description {
padding: 8px 70px 8px;
font-size: 11px;
color: #fff;
}

div.detail div#main p.shopName {
position: absolute;
right: 10px;
bottom: 0;
padding: 0 20px 16px;
font-weight: 700;
font-size: 116%;
color: #fff;
}

div.detail div#main div#couponBox {
padding: 0 132px;
}

div.detail div#main div#couponBox p {
margin-bottom: 15px;
text-align: justify;
}

div.detail div#main ul#imageList {
margin: 0 20px 15px;
}

div.detail div#main ul#imageList li {
margin-right: 20px;
float: left;
}
div.detail div#main ul#imageList li.marginFix { margin: 0;}

div.detail div#main ul#imageList li img {
width: 200px;
}

/* ----------------------------------------

Redefine - coupon print css

---------------------------------------- */

body#print {
margin: 10px 0;
padding: 0;
background: none;
}

body#print div#container {
width: 633px;
padding: 10px;
border: 1px solid #ddd;
background: none;
font-size: 16px;
}

body#print div#contents,
body#print div.detail div#main,
body#print div.detail div#main p#couponDate,
body#print div.detail div#main h4#couponName  {
margin: 0;
padding: 0;
background: none;
font-size: 16px;
}
body#print div.detail div#main { margin: 0; padding: 0; text-align: left;}

body#print div.detail div#main div#mainHead {
margin: 10px 10px 0;
padding: 0 0 0 7px;
line-height: 1.4;
border-left: 5px solid #c00;
border-bottom: none;
}

body#print div.detail div#main div#mainHead p#couponDate { font-size: 12px; color: #000;}
body#print div.detail div#main div#mainHead h1#couponName { height: auto; color: #c00; font-weight: 700;}
body#print div.detail div#main div#couponImage {
position: absolute;
top: 0;
left: 0;
margin: 0;
background: none;
}

body#print div.detail div#main div#coupon {
position: relative;
margin: 20px 0;
width: 633px;
height: 320px;
}

body#print div.detail div#main div#couponImage h2 {
width: 493px;
min-height: 65px;
margin-bottom: 5px;
padding: 75px 70px 0;
line-height: 1.0;
text-align: center;
font-weight: 700;
font-size: 28px;
color: #c00;
}
* html body#print div.detail div#main div#couponImage h2 { width: 633px; height: 140px;}

body#print div.detail div#main div#couponImage h2 p,
body#print div.detail div#main div#couponImage h2 div { margin: 0; padding: 0; text-align: center;}

body#print div.detail div#main div#couponImage p.date {
font-size: 16px;
}
body#print div.detail div#main div#couponImage p.description {
font-size: 10px;
}
* html body#print div.detail div#main div#couponImage p.description {
height:16px;
}

body#print div.detail div#main div.apple h2 { color: #fff;}
body#print div.detail div#main div.pierre h2 { color: #fff;}

body#print div.detail div#main p.shopName { font-size: 14px;
position: absolute;
right: 10px;
bottom: 0;
background: none;
}
* html body#print div.detail div#main p.shopName { height:16px;}

body#print div#main p.printDescription {
margin: 0 10px;
display: block;
font-size: 14px;
}