@charset "UTF-8";

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background:url(../images/back.gif);
	font-size:12px;
	line-height:1.5em;	
}

a:link{
	color:#593825;
	text-decoration:none;
  }
a:visited{
	color:#593825;
		text-decoration:none;

  }
a:hover{
	color:#FF3300;
		text-decoration:none;
  }
  
img {vertical-align:bottom;}
/*
=====================================================================
*
*    class
*
* =================================================================== 
*/


.alC{text-align: center;}
.alL{text-align: left;}
.alR{text-align: right;}

.flL{ float:left; }
.flR{ float:right; }
.clB{ clear:both; }

.mgB20{ margin-bottom:20px; } 

a.top{
font-weight:bold;
color:#FFFFFF;
margin:0 0 0 30px;
line-height:50px;
width:1000px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.floatL{
float:left;
display:inline;
}


.floatR{
float:right;
display:inline;
}

#pagetop{
text-align:right;
padding:20px 0 0 0;
clear:both;
}


#pankuzu{
	margin-bottom:10px;
}

/*
=====================================================================
*
*    wrapper
*
* =================================================================== 
*/
#wrapper{
	width:970px;
	margin:0 auto;
	background-color:#FFFFFF;
}


/*
=====================================================================
*
*    header
*
* =================================================================== 
*/
#header_wrapper{
	width:970px;
	margin:0 auto;
	background:#FFFFFF url(../images/headerback.gif) no-repeat left top;
}

#header{
	width:910px;
	margin:0 auto;
	text-align:left;
}

#header h1{
	width:725px;
	float:right;
	margin-top:45px;
	height:20px;
	font-size:12px;
	color:#6A3A0D;
	font-weight:normal;
}

#header div.h2{
	width:185px;
	float:left;
}

#header div.h2 a{
	background:url(../images/fuwapo.gif) no-repeat;
	text-indent:-9999px;
	height:118px;
	display:block;
}

ul#menu{
	width:660px;
	float:right;
	margin-top:5px;
}

ul#menu li{
line-height:0%;
}

ul#menu li a{
	list-style:none;
	float:left;
	text-indent:-9999px;
	height:30px;
}

ul#menu li a.beauty{
	background:url(../images/menu/menu_beauty.gif) left top;
	width:115px;
}

ul#menu li a:hover.beauty{
	background:url(../images/menu/menu_beauty.gif) left -30px;
}

ul#menu li a.foodhealth{
	background:url(../images/menu/menu_foodhealth.gif) left top;
	width:165px;
}

ul#menu li a:hover.foodhealth{
	background:url(../images/menu/menu_foodhealth.gif) left -30px;
}

ul#menu li a.lifestyle{
	background:url(../images/menu/menu_lifestyle.gif) left top;
	width:135px;
}

ul#menu li a:hover.lifestyle{
	background:url(../images/menu/menu_lifestyle.gif) left -30px;
}

ul#menu li a.staffblog{
	background:url(../images/menu/menu_staffblog.gif) left top;
	width:135px;
}

ul#menu li a:hover.staffblog{
	background:url(../images/menu/menu_staffblog.gif) left -30px;
}

ul#menu li a.campaign{
	background:url(../images/menu/menu_campaign.gif) left top;
	width:105px;
}

ul#menu li a:hover.campaign{
	background:url(../images/menu/menu_campaign.gif) left -30px;
}

div.side_2e{
	width:215px;
	position: absolute;
	top:3px;
	right:58px;
}

/*
=====================================================================
*
*    container
*
* =================================================================== 
*/
#container{
	width:910px;
	margin:5px auto 0; 
	text-align:left;
	background:url(../images/bg_side.gif) repeat-y left top;
} 

#top #container{ 
	padding-top:0px;
} 

/* -----------------------------------------------------------------
	side
------------------------------------------------------------------ */
#side{
	width:220px;
	height:100%;
	float:left;
}
#side div.banner{
	background-color:#FFFFFF;
	margin-bottom: -13px;
}

#side div.banner a{
	display: block;
	padding-bottom: 13px;
}

#side a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#side p.side_category{
	padding-top:30px;
	padding-bottom:10px;
	background-color:#FFFFFF;
}

#side p.side_title.mgB{
	margin-bottom:15px;
}

#side ul{
	padding:10px 10px;
	margin-bottom:10px;
}
	#side ul ul{
		margin-bottom:0px;
	}
	
	#side ul li{
		margin-bottom: 2px;
		background:url(../images/bg_link01.gif) no-repeat left 3px;
		padding-left: 13px;
	}
	#side ul li.no_link{
		background:none;
		padding-left:0px;
	}

/* -----------------------------------------------------------------
	contents
------------------------------------------------------------------ */
#contents{ 
	height:100%;
	width:660px;
	float:right;
	clear:both;
} 

