@charset "UTF-8";


/*//////////////////////////////////////////////////////////////////

NAME:         contents.css
DESCRIPTION:	CONTENTS CSS(ECOLIFE ONLY)
DATE:         2009/04/08

//////////////////////////////////////////////////////////////////*/


/******************************************************************

COMMON

******************************************************************/

body#ecolife div#contentBody{
padding:0 24px 0 25px;
width:546px;
min-height:500px;
_height:500px;
line-height:1.7em;
}

body#ecolife div#mainColumn{
padding-top:59px;
background:url(/ecolife/img/bg_maincolumn.gif) no-repeat left top;
}


/******************************************************************

TEXT

******************************************************************/

body#ecolife div#contentsArea div#mainColumn p{
margin-bottom:14px;
line-height:1.7em;
}

body#ecolife div#contentsArea div#mainColumn .mb0{
margin-bottom:0;
}


/******************************************************************

HEADING

******************************************************************/

body#ecolife div#mainColumn .hdType01{
margin:0 0 11px 0;
padding:18px 0 31px 76px;
width:470px;
background:url(/ecolife/img/bg_hdtype01_02.gif) no-repeat left top;
}

body#ecolife div#mainColumn .hdType02{
margin:0 0 15px 20px;
padding:0 0 8px 0;
width:526px;
background:url(/ecolife/img/bg_hdtype02_01.gif) no-repeat left bottom;
}


/******************************************************************

IMAGE AND TEXT

******************************************************************/

body#ecolife div#mainColumn div.imageAndText.imageParallel{
margin-left:20px;
padding-bottom:16px;
}

body#ecolife div#mainColumn div.imageAndText.imageParallel div.image{
padding-left:15px;
float:right;
width:206px;
}

body#ecolife div#mainColumn div.imageAndText.imageParallel div.text{
margin-right:221px;
}

body#ecolife div#mainColumn div.imageAndText.imageFloat{}

body#ecolife div#mainColumn div.imageAndText.imageFloat p.image{
padding-left:15px;
float:right;
}


/******************************************************************

BOX

******************************************************************/

body#ecolife div#mainColumn dl.boxType01{
margin:0 0 20px 20px;
background:#f4f6d9;
}

body#ecolife div#mainColumn dl.boxType01 dt{
padding:15px 15px 10px 15px;
background:url(/ecolife/img/bg_boxtype01_02_top.gif) no-repeat left top;
}

body#ecolife div#mainColumn dl.boxType01 dd{
padding:0 15px 15px 15px;
background:url(/ecolife/img/bg_boxtype01_02_bottom.gif) no-repeat left bottom;
}

body#ecolife div#mainColumn dl.boxType01 dd ul{
margin:0;
}

body#ecolife div#mainColumn dl.boxType01 dd div.imageAndText ul{
margin-bottom:14px;
}


/******************************************************************

LIST

******************************************************************/

body#ecolife div#mainColumn ul.listNormal01{
margin:0 0 14px 0;
}

body#ecolife div#mainColumn ul.listNormal01 li{
padding-left:12px;
background:url(/ecolife/img/bullet_dot_01.gif) no-repeat 0 0.75em;
}

body#ecolife div#mainColumn ul.linkList01{
margin:0 0 14px 20px;
}

body#ecolife div#mainColumn ul.linkList01 li{
padding-left:19px;
background:url(/ecolife/img/bullet_arrow_01.gif) no-repeat 0 0.5em;
}

body#ecolife div#mainColumn ul.pageNavi01{
padding-top:15px;
text-align:right;
}

body#ecolife div#mainColumn ul.pageNavi01 li{
margin-right:25px;
padding-left:19px;
display:inline;
background:url(/ecolife/img/bullet_arrow_back.gif) no-repeat 0 0.1em;
}


/******************************************************************

LOCAL NAVIGATION

******************************************************************/

body#ecolife div#localNaviArea{}

body#ecolife div#localNaviArea ul{
padding:0 19px 0 18px;
}

body#ecolife div#localNaviArea ul li{
margin-top:10px;
}


/******************************************************************

CATEGORY INDEX
CLASS: body#ecolife.categoryIndex

******************************************************************/

body#ecolife.categoryIndex div#contentsArea{
background:#fff;
}

body#ecolife.categoryIndex div#mainColumn{
padding:0pt 0pt 5px 1px;
float:none;
width:799px;
background:none;
font-size:1.2em;
}

body#ecolife.categoryIndex div#mainColumn #copyPhoto{
width:798px;
height:261px;
}

body#ecolife.categoryIndex div#mainColumn .hdType01{
margin:0 0 11px 0;
padding:18px 0 31px 76px;
width:673px;
background:url(/ecolife/img/bg_hdtype01_01.gif) no-repeat left top;
}

body#ecolife.categoryIndex div#contentBody{
width:749px;
}

body#ecolife.categoryIndex div#contentBody p{
padding:0 20px;
}

body#ecolife.categoryIndex div#mainColumn p.imgText01{
margin-bottom:20px !important;
}

body#ecolife.categoryIndex div#mainColumn ul.indexList{
padding:0 0 20px 20px;
}

body#ecolife.categoryIndex div#mainColumn ul.indexList li{
margin:0 16px 10px 0;
float:left;
line-height:1;
font-size:8px;
}

body#ecolife.categoryIndex div#mainColumn ul.linkBtn01{
text-align:center;
}

body#ecolife.categoryIndex div#mainColumn ul.linkBtn01 li{
display:inline;
}

body#ecolife.categoryIndex div#mainColumn dl.boxType01{
margin:0 20px 20px 20px;
}

body#ecolife.categoryIndex div#mainColumn dl.boxType01 dt{
background:url(/ecolife/img/bg_boxtype01_01_top.gif) no-repeat left top;
}

body#ecolife.categoryIndex div#mainColumn dl.boxType01 dd{
background:url(/ecolife/img/bg_boxtype01_01_bottom.gif) no-repeat left bottom;
}

body#ecolife.categoryIndex div#mainColumn dl.boxType01 dd p{
padding:0;
}