@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_new.gif") top left no-repeat;
text-indent: -9999em;
}

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

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.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;
}

strong { font-weight: 700;}

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

Redefine - index

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

/* --- Redefine - mein --- */
div.index div#main dl#newList {
margin: 0 20px 10px;
border-bottom: 1px dashed #333;
color: #333;
}

*:first-child+html div.index div#main dl#newList {
/* ie7 hack */
width: 645px;
margin: 0 auto 10px;
}

div.index div#main dl#newList dt {
width: 75px;
padding: 0.7em 11px 0.7em 15px;
border-top: 1px dashed #333;
background: url("../../common/images/list_icon_01.gif") 0 1.0em no-repeat;
font-weight: 700;
color: #900;
float: left;
clear: left;
}
* html div.index div#main dl#newList dt { width: 101px;}
div.index div#main dl#newList dt span { display: block;}
div.index div#main dl#newList dt span { padding-bottom: 43px;}

div.index div#main dl#newList dt.umeda span { background: url("../../common/images/logo_s_01.gif") bottom left no-repeat;}
div.index div#main dl#newList dt.palette span { background: url("../../common/images/logo_s_02.gif") bottom left no-repeat;}
div.index div#main dl#newList dt.apple span { background: url("../../common/images/logo_s_03.gif") bottom left no-repeat;}
div.index div#main dl#newList dt.pierre span { background: url("../../common/images/logo_s_04.gif") bottom left no-repeat;}

div.index div#main dl#newList dt.newFirst { border: none;}

div.index div#main dl#newList dd {
width: 513px;
padding: 0.7em 0 0.7em 27px;
border-top: 1px dashed #333;
float: left;
}
* html div.index div#main dl#newList dd { width: 540px;}
div.index div#main dl#newList dd.newInfo { background: url("../../common/images/new.gif") 0 0.9em no-repeat;}
div.index div#main dl#newList dd.newFirst { border: none;}

div.index div#main dl#newList dd h4 a {
font-weight: 700;
color: #6b0023;
}
div.index div#main dl#newList dd p.description { text-align: justify;}


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

Redefine - detail

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

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

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

div.detail div#main p#newDate {
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#newName {
padding-left: 80px;
height: 60px;
line-height: 60px;
font-size: 160%;
font-weight: 700;
}
* html div.detail div#main h4#newName {
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 div#newBox {
margin: 0 20px;
padding: 15px 0 0 0;
}

div.detail div#main div#newBox 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 ul#pageNav {
margin: 0 20px 10px;
padding-top: 10px; 
border-top: 1px dashed #333;
font-size: 86%;
}

div.detail div#main ul#pageNav li#goPrev {
float: left;
}

div.detail div#main ul#pageNav li#goNext {
float: right;
}