@charset "utf-8";

/* NEW_LIFESTYLE TOPICS.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*	01.INDEX
*	02.ENTRY
*
*	MODULE
*	
*--------------------------------------*/


/**-------------------------------------
	00.COMMON
---------------------------------------**/

/**-------------------------------------
	01.INDEX
---------------------------------------**/

h2#topicsIndexTitle
{
	margin-bottom: 20px;
	padding: 19px 0 0 38px;
	width: 532px;
	height: 37px;
	background: url(../../ecolife/images/cate_tt_bg.png) no-repeat;
	font-size: 122%;
	color: #000000;
	overflow: hidden;
}

div.topicsIndexBox
{
	margin-bottom: 25px;
	padding: 20px;
	width: 528px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

div.topicsIndexBox h3
{
	margin-bottom: 17px;
	padding: 0 0 0 32px;
	width: 497px;
	height: 27px;
	background: url(../../ecolife/images/eco_cate_entry_title_bg.gif) no-repeat;
	overflow: hidden;
}

div.topicsIndexBox h3 a
{
	font-size: 122%;
	font-weight: bold;
	color: #000000;
	line-height: 1.2em;
	text-decoration: none;
}

div.topicsIndexBox h3 a:hover
{
	text-decoration: underline;
}

div.topicsIndexBox div.TIBcontent
{
	width: 528px;
}

div.topicsIndexBox div.TIBcontent p.TIBpic
{
	float: left;
	padding: 1px;
	width: 148px;
	height: 148px;
	background: url(../images/index_pic_bg.gif) no-repeat;
}

div.topicsIndexBox div.TIBcontent div.TIBtext
{
	float: right;
	margin-bottom: 30px;
	width: 360px;
	font-size: 92%;
	color: #333333;
	line-height: 1.8em;
}

div.topicsIndexBox div.TIBcontent div.TIBfooter
{
	float: right;
	padding: 8px 8px 7px 0;
	width: 352px;
	height: 25px;
	background: url(../images/index_entry_footer_bg.gif) no-repeat;
	overflow: hidden;
}

div.topicsIndexBox div.TIBcontent div.TIBfooter p.TIBmoreBtn
{
	float: right;
	width: 100px;
	height: 25px;
}

div.topicsIndexBox div.TIBcontent div.TIBfooter span.TIBentryDate
{
	display: block;
	float: left;
	padding: 5px 0 0 15px;
	font-size: 92%;
	color: #FFFFFF;
	line-height: 1.0em;
}

ul#TIpager
{
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	text-align: center;
}

ul#TIpager li
{
	float: left;
	margin: 0 5px 10px 0;
	width: 35px;
	height: 25px;
	font-size: 92%;
	overflow: hidden;
}

ul#TIpager li span,
ul#TIpager li a
{
	display: block;
	padding: 4px 0 0 0;
	width: 35px;
	height: 21px;
	background: url(../../ecolife/images/eco_cate_pager_btn_bg.gif) no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}
ul#TIpager li span
{
	background-position: bottom;
}

ul#TIpager li a
{
	background-position: top;
}

ul#TIpager li a:hover
{
	background-position: bottom;
}

/**-------------------------------------
	02.ENTRY
---------------------------------------**/

div#topicsEntryBox
{
	margin-bottom: 20px;
	padding: 20px ;
	width: 530px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

div#topicsEntryBox h3
{
	margin-bottom: 20px;
	padding: 8px 8px 7px 10px;
	width: 512px;
	height: 25px;
	background: url(../../ecolife/images/eco_cate_entry_footer_bg.gif) no-repeat;
	font-size: 122%;
	font-weight: bold;
	color: #FFFFFF;
	overflow: hidden;
}

div#topicsEntryBox div.TEBbody
{
	margin-bottom: 20px;
	font-size: 92%;
	line-height: 1.8em;
}

div#topicsEntryBox div.TEBbody div.TEBBexcerpt
{
	margin-bottom: 30px;
	width: 530px;
}

div#topicsEntryBox div.TEBbody div.TEBBexcerpt p.pic
{
	float: left;
	padding: 1px;
	width: 148px;
	height: 148px;
	background: url(../images/index_pic_bg.gif) no-repeat;
}

div#topicsEntryBox div.TEBbody div.TEBBexcerpt div
{
	float: right;
	width: 360px;
}

div#topicsEntryBox div.TEBbody div.TEBBtext
{
	clear: both;
}

div#topicsEntryBox div#TEBfooter
{
	padding: 8px 8px 7px 0;
	width: 522px;
	height: 25px;
	background: url(../../ecolife/images/entry_footer_bg.gif) no-repeat;
	overflow: hidden;
}

div#topicsEntryBox div#TEBfooter span.TEBentryDate
{
	display: block;
	float: left;
	padding: 5px 13px 0 15px;
	background: url(../../ecolife/images/entry_footer_seperate_bg.gif) no-repeat right 4px;
	font-size: 92%;
	color: #291E15;
	line-height: 1.0em;
}

div#topicsEntryBox div#TEBfooter span.TEBentryCate
{
	display: block;
	float: left;
	padding: 5px 0 0 13px;
	font-size: 92%;
	color: #291E15;
	line-height: 1.0em;
}

div#topicsEntryNextback
{
	margin: 0 0 0 20px;
	width: 530px;
	height: 25px;
}

div#topicsEntryNextback p#TENprevBtn
{
	float: left;
	width: 69px;
	height: 25px;
}

div#topicsEntryNextback p#TENnextBtn
{
	float: right;
	width: 69px;
	height: 25px;
}






/**-------------------------------------
	MODULE
---------------------------------------**/

div.TIBcontent:after,
div.TEBBexcerpt:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}

div.TIBcontent,
div.TEBBexcerpt
{display:inline-block;}

/* \*/
* html div.TIBcontent,
* html div.TEBBexcerpt
{height:1%;}
/* */