@charset "utf-8";
/*--------------------------------------------
*
*	HOME
*	01. layout tips
*	
*	
*	
*
*--------------------------------------------*/

/*--------------------------------------------
	01. layout tips
*--------------------------------------------*/

#main {
	background-image: url(../image/top_bg_main.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#topContentA { width: 500px; float: right; }
#topContentB { width: 246px; float:left; }

#main h3 { margin-bottom: 0px; margin-top: 0px; }

#main a {}
#main a:link ,
#main a:visited { color:#333; text-decoration: none; }
#main a:hover ,
#main a:active { color:#333; text-decoration: underline; }

/*--------------------------------------------
	02. Parts of ContentA & ContentB
*--------------------------------------------*/

/* layout *********************/
.topWhatsNew { margin:0px 0px 0px 0px; }
.topTopics { margin:13px 0px 0px 0px; }
.topWeekly { margin:13px 0px 0px 0px; }
.topWorks { margin:13px 0px 0px 0px; }
.topMind { margin:13px 0px 0px 0px;}
.topStep { margin:10px 0px 0px 0px;}

.scroll { overflow:auto; background:#fff; }
.scrollNone { background:#fff; }
.topWhatsNew .scroll { border:#39c solid 1px ; height:150px; overflow:auto; }
.topTopics .scroll { height:550px;}
.topWeekly .scrollNone { min-height:162px; height:auto !important; height:162px;}
.topWorks .scrollNone { min-height:185px; height:auto !important; height:185px;}

/* news -----------------------------------*/
.topWhatsNew {}
.topWhatsNew dl.newsList { padding:2px 10px 5px 10px; font-size: 83%; }
.topWhatsNew dl.newsList dt,
.topWhatsNew dl.newsList dd { padding:5px 5px 5px 0px; }
.topWhatsNew dl.newsList dt { float: left; clear:left; color:#966; }
.topWhatsNew dl.newsList dd { background:url(../image/line_dot.gif) left bottom repeat-x; }
.topWhatsNew dl.newsList dd img { vertical-align:baseline; }


/* evemt/topics ----------------------------*/
.topTopics dl.topicsList { padding:2px 10px 5px 10px;}
.topTopics dl.topicsList dt,
.topTopics dl.topicsList dd {}
.topTopics dl.topicsList dt { float:right; clear: right; width:352px; padding:5px 0px 0px 0px; color:#966; }
.topTopics dl.topicsList dd.topicsImage { float: left; clear:left; width:100px; margin: 0px 0px -22px 0px; padding:5px 0px 0px 0px;text-align:center; }
.topTopics dl.topicsList dd.topicsDescription { float:right; clear: right; width:352px; }
.topTopics dl.topicsList dd.topicsMore { clear:both; background:url(../image/line_dot.gif) left bottom repeat-x; text-align:right; padding:0px 0px 8px 0px; }
.topTopics dl.topicsList dd img { vertical-align:bottom; }


/* weekly ----------------------------*/
.topWeekly dl.weeklyList { padding:5px 5px 5px 5px; font-size: 83%;}
.topWeekly dl.weeklyList dt,
.topWeekly dl.weeklyList dd {}
.topWeekly dl.weeklyList dt { color:#966; padding:0px 0px 3px 0px; }

.topWeekly dl.weeklyList dt a:link,
.topWeekly dl.weeklyList dt a:visited { color:#966 !important; }
.topWeekly dl.weeklyList dt a:hover,
.topWeekly dl.weeklyList dt a:active { color:#966 !important; }

.topWeekly dl.weeklyList dd.weeklyImage { float: left; clear:left; width:150px; min-height:86px; height:auto !important; height:86px; margin:0px 0px -86px 0px; }
.topWeekly dl.weeklyList dd.weeklyMore { clear:both; text-align:right; height:76px; }
.topWeekly dl.weeklyList dd.weeklyMore a { display:block; width:75px; float:right; clear:right; margin-top:10px; }
.topWeekly dl.weeklyList dd.weeklyDescription { clear:both; padding:5px 0px 0px 0px; }

.topWeekly dl.weeklyList dd img { vertical-align:bottom; }

/* works ----------------------------*/
.topWorks dl.worksList { padding:5px 5px 5px 5px; font-size: 83%;}
.topWorks dl.worksList dt,
.topWorks dl.worksList dd {}
/*
.topWorks dl.worksList dt { color:#345ea6; font-weight:bold; padding:0px 0px 3px 0px; }

.topWorks dl.worksList dt a:link,
.topWorks dl.worksList dt a:visited { color:#345ea6 !important; }
.topWorks dl.worksList dt a:hover,
.topWorks dl.worksList dt a:active { color:#345ea6 !important; }
*/
.topWorks dl.worksList dt { color:#966; padding:0px 0px 3px 0px; }

.topWorks dl.worksList dt a:link,
.topWorks dl.worksList dt a:visited { color:#966 !important; }
.topWorks dl.worksList dt a:hover,
.topWorks dl.worksList dt a:active { color:#966 !important; }

.topWorks dl.worksList dd.worksImage { float: left; clear:left; width:150px; min-height:86px; height:auto !important; height:86px; margin:0px 0px -86px 0px; }
.topWorks dl.worksList dd.worksMore { clear:both; text-align:right; height:76px; }
.topWorks dl.worksList dd.worksMore a { display:block; width:75px; float:right; clear:right; margin-top:10px; }
.topWorks dl.worksList dd.worksDescription { clear:both; padding:5px 0px 0px 0px; }

.topWorks dl.worksList dd img { vertical-align:bottom; }


/* mind ----------------------------*/
.topMind {}
.topMind img { vertical-align:bottom;}

/* step ----------------------------*/
.topStep {}
.topStep img { vertical-align:bottom;}