@charset "UTF-8";

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

# NICE CLAUP Co.,LTD.
# COPYRIGHT (C) NICE CLAUP CO,.LTD ALL RIGHTS RESERVED.

css : top
Date : 2011.03.11

[top] 
	11. Top

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

/* ------------------------------------------------------------
	11. Top
------------------------------------------------------------ */

#top{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 900px;

   
}

/* common */
#top .top_column{
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
	width: 900px;
}

/* mainvis */
#top_mainvis{
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
	width: 900px;
	height: 500px;
}
#top_mainvis #mainvisList{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 240px;
	height: 535px;
	float: left;
}
#top_mainvis #mainvisList ul{
	margin: 0;
	padding: 1px 0 0 0;
	overflow: hidden;
	list-style: none;
	background: url(../images/common/border.gif) repeat-x top;
}
#top_mainvis #mainvisList ul li{
	margin: 0;
	padding: 0 0 1px 0;
	overflow: hidden;
	background: url(../images/common/border.gif) repeat-x bottom;
}
#top_mainvis #mainvisImage{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 660px;
	height: 478px;
	float: right;
}
#top_mainvis #mainvis1,
#top_mainvis #mainvis2,
#top_mainvis #mainvis3,
#top_mainvis #mainvis4,
#top_mainvis #mainvis5,
#top_mainvis #mainvis6{
	margin: 0;
	padding: 0;
	overflow: hidden;
}


/* top_news */
#top_news{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 500px;
	float: left;
-webkit-text-size-adjust: none;
}
#top_news .articleTitle{
	width: 80px;
	height: 50px;
	background: url(../images/top/news_title.gif) no-repeat 0 0;
	float: left;
}
#top_news .articleBody{
	width: 420px;
	float: left;
	background: url(../images/common/line.gif) repeat-y left;
}
#top_news ul{
	margin: 0 0 0 20px;
	padding: 1px 0 0 0;
	width: 400px;
	overflow: hidden;
	list-style: none;
	background: url(../images/common/border.gif) repeat-x top;
}
#top_news ul li{
	margin: 2px 0 0;
	padding: 0 0 3px 0;
	width: 400px;
	overflow: hidden;
	background: url(../images/common/border.gif) repeat-x bottom;
}
#top_news ul li a{
	padding: 0 0 0 15px;
	background: url(../images/common/point.gif) no-repeat left center;
	text-decoration: none;
}

#top_news #top_news_more{
	margin: 10px 0 0 20px;
	width: 400px;
	overflow: hidden;
	text-align: right;
}
#top_news #top_news_more a{
	margin: 0;
	padding: 0;
	width: 76px;
	height: 21px;
	display: block;
	background: url(../images/top/news_more.gif) no-repeat 0 0;
	float: right;
}

/* top_bannerarea */
#top_bannerarea{
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	width: 380px;
	float: right;
}
#top_banner1,
#top_banner2,
#top_banner3{
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 180px;
	height: 40px;
	* height: 42px;
	float: left;
	display: block;
}
#top_banner1{
	margin: 0;
	padding: 0;
	height: 100px;
	* height: 102px;
	float: right;
}
#top_banner2{
	margin: 0 0 15px 0;
}

/* top_brands */
#top_brands{
	margin: 0;
	padding: 0;
	
	width: 900px;
}
#top_brands .articleTitle{
	width: 80px;
	height: 50px;
	background: url(../images/top/brands_title.gif) no-repeat 0 0;
	float: left;
	margin-top:30px;
}
#top_brands .articleBody{
	width: 820px;
	float: left;
	background: url(../images/common/line.gif) repeat-y left;
	margin-top:20px;
}
#top_brands ul{
	margin: 0 0 0 1px;
	padding: 1px 0 0 0;
	width: 820px;
	overflow: hidden;
	list-style: none;
}
#top_brands ul li{
	margin: 0 0 15px 23px;
	padding: 6px 0;
	width: 250px;
	overflow: hidden;
	float: left;
	display: inline;
}

#top_brands .top_brands_bg{
	width:  250px;
	overflow: hidden;
	background: url(../images/top/brands_bg_middle.gif) repeat-y;
}
#top_brands .top_brands_bg_top{
	padding: 8px 0 8px 0;
	width:  250px;
	height:87px;
	
	
	overflow: hidden;
	background: url(../images/top/brands_bg_top.gif) no-repeat center top;
	text-align: center;
}
#top_brands .top_brands_bg_bottom{
	width:  250px;
	height: 5px;
	overflow: hidden;
	background: url(../images/top/brands_bg_bottom.gif) no-repeat center top;
	
	
	
}
#top_brands .top_brands_bg_bottom hr{
	display: none;
}
#top_brands .top_brands_bg_inner{
	margin: 0 auto;
	width:  240px;
	overflow: hidden;
	display: block;
}

#top_brands .top_brands_bg_inner table{
	margin: 0;
	width:  240px;
	height:90px;
	overflow: hidden;
	display: block;
}
#top_brands .top_brands_img1{
	width:  120px;
}
#top_brands .top_brands_img2{
	width:  120px;
}
#top_brands ul li .top_brands_bg a{
	margin: 0;
	width:  120px;
	overflow: hidden;
	display: block;
}