@charset "UTF-8";

/* /////////////////////////////////////////////////////////////////////////// wrapper */



html{
	background:#ffffff;
}

body{
	background:url(../../image/topics/bg.gif) repeat left top;
}

/* /////////////////////////////////////////////////////////////////////////// header */

#wrapper{
	background:url(../../image/topics/bg_header.gif) repeat-x left top;
}

div#header{
	height:100px;
	width:950px;/*960px*/
	padding:0 5px;
	margin:0 auto;
}

	div#header p#logo{
		float:left;
		width:95px;
		padding-right:200px;
	}

	div#header p{
		padding-top:10px;
	}
	



/* /////////////////////////////////////////////////////////////////////////// contents */

div#contents{
	width:100%;
	background:url(../../image/topics/bg.gif) repeat left top;
	
}

div#main{
	width:970px;
	/*padding:30px 0;*/
	margin:0 auto;
}

	div#main ul#topicsList{
		padding-top:15px;
		padding-left:10px;
	}

	div#main ul#topicsList li{
		float:left;
		padding:0 10px 10px 0;
	}

	div#main h1,
	div#main h2{ padding-left:10px;}

	div#main h2{ padding-top:15px; clear:both;}
	
.subSection{
	width:930px;
	padding:10px 0 0 10px;
	margin:15px auto 0;
	
	/*角丸*/
	background:#ffffff;
	border:1px solid #d9d9d9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

	.subSection ul li{
		float:left;
		padding-right:10px;
		padding-bottom:10px;
	}


/* /////////////////////////////////////////////////////////////////////////// footer */

div#footer{
	height:95px;
	background-color:#ffffff;
	text-align:center;
	padding-top:20px;
	clear:both;
}