@charset "utf-8";

/*=========================================================
	[ recommend.css ]
	date - creation:2010-03-05 // update:2010-04-14
=========================================================*/

/*=========================================================
	index
		1. side recommend
		2. banner
=========================================================*/

/* 1. side recommend
=========================================================*/
/* heading */
div.recommend h2{
	clear:both;
	margin-top:10px;
	padding-left:3px;
	font-weight:bold;
	color:#000000;
}
div.recommend{
	margin:0 3px 0 4px;
	font-size:92%;
	line-height:1.4;
}
div.recBtn img{margin-bottom:5px;}

.recommend ul.recLink,.recommend div.recBox{
	margin-top:.4em;
	padding:6px;
	list-style:none;
	border:1px solid #DBE6EC;
	background-color:#ffffff;
}
.recommend ul.recLink li{
	margin:.2em 0;
	padding:0 0 0 17px;
	background:transparent url(/common/images/nav_ico_recommend.gif) no-repeat 0 .4em;
	line-height:1.4;
}
ul#recCenter{
	display:block;
	list-style:none;
	width:218px;
	margin:0 auto;
	padding:0;
}
#recCenter li,#recCenter li a{
	display:block;
	margin:0;
	padding:0;
	width:218px;
	border:0;
	overflow:hidden;
}
#recCenter li a{
	height:0;
	background-image:url(/common/images/recommend/rec_btn_center.gif);
	background-repeat:no-repeat;
}
#rec-news{height:49px;}
#recCenter li#rec-news a{padding-top:49px;}
#rec-dl{height:46px;}
#recCenter li#rec-dl a{
	padding-top:46px;
	background-position:0 -49px;
}
#rec-search{height:47px;}
#recCenter li#rec-search a{
	padding-top:47px;
	background-position:0 -95px;
}
#recCenter li#rec-news a:hover{
	background-position:-218px 0;
}
#recCenter li#rec-dl a:hover{
	background-position:-218px -49px;
}
#recCenter li#rec-search a:hover{
	background-position:-218px -95px;
}

/* 2. banner
=========================================================*/
.recBtn{
	text-align:center;
}