#menubutton_smp{
	display:none;
}

@media (max-width:1230px){
	#headmenu li a{
		padding:0 20px;
		font-size:14px;
	}
}

@media (max-width:1080px){
	#headmenu li a{
		padding:0 10px;
		font-size:12px;
	}
}

@media (max-width:890px){
	#head{
		padding:0 5px;
	}
	p.logo img{
		height:40px;
	}
	#headmenu{
		margin-left:10px;
	}
	#headmenu li a{
		padding:0 5px;
		letter-spacing:0;
		height:30px;
		line-height:30px;
	}
}

@media (min-width:601px){
	#headmenu{
		display:block !important;
	}
}

@media (max-width:600px){
	.smpoff{
		display:none;
	}
	#head{
		position:fixed;
		top:0;
		height:50px;
		padding:0;
	}
	h1, p.logo{
		position:relative;
		left:10px;
	}
	h1{
		font-size:10px;
	}
	p.logo img{
		height:30px;
	}
	div#headmenu{
		width:100%;
		display:none;
		float:none;
		margin:0;
		position:fixed;
		top:50px;
	}
	#headmenu li:first-child{
		border:none;
	}
	#headmenu li{
		background-color:#e9e9e9;
		float:none;
		border:none;
	}
	#headmenu li a{
		display:block;
		text-align:center;
		font-size:16px;
		height:60px;
		line-height:60px;
		padding:0;
		letter-spacing:1px;
		border-bottom:solid 1px white;
		background:url(/img/common/menulist_smp.png) no-repeat right 30px center;
	}
	#headmenu li a:hover{
		border-bottom:solid 1px white;
	}
	#menubutton_smp{
		margin:0;
		display:block;
		position:fixed;
		top:10px;
		right:10px;
	}
	#body{
		margin-top:50px;
	}
	#body div.container, #footmenu div.container{
		padding:10px 5%;
	}
	h2{
		margin:10px auto;
	}
	#publication{
		padding:10px 0;
	}
	#publication ul li{
		width:auto;
		float:none;
		margin:10px 0;
		text-align:center;
	}
}