@charset "UTF-8";

/*
==========================================================
top_img
========================================================
*/
#top_img{
	width:960px;
	height:350px;
	padding:0px;
	margin:0px auto 5px auto;
	clear:both;
	background-color:#fff;
	position:relative;
	border:1px solid #ccc;
	overflow:hidden;
}
#top_img .slider_copy{
	width:555px;
	height:110px;
	padding:0px;
	margin:0px;
	background-image:url(/topImage/slider_copy.png);
	bottom:40px;
	right:30px;
	position:absolute;
	z-index:11;
}
#top_img .quickFlip{
	width:240px;
	height:350px;
	padding:0px;
	margin:0px;
	float:left;
}
.quickFlip .cook{
	width:240px;
	height:350px;
	padding:0px;
	margin:0px;
	background-image:url(/topImage/slider_cook2.jpg);
	z-index:10;
	position:absolute;
}
.quickFlip .cook_b{
	width:240px;
	height:350px;
	padding:0px;
	margin:0px;
	background-image:url(/topImage/slider_cook_b2.jpg);
	z-index:9;
	position:absolute;
}
.quickFlip .cafe{
	width:240px;
	height:350px;
	padding:0px;
	margin:0px;
	background-image:url(/topImage/slider_cafe2.jpg);
	z-index:10;
	position:absolute;
}
.quickFlip .cafe_b{
	width:240px;
	height:350px;
	padding:0px;
	margin:0px;
	background-image:url(/topImage/slider_cafe_b2.jpg);
	z-index:9;
	position:absolute;
}
.quickFlip .flower{
	width:240px;
	height:350px;
	padding:0px;
	margin:0px;
	background-image:url(/topImage/slider_flower2.jpg);
	z-index:10;
	position:absolute;
}
.quickFlip .flower_b{
	width:240px;
	height:350px;
	padding:0px;
	margin:0px;
	background-image:url(/topImage/slider_flower_b2.jpg);
	z-index:9;
	position:absolute;
}
.quickFlip .cloth{
	width:240px;
	height:350px;
	padding:0px;
	margin:0px;
	background-image:url(/topImage/slider_cloth2.jpg);
	z-index:10;
	position:absolute;
}
.quickFlip .cloth_b{
	width:240px;
	height:350px;
	padding:0px;
	margin:0px;
	background-image:url(/topImage/slider_cloth_b2.jpg);
	z-index:9;
	position:absolute;
}

/*
==========================================================
contents
========================================================
*/
#contents{
	width:960px;
	height:auto;
	padding:0px;
	margin:10px auto 0px auto;
	clear:both;
	overflow:hidden;
}


#text_news{
	width:960px;
	height:40px;
	margin: 10px auto;
	background-color: #FCE6EB;
	border-top: 2px solid #F99;
	overflow: hidden;
}

#text_news p{
	width: 900px;
	margin: 0px auto;
	color: #C00;
	font-size: 14px;
	text-align:center;
	line-height: 40px;
	font-weight:bold;
	display: block;
}


/*
==========================================================
search
========================================================
*/

#search{
	width:600px;
	height:385px;
	padding:0px;
	margin:0px;
	float:left;
	background-image:url(/topImage/search_back.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #E8E8E8;
}
#search h2{
	width:600px;
	height:50px;
	padding:0px;
	margin:0px 0px 20px 0px;
	float:left;
	clear:both;
	background-image:url(/topImage/search_h2.png);
	background-position:20px 15px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #33CCCC;
}
#search .kind{
	width:570px;
	height:30px;
	padding:0px;
	margin:0px 0px 20px 20px;
	float:left;
	clear:both;
	background-image:url(/topImage/search_kind.png);
	background-position:left;
}
#search .area{
	width:570px;
	height:30px;
	padding:0px;
	margin:20px 0px 20px 20px;
	float:left;
	clear:both;
	background-image:url(/topImage/search_area.png);
	background-position:left;
}
#search .list{
	width:560px;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 20px;
	float:left;
	clear:both;
	overflow:hidden;
}
#search .list td{
	width:auto;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	text-align:left;
	font-weight:normal;
	color:#333;
	line-height:150%;
}
/*
#search .block ul{
	width:560px;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
	clear:both;
	overflow:hidden;
}
#search .block ul li{
	width:100px;
	height:30px;
	padding:0px;
	margin:0px 10px 10px 0px;
	float:left;
	border:1px solid #ccc;
	font-size:14px;
	text-align:center;
	color:#333;
	line-height:30px;
	list-style-type:none;
}
#search .block ul li a{
	color:#333;
	text-decoration:none;
}
#search .block ul li a:hover{
	color:#ccc;
	text-decoration:none;
}
*/
#search .search_btn a{
	width:300px;
	height:40px;
	padding:0px;
	margin:10px 0px 0px 150px;
	float:left;
	clear:both;
	display:block;
	background-image:url(/topImage/search_btn.jpg);
}
#search .search_btn a:hover{
	background-position:0px -40px;
}

/*
==========================================================
information
========================================================
*/


#information{
	width:340px;
	height:385px;
	padding:0px;
	margin:0px 0px 0px 0px;
	float:right;
	background-image:url(/topImage/information_back.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border:1px solid #E8E8E8;
}
#information h2{
	width:340px;
	height:50px;
	padding:0px;
	margin:0px;
	float:left;
	clear:both;
	background-image:url(/topImage/information_h2.png);
	background-position:20px 15px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #999;
}
#information ul{
	width:300px;
	height:300px;
	padding:0px;
	margin:20px 0px 0px 20px;
	float:left;
	clear:both;
	overflow:scroll;
}
#information ul li{
	width:300px;
	height:auto;
	padding:0px;
	margin:0px 0px 10px 0px;
	font-size:14px;
	text-align:left;
	line-height:150%;
	color:#333;
	list-style-type:none;
	font-weight:normal;
}
#information ul li a{
	color:#333;
	text-decoration:underline;
	padding:0px 0px 0px 20px;
}
#information ul li a:hover{
	color:#ccc;
	text-decoration:underline;
}

/*
==========================================================
banner
========================================================
*/
#banner{
	width:960px;
	height:70px;
	padding:0px;
	margin:20px 0px 20px 0px;
	float:left;
	clear:both;
	overflow:hidden;
}
#banner .greeting_btn a{
	width:305px;
	height:70px;
	padding:0px;
	margin:0px;
	float:left;
	background-image:url(/topImage/greeting_btn.jpg);
	display:block;
}
#banner .report_long_btn a{
	width:305px;
	height:70px;
	padding:0px;
	margin:0px;
	float:left;
	background-image:url(/topImage/repot_long_btn.jpg);
	display:block;
}
#banner .staffblog_btn a{
	width:305px;
	height:70px;
	padding:0px;
	margin:0px 0px 0px 22px;
	float:left;
	background-image:url(/topImage/fb_btn.jpg);
	display:block;
}
#banner .map_btn a{
	width:305px;
	height:70px;
	padding:0px;
	margin:0px 0px 0px 22px;
	float:left;
	background-image:url(/topImage/map_btn.jpg);
	display:block;
}
#banner .greeting_btn .staffblog_btn .map_btn, a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}



/*
==========================================================
categoly
========================================================
*/



#categoly{
	width:960px;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
	clear:both;
}
#introduction{
	width:230px;
	height:280px;
	padding:0px;
	margin:0px;
	float:left;
	overflow:hidden;
	background-image:url(/topImage/introduction_back.jpg);
}
#introduction h2{
	width:200px;
	height:30px;
	padding:0px;
	margin:20px 0px 0px 15px;
	float:left;
	clear:both;
	background-image:url(/topImage/introduction_h2.png);
	background-position:top center;
	background-repeat:no-repeat;
}
#introduction #company #place #question, p{
	width:200px;
	height:auto;
	padding:0px;
	margin:10px 0px 0px 15px;
	float:left;
	clear:both;
	font-size:14px;
	text-align:left;
	line-height:130%;
	color:#333;
	font-weight:normal;
}
#company{
	width:230px;
	height:280px;
	padding:0px;
	margin:0px 0px 0px 13px;
	float:left;
	overflow:hidden;
	background-image:url(/topImage/company_back.jpg);
}
#company h2{
	width:200px;
	height:30px;
	padding:0px;
	margin:20px 0px 0px 15px;
	float:left;
	clear:both;
	background-image:url(/topImage/company_h2.png);
	background-position:top center;
	background-repeat:no-repeat;
}

#place{
	width:230px;
	height:280px;
	padding:0px;
	margin:0px 0px 0px 13px;
	float:left;
	overflow:hidden;
	background-image:url(/topImage/place_back.jpg);
}
#place h2{
	width:200px;
	height:30px;
	padding:0px;
	margin:20px 0px 0px 15px;
	float:left;
	clear:both;
	background-image:url(/topImage/place_h2.png);
	background-position:top center;
	background-repeat:no-repeat;
}

#question{
	width:230px;
	height:280px;
	padding:0px;
	margin:0px 0px 0px 13px;
	float:left;
	overflow:hidden;
	background-image:url(/topImage/question_back.jpg);
}
#question h2{
	width:200px;
	height:30px;
	padding:0px;
	margin:20px 0px 0px 15px;
	float:left;
	clear:both;
	background-image:url(/topImage/question_h2.png);
	background-position:top center;
	background-repeat:no-repeat;
}

/*
==========================================================
facebook
========================================================
*/
#facebook{
	width:960px;
	height:280px;
	padding:30px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	clear:both;
	
}

#text_news marquee p img {
	height: 20px;
	width: 112px;
	margin-top: 0px;
	line-height: 40px;
}
#text_news a {
	text-decoration: none;
}

.topinfo {
	font-size: 13px;
	line-height: 140%;
	text-align: center;
}

#report_new{
	width: 1000px;
	height: 40px;
	margin: 40px auto 20px auto;
	padding-top: 15px;
	padding-left: 20px;
	background-color: #FFE0DE;
	float:left;
	clear:both;
	color: #FF0000;
	font-size: 20px;
	text-align: left;
	}