@charset "utf-8";

/* ------------------------------------- 
 *	build
 * ------------------------------------- */
 
#flash{
	width: 800px;
	padding-top:10px;
}
 
 
/*- #topContents -------- */
#topContents{
	position: relative;
	width:800px;
	background-color: #fff;
	margin-left:4px;
}

#topContents h2{
	display:none;
}

/*- main_box - */

.main_box{
	position: relative;
	width:800px;
	height:163px;
	background-image:url(../image/bg_maincnt_top.gif);
	background-repeat:no-repeat;
}

.dog_box{
	position:absolute;
	width:255px;
	height:161px;
	background-image:url(../image/bg_dogfood.gif);
	background-repeat:no-repeat;
	left:12px;
	top:0px;
}

.dog_box ul{
	position: relative;
	width:255px;
	left:10px;
	top:100px;
}

.dog_box ul li{
	line-height:2em;
	background-image:url(../common/image/icon_sign_orange.gif);
	background-repeat:no-repeat;
	background-position:4px 6px;
	float:left;
	padding-right:5px;
}

.dog_box ul li a{
	color:#fff;
	font-weight:bold;
	padding:0 0 0 18px;
	display:block;
}



.cat_box{
	position:absolute;
	width:255px;
	height:161px;
	background-image:url(../image/bg_catfood.gif);
	background-repeat:no-repeat;
	left:273px;
	top:0px;
}

.cat_box ul{
	position: relative;
	width:255px;
	left:10px;
	top:100px;
}

.cat_box ul li{
	line-height:2em;
	background-image:url(../common/image/icon_sign_lgreen.gif);
	background-repeat:no-repeat;
	background-position:4px 6px;
	float:left;
	padding-right:5px;
}

.cat_box ul li a{
	color:#fff;
	font-weight:bold;
	padding:0 0 0 18px;
	display:block;
}


.other_box{
	position:absolute;
	width:255px;
	height:161px;
	background-image:url(../image/bg_otherfood.gif);
	background-repeat:no-repeat;
	left:534px;
	top:0px;
}

.other_box ul{
	position: relative;
	width:255px;
	left:10px;
	top:100px;
}

.other_box ul li{
	line-height:2em;
	background-image:url(../common/image/icon_sign_pink.gif);
	background-repeat:no-repeat;
	background-position:4px 6px;
	float:left;
	padding-right:5px;
}

.other_box ul li a{
	color:#fff;
	font-weight:bold;
	padding:0 0 0 18px;
	display:block;
}

.other_box ul li.out{
	color:#666;
	font-weight:normal;
	padding:0 0 0 18px;
	display:block;
}


/*- sub_box build-------- */

.sub_box_left{
	width:500px;
	padding:17px 0 17px 12px;
	float:left;
}

.sub_box_right{
	width:255px;
	padding:17px 12px 0 0;
	float:right;
}


/*- sub_box - tips_box -------- */

.tips_box{
	position: relative;
	width:485px;
	height:127px;
	margin:0 0 24px 0;
	background-image:url(../image/bg_tips.gif);
	background-repeat:no-repeat;
}

.tips_title{
	position:absolute;
	width:115px;
	height:69px;
	left:35px;
	top:28px;
}

.tips_subtitle{
	position:absolute;
	width:269px;
	height:13px;
	left:186px;
	top:14px;
}

.tips_box ul{
	position: relative;
	width:269px;
	left:186px;
	top:37px;
}

.tips_box ul li{
	background-image:url(../common/image/icon_sign_green.gif);
	background-repeat:no-repeat;
	background-position:3px 2px;
	margin-bottom:4px;
}

.tips_box ul li a{
	padding:0 0 0 20px;
}



/*- sub_box - topics_box -------- */

.topics_box{
	width:485px;
	margin-bottom:15px;
}

.title{
	width:485px;
	height:23px;
	background-image:url(../image/tit_topics_bg.gif);
	background-repeat:repeat-x;
}

.title img{
	float:left;
}

.title .bn{
	float:right;
}

.title .bn a{
	padding-left:13px;
	background-image:url(../common/image/icon_sign_topics.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}

.title .lcpbn{
	float:right;
}

.title .lcpbn a{
	padding-left:18px;
	background-image:url(../common/image/icon_sign_lecipe.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
}


.topics_box ul li{
	line-height:2.5em;
	background-image:url(../common/image/icon_sign_gray.gif);
	background-repeat:no-repeat;
	background-position:15px 10px;
	border-bottom:1px dotted #ccc;
}

.topics_box ul li a{
	width:465px;
	padding:0 0 0 30px;
	display:block;
}



.list{
	width:485px;
	text-align:right;
	margin:10px 0 0 0;
}


/*- sub_box - banner_box -------- */

.banner_box{
	width:255px;
}

.banner_box ul li a{
	display:block;
}

.banner_box ul li p{
	width:240px;
	background-image:url(../common/image/icon_sign_gray.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	margin:2px 0 8px 0;
}

.banner_box ul li p a{
	padding:0 0 0 20px;
	display:block;
}