@charset "utf-8";

/* ------------------------------------- 
 *	build
 * ------------------------------------- */
 
/*- #topContents -------- */
#topContents{
	position: relative;
	width:674px;
	height:190px;
	margin-left:21px;
	background-image:url(img/topContents_bg.gif);
	background-repeat:no-repeat;
}
#topContents_fla{
	position: relative;
	width:674px;
	height:328px;
	margin-left:21px;
	background-image:url(img/topContents_fla_bg.gif);
	background-repeat:no-repeat;
}
#topContents .mp{
	position:absolute;
	width:328px;
	height:163px;
	padding:4px;
	background-image:url(img/topContents_mp_bg_.gif);
	background-repeat:no-repeat;
	left:13px;
	top:13px;
}
#topContents_fla .mp{
	position:absolute;
	width:328px;
	height:292px;
	padding:4px;
	background-image:url(img/topContents_mp_bg.gif);
	background-repeat:no-repeat;
	left:13px;
	top:13px;
}
.radio{
	position:absolute;
	width:289px;
	height:78px;
	padding:4px;
	background-image:url(img/topContents_radio_bg.gif);
	background-repeat:no-repeat;
	right:15px;
	top:13px;
}

#topContents .bnr{
	position:absolute;
	width:290px;
	height:163px;
	padding:4px;
	background-image:url(img/topContents_bnr_bg.gif);
	background-repeat:no-repeat;
	right:15px;
	top:13px;
}

#topContents_fla .bnr{
	position:absolute;
	width:290px;
	height:207px;
	padding:4px;
	background-image:url(img/topContents_bnr_bg.gif);
	background-repeat:no-repeat;
	right:15px;
	top:98px;
}



.topbanner{
	width:670px;
	margin: 15px 0 0 23px;
}

.article{
	width:674px;
	background-image:url(img/article_body.gif);
	background-repeat:no-repeat;
}

.article_side{
	width:674px;
	margin:25px 0 7px 21px;
	background-image:url(img/article_body_side.gif);
	background-repeat:repeat-y;
}

.article_left{
	width:496px;
	padding:0px 0px 10px 16px;
	float:left;
	overflow: hidden;
}

.article_left h6{
	background-color:#999;
	padding:7px;
	color:#fff;
	font-weight:bold;
	margin:15px 0 15px 0;
}

.article_left p{
	padding: 0 15px 10px 15px;
}


.article_right{
	width:135px;
	float:right;
	padding-top:15px;
	padding-right:5px;
	padding-left:20px;
}




#topContents .radio .live,
#topContents .radio .radioFlash,
#topContents .radio .radioAnim1,
#topContents .radio .radioAnim2{
	position: absolute;
}
#topContents .radio .live{
	width: 275px;
	height:72px;
	left: 10px;
	top: 36px;
	border: 1px solid #787065;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	background-color: #FFFFFF;
}
#topContents .radio .live img{
	float: left;
}
#topContents .radio .live .text{
	float: right;
	height: 72px;
	width: 172px;
	overflow: auto;
}
#topContents .radio .live .text h3{
	margin-bottom: 5px;
}
#topContents .radio .radioFlash{
	height: 83px;
	width: 81px;
	left: 304px;
	top: 45px;
	display: block;
	background-color: #FFFFFF;
}
#topContents .radio .radioAnim1{
	height: 12px;
	width: 79px;
	left: 215px;
	top: 125px;
	display: block;
	background-color: #FFFFFF;
}
#topContents .radio .radioAnim2{
	height: 30px;
	width: 155px;
	left: 127px;
	top: 147px;
	display: block;
	background-color: #FFFFFF;
}
#topContents .flash{
	float: right;
	width: 570px;
}

/*- #contents ----------- */
#contents{
	padding-bottom: 8px;
}
/*- #contents sp --- */
#contents .sp{
	float: left;
	width: 196px;
	margin-top:4px;
	font-size: 11px;
}
#contents .sp h2{
	margin-bottom: 3px;
}
#contents .sp ul{
	margin-bottom: 8px;
}
#contents .sp ul li{
	margin-bottom: 7px;
	padding-bottom: 5px;
	background-image: url(img/contents_line_w.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#contents .sp ul li a{
	display:block;
	width: 188px;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-top: 63px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	background-color: #FFFFFF;
}
#contents .sp .bnWhat{
	margin-bottom:6px;
	display: block;
	width: 188px;
}

/*- #contents list -- */
#contents .list01,
#contents .list02,
#contents .list03{
	float: left;
	width: 247px;
	padding-top:7px;
	padding-left: 9px;
	margin-top:10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #787065;
	background-image: url(img/contents_line_h.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#contents .list01,
#contents .list02{
	padding-right: 8px;
}
#contents .list01 div,
#contents .list02 div,
#contents .list03 div{
	margin-bottom: 10px;
}
#contents .list01 h2,
#contents .list02 h2,
#contents .list03 h2{
	float: left;
	width: 62px;
}
#contents .list01 .buckNum,
#contents .list02 .buckNum,
#contents .list03 .buckNum{
	float: right;
	width: 77px;
	display: block;
}
#contents .list01 ul li,
#contents .list02 ul li,
#contents .list03 ul li{
	margin-bottom: 8px;
	padding-bottom: 9px;
	background-image: url(img/contents_line_w.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#contents .list01 ul .lastList,
#contents .list02 ul .lastList,
#contents .list03 ul .lastList{
	background-image: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#contents .list01 ul li a,
#contents .list02 ul li a,
#contents .list03 ul li a{
	display:block;
	width: 159px;
	min-height:54px;
	_height: 54px;/* IE6 */
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 85px;
	background-color: #FFFFFF;
}

