@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  { padding: 24px 39px 10px 48px;}
*:first-child+html div#contents  { margin-bottom: 10px; padding-bottom: 0;}

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

div.detail h3 {
background: url("../images/tit_h3_event_02.gif") top left no-repeat;
}

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

div.detail div#main {
background: #fff url("../images/listR_head_bg_02.gif") top left no-repeat;
}

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

strong { font-weight: 700;}

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

Redefine - index

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

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

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

div.index div#main ul#eventList li {
padding: 0.8em 0 0.8em 15px;
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#eventList li {
}

div.index div#main ul#eventList li div,
div.index div#main ul#eventList li p.eventDate{
float: left;
}

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

div.index div#main ul#eventList li div dl {
margin-top: 3px;
}

div.index div#main ul#eventList li div dl dt {
width: 65px;
float: left;
color: #666;
}

div.index div#main ul#eventList li div dl dd {
margin-left: 65px;
padding-top: 1px;
font-weight: 400;
font-size: 84%;
color: #666;
}

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

/* -- ClearFix -- */

/* modern browsers */

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

/* IE7 */

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

/* legacy IE */

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

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


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

Redefine - detail

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

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

div.detail div#main div#mainHead {
margin: 0 20px;
padding-bottom: 15px;
border-bottom: 1px dashed #ccc;
}

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

div.detail div#main h4#eventName {
padding-left: 54px;
height: 31px;
background: url("../images/tit_h4_event.gif") center left no-repeat;
font-size: 160%;
font-weight: 700;
color: #ec6d46;
}
* html div.detail div#main h4#eventName {
margin-left: 16px;
margin-bottom: 0;
}

div.detail div#main div#eventBox {
margin: 0 15px 15px 20px;
padding: 15px 0 0;
/*background: url("../images/event_bg.gif") bottom right no-repeat;*/
}

div.detail div#main div#eventBox 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: 17px;
float: left;
}
div.detail div#main ul#imageList li.marginFix { margin: 0;}

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

div.detail div#main div#eventStore {
margin: 0 20px 15px;
padding-bottom: 5px;
background: url("../images/opening_foot_bg.gif") bottom left no-repeat;
clear: both;
}

div.detail div#main div#eventStore h5 {
height: 35px;
background: url("../images/opening_head_bg.gif") top left no-repeat;
text-indent: -9999em;
}

div.detail div#main div#eventStore dl {
padding: 0 30px;
background: url("../images/opening_bg.gif") top left repeat-y;
}

div.detail div#main div#eventStore dl dt {
font-weight: 700;
color: #936f54;
}

div.detail div#main div#eventStore dl dd {
padding-bottom: 10px;
}