#slide{
height:166px;
margin:0 0 7px 0;
background:url(../images/slide_h166.gif) no-repeat;
}

.bannar{
margin:5px 0;
}

#recommend{
margin:10px 60px 0 0;
color:#593825;
}


#recommend p{
position:relative;
left:60px;
top:-1.5em;
}




#pickupcontainer h4 a{
width:100%;
height:50px;
display:block;
text-indent:-9999px;
}

#pickupcontainer div{
width:287px;
height:160px;
margin:0 6px 0 0;
padding:20px;
float:left;
position:relative;
}

#pickupcontainer div.pickwindow
{
width:264px;
height:80px;
margin:0px 0px 10px 0px;
padding:10px;
}

#pickupcontainer div.pickwindow.movie2 a
{
display:block;
margin-bottom:10px;
margin-left:-5px;
}


#pickupcontainer div.pickwindow.cook
{
width:120px;
height:80px;
margin:0px 7px 10px 0px;
padding:10px;
}
#pickupcontainer div.pickwindow.wine
{
width:120px;
height:80px;
margin:0px 0px 10px 0px;
padding:10px;
}

dl.pickuplist dt{
text-indent:23px;
margin:5px 0 0 0;
font-weight:bold;
}

dl.pickuplist dd{
text-indent:23px;
}

.more{
position:absolute;
bottom:20px;
right:20px;
}

.new{
display:block;
color:#FF3300;
margin:0 0 10px 0;
font-size:10px;
}

#pickupcontainer div#pickup_bigan{
background:url(../images/pickup_bigan.gif) no-repeat;
margin-right:0px;
}

#pickupcontainer div#pickup_bigan div.pickwindow{
background:url(../images/pickwindow_bigan.gif) no-repeat;
}

#pickupcontainer div#pickup_movie2{
background:url(../images/pickup_movie2.gif) no-repeat;
margin-right:0px;
}

#pickupcontainer div#pickup_movie2 div.pickwindow{
background:url(../images/pickwindow_movie2.gif) no-repeat;
}


#pickupcontainer div#pickup_travel{
background:url(../images/pickup_travel.gif) no-repeat;
}
#pickupcontainer div#pickup_learn{
background:url(../images/pickup_learn.gif) no-repeat;
}

#pickupcontainer div#pickup_travel div.pickwindow{
background:url(../images/pickwindow_travel.gif) no-repeat;
}

#pickupcontainer div#pickup_travel dl.pickuplist dt{
background:url(../images/list1.gif) no-repeat;
}

#pickupcontainer div#pickup_plan{
background:url(../images/pickup_plan.gif) no-repeat;
}

#pickupcontainer div#pickup_plan div.pickwindow{
background:url(../images/pickwindow_plan.gif) no-repeat;
}

#pickupcontainer div#pickup_plan dl.pickuplist dt{
background:url(../images/list2.gif) no-repeat;
}

#pickupcontainer div#pickup_cooking{
background:url(../images/pickup_cooking.gif) no-repeat;
}

#pickupcontainer div#pickup_cooking div.pickwindow.cook{
background:url(../images/pickwindow_cooking.gif) no-repeat;
}

#pickupcontainer div#pickup_cooking div.pickwindow.wine{
background:url(../images/pickwindow_cooking.gif) no-repeat;
background-position:right;
}


#pickupcontainer div#pickup_cooking dl.pickuplist dt{
background:url(../images/list3.gif) no-repeat;
}

#pickupcontainer div#pickup_mst{
background:url(../images/pickup_mst.gif) no-repeat;
margin-right:0px;
}

#pickupcontainer div#pickup_mst div.pickwindow{
background:url(../images/pickwindow_mst.gif) no-repeat;
}

#pickupcontainer div#pickup_mst dl.pickuplist dt{
background:url(../images/list4.gif) no-repeat;
}

ul.normal_link li{
	margin-bottom: 2px;
	background:url(../images/bg_link02.gif) no-repeat left 3px;
	padding-left: 13px;
}



/* -----------------------------------------------------------------
	others
------------------------------------------------------------------ */
div#others{
	clear:both;
	padding-top:50px;
	padding-bottom:20px;
	background-color:#FFFFFF;
	text-align:center;
}



/*
=====================================================================
*
*    footer
*
* =================================================================== 
*/

#footer { 
	width:970px;
	background:#FFFFFF;
	font-size:10px;
	padding-bottom:30px;
	}
	
#footer span{
	padding:5px 0 5px 30px;
	background:#8C003C;
	display:block;
	color:#FFFFFF;
}


/*
=====================================================================
*
*    clearfix
*
* =================================================================== 
*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */