@charset "utf-8";

/* =========================================================
◆Cont
========================================================= */

#Cont #box_menu {
	float: left;
	background: url(../images/bg_lcont.jpg) left bottom no-repeat;
	width: 335px;
	height: 249px;
	margin-right: 20px;
}

#Cont #box_menu .ul_menu01 {
	width: 169px;
	float: left;
	padding-top: 10px;
}

#Cont #box_menu .ul_menu01 li {
	margin-left: 27px;
	margin-bottom: 15px;
}

#Cont #box_menu .ul_menu02 {
	float: left;
	padding-top: 10px;
}

#Cont #box_menu .ul_menu02 li {
	margin-left: 27px;
	margin-bottom: 15px;
}

#Cont #box_recommend {
	float: left;
	background: url(../images/bg_rcont.jpg) left bottom no-repeat;
	height: 249px;
}

#Cont #box_recommend ul {
	padding: 10px 0px 0 !important;
}



#Cont #box_recommend ul li p {
	margin-bottom: 9px;
}

#Cont #box_recommend ul li dl {
	color: #525C63;
}

#Cont #box_recommend ul li dl dt {
	font-weight: bold;
	margin-bottom: 6px;
}

#Cont #box_recommend ul li dl dd {
	line-height: 1.4;
}

#Cont #box_recommend ul li dl dd a {
	text-decoration: none;
}

#Cont #box_recommend ul li dl dd a:hover {
	text-decoration: underline;
}

#Cont #box_news {
	clear: both;
}

#Cont #News {
	clear: both;
	float: left;
	width: 358px;
}

#Cont #News h2 {
	float: left;
	margin-right: 13px;
	width: 50px;
	height: 100px;
	font-size: 0px;
}

/*#Cont #News dl {
	padding-top: 6px;
}*/

#Cont #News dl dt {
	color: #977F53;
	float: left;
	width: 75px;
}

#Cont #News dl dd {
	margin: 0 0 10px 10px;
	width: 365px;
}

#Cont #News dl dd a {
	text-decoration: underline;
}

#Cont #News dl dd a:hover {
	text-decoration: none;
}

#Cont #NewsBanner {
	float: right;
	width: 584px;
}





/* ROLLOVER */
/* ----------------------------------------------------- */
ul#baner li a:hover img,
ul#baner li a:hover img,
#NewsBanner a:hover img {
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
} 


/* =========================================================
◆jCarousel
========================================================= */

#toggle .carousel a.c_prev, #toggle .carousel a.c_next {
	display: block;
	float: left;
	width: 15px;
	height: 115px;
	margin-top: 10px;
}
	#toggle .carousel a.c_prev {
		background: url("../images/btn_new-recommend_back.png") right top no-repeat;
	}
		#toggle .carousel a.c_next {
			background: url("../images/btn_new-recommend_next.png") right top no-repeat;
		}


#toggle {
	margin-left: 15px;
}


#toggle .carousel .jCarouselLite { 
	max-height: 190px;
	float: left;
		/* Needed for rendering without flicker */
	position: relative;
	visibility: hidden;
	left: -5000px;
}

/* toggle items */
/* ----------------------------------------------------- */
#toggle li { 
	width: 170px;
	display: block;
	margin-left: 7px;
	margin-right: 7px;
}
			#toggle a:hover {
				text-decoration: none;
			}


/* =========================================================
◆badge
========================================================= */
#on-newbadge {
	position: relative;
	z-index: 1;
}

	#on-newbadge .newbadge01 {
		position: absolute;
		top: -3px;
		left: -2px;
		z-index: 5;
	}
	#on-newbadge .newbadge02 {
		position: absolute;
		top: -3px;
		left: 245px;
		z-index: 5;
	}
	#on-newbadge .newbadge03 {
		position: absolute;
		top: -3px;
		left: 493px;
		z-index: 5;
	}
	#on-newbadge .newbadge04 {
		position: absolute;
		top: -3px;
		left: 741px;
		z-index: 5;
	}




/* ::: clear ::: */
/* ----------------------------------------------------- */
.clear { margin:0; padding: 0; border: none; clear: both; }
.hide {visibility:hidden; display:none;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */