@media (min-width:576px)
{
	body {
		width: 1024px;
		margin: 0 auto;
	}
	
	ul, ol {
		list-style: none;
		padding: 0;
	}
	
	header {
		padding-bottom: 10px;
		border-bottom: 1px solid #999;
	}
	
	#logo {
		font-size: 20pt;
		font-weight: bold;
		float: left;
		width: 224px;
		text-shadow: 2px 2px 5px #333;
		
	}
	
	#topright {
		float: left;
		width: 400px;
		padding-left: 400px;
	}
	
	#topmenu li {
		float: left;
		width: 100px;
	}
	
	#sidebar {
		
	}
	
	#sidebar ul ul {
		padding-left: 10px;
	}
	
	#sidebar>ul>li {
		font-weight: bold;
	}
	
	#sidebar {
		font-weight: bold;
		float: left;
		/*background-color: yellow;*/
		width: 140px;
		height: 800px;
	}
	
	.sidetitle {
		margin-bottom: 10px;
		text-align: center;
	}
	
	.sidetitle li {
		border-bottom: 1px dotted #333;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.sidetitle li:last-child {
		border-bottom: 0px;
	}
	
	.sideitem {
		font-weight: normal;
		text-align: left;
	}
	
	#mainmenu {
		margin-left: 20px;
	}
	
	#mainmenu li {
		float: left;
		padding: 0px 20px;
		margin-bottom: 10px;
		border-right: 1px black solid;
	}
	
	#mainmenu li:last-child {
		border-right: 0px black solid;
	}
	
	#mainmenu li:hover {
		background-color: #ddd;
	}
	
	#contents {
		/*background-color: yellowgreen;*/
		float: left;
		width: 884px;
		height: 800px;
	}
	
	.thumbnail {
		width: 250px;
		height: 250px;
		float: left;
		border: 1px green dotted;
		margin-left: 31px;
		margin-bottom: 31px;
		overflow: hidden;
	}
	
	.thumbnail img {
		width: 200%;
		margin-left: -50%;
	}
	
	.thumbnail:hover img {
		opacity:0.8;
	}
	
	.clearfix {
		zoom: 1;
	}
	
	.clearfix:before, .clearfix:after {
		content: " ";
		display: block;
		clear: both;
	}
}
@media (max-width:575px)
{
	body {width:100%; margin:0 auto; min-width:470px;}
	ul, ol {list-style:none; padding:0;}
	#logo {margin-top:10px; font-size:2em; font-weight:bold; text-align:center; width:100%; text-shadow:2px 2px 5px #333;}
	#topright {width:100%; }
	#topright li {font-size:1.2em; background-color:#ddd; margin-right:1px; padding: 5px 0px; text-align:center; float:left; width:24.84%;}
	#topmenu li:last-child {margin-right:0;}
	#topright div {margin:0 auto; width:235px; height:30px; overflow:hidden;}
	#topright div form input:first-child {width:180px;}
	#topright div form input:last-child {width:45px;}
	.sidetitle {margin-bottom:10px; text-align:center; float:left; background-color:greenyellow; width:48.5%;}
	.sidetitle:first-child {margin-left:1%; margin-right:0.5%;}
	.sidetitle:last-child {margin-left:0.5%; margin-right:1%;}
	.sidetitle div {padding:5px 0;}
	.sidetitle ul {background-color:white;}
	.sidetitle li {text-align:center; border-bottom:1px dotted #ddd; padding-top:5px; padding-bottom:5px;}
	#mainmenu {width:100%; margin-bottom:2px;}
	#mainmenu li {background-color:#ddd; padding:5px 0; text-align:center; float:left; width:24.84%; margin-right:1px;}
	#mainmenu li:last-child {margin-right:0;}
	#contents {width:100%;}
	.thumbnail {width:33.05%; height:180px; float:left; overflow:hidden; margin-right:2px; margin-bottom:2px;}
	.thumbnail:nth-child(3n) {margin-right:0;}
	.thumbnail img {width:200%; margin-left:-50%;}
	
	
	
	.clearfix {
		zoom: 1;
	}
	
	.clearfix:before, .clearfix:after {
		content: " ";
		display: block;
		clear: both;
	}
}

/*@media (min-width:576px)AND(max-width:1024px){}*/