@media print,screen and (min-width: 641px){


#section01{
	margin-top:20px;
	margin-bottom:20px;
}
	#section01 #whatsnew{
		width:100%;
		border-bottom:solid #ccc 1px;
		height:310px;
	}
		#section01 #whatsnew h2 span{
			font-size:16px;
			color:#d90000;
			margin-left:5px;
		}

		#section01 #whatsnew #whatsnew_body{
			height:285px;
			overflow:auto;
		}

		#section01 #whatsnew dl{
			margin:10px 0 10px 10px;
		}
			#section01 #whatsnew dl dt{
				width:90px;
				font-size:14px;
				float:left;
				border-top:dotted #ddd 1px;
				padding-top:5px;
			}
			#section01 #whatsnew dl dd{
				margin-left:90px;
				margin-bottom:3px;
				border-top:dotted #ddd 1px;
				padding-top:5px;
			}
			#section01 #whatsnew dl dd a{
				color:#06C;
				text-decoration:none;
			}
			#section01 #whatsnew dl dd a:hover{
				text-decoration:underline;
			}

	#section01 #cl_info{
		float:right;
		text-indent:999px;
		line-height:999px;
		overflow:hidden;
		width:216px;
		height:159px;
		background:url(../images/top_info.gif);
	}
		#section01 #cl_info h2{
			background:none;
		}
	
#section02{
	margin-bottom:20px;
}

	#section02 #icon01{
		float:left;
	}
		#section02 #icon01 img{
			margin-right:7px;
		}
	#section02 #icon02{
		float:right;
	}
		#section02 #icon02 img{
			margin-left:7px;
		}



#section03{
}
	#section03 #icon03{
		float:right;
		padding-top:40px;
	}
		#section03 #icon03 img{
			width:90%;
			vertical-align:bottom;
		}

	#section03 #calender{
		width:450px;
		float:left;
	}
	

.bx-controls{
	display:none;
}


}



@media screen and (max-width: 640px){
#section01{
	margin-top:20px;
	margin-bottom:20px;
}
	#section01 #whatsnew{
		margin-bottom:20px;
	}
		#section01 #whatsnew h2 span{
			font-size:16px;
			color:#d90000;
			margin-left:5px;
		}

		#section01 #whatsnew #whatsnew_body{
			background-color:#eee;
		}

		#section01 #whatsnew dl{
			margin:5px 0 0;
			padding:5px;
		}
			#section01 #whatsnew dl dt{
				font-size:14px;
				font-weight:bold;
			}
			#section01 #whatsnew dl dd{
				margin:0 0 5px 0;
				padding:0 0 5px 0;
				border-bottom:dotted #ccc 1px;
			}

	#section01 #cl_info{
	}
		#section01 #cl_info p{
			background-color:#ffe9cc;
			margin:5px;
			text-align:center;
		}
	
#section02{
}

	#section02 #icon01{
	}
		#section02 #icon01 img{
			width:50%;
			float:left;
		}
	#section02 #icon02{
	}
		#section02 #icon02 img{
			width:50%;
			float:left;
		}



#section03{
}
	#section03 #icon03{
	}
		#section03 #icon03 img{
			width:80%;
			margin:15px 10%;
			float:left;
		}

	#section03 #calender{
		margin-top:20px;
	}



.bx-controls{
	display:none;
}


}