@charset "utf-8";

@import "reset.css";
@import "base.css";

body {
	background: #eeeeee url(../../img/bg_body.gif) repeat-x 0 0;
}

/*-----------------------------------------------*/
/*                    mainImage                  */
/*-----------------------------------------------*/

#mainImage {
	margin-top:10px;
	margin-bottom:20px;
}

/*-----------------------------------------------*/
/*                  mainContents                 */
/*-----------------------------------------------*/

/* boxTopics ------------------------------------*/

iframe {
	width:640px;
	margin-bottom:20px;
	padding:5px 5px 5px 5px;
	background:url(../../img/bg_topics.gif) no-repeat left bottom;
}

/* boxFeature -----------------------------------*/

#boxFeature {
	width:650px;
	margin-bottom:20px;
}
#boxFeature dl {
	float:left;
	width:320px;
	background:url(../../img/bg_feature.gif) no-repeat left bottom;
}
#boxFeature dl.last {
	float:right;
}
#boxFeature dt img {
	display:block;
}
#boxFeature p {
	padding:8px 15px 0px 15px;
}
#boxFeature p.arrow {
	padding-bottom:12px;
	text-align:right;
}
#boxFeature p.arrow a {
	background:url(../img/arrow.gif) no-repeat 0 0;
	padding-left:15px;
}

/*-----------------------------------------------*/
/*                    floatClear                 */
/*-----------------------------------------------*/

.clearfix, #boxTopics dl, #boxFeature {
	zoom: 1; /* for IE5.5 - IE7 */
}
.clearfix:after, #boxTopics dl:after, #boxFeature:after { /* for modern browser */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}