@charset "UTF-8";
/* レスポンシブCSS */

@media screen and (max-width:620px){ 

#wrapper {
	width:100%;
	background-image: url("http://www.medical-certificate.net/img/header-mini.jpg");
	background-position:center top;
	background-size:contain;}
	
#header {
	background-image:url("http://www.medical-certificate.net/img/header-bg.gif");
	background-repeat:repeat-x;}	
	
#header h1 a {
	width:100%;
	background-image: url("http://www.medical-certificate.net/img/header-mini.jpg");
	background-position:center top;
	background-size:contain;}
	
#header h1 a:hover {
	width:100%;
	background-image: url("http://www.medical-certificate.net/img/header-mini.jpg");
	background-position:center top;
	background-size:contain;;
}		
	
#content {
	width:96%;
	float:left;
	padding:2%;}
	
#left {
	width:96%;
	float:left;
	padding:2%;
	}
	
#left .idx {
	width:100%;}	
	
.menu ul {
	width:100%;
	padding:0;
	}	
	
.menu li {
	width:100%;
	margin:0;}	
	
.menu li a:link, .menu li a:visited, .menu li a:active {
	width:100%;}			
	
#footer {
	width:100%;}	
	
#footer div {
	width:100%;}
	
#f_navi p {
	padding:10px;}	
	
#f_navi p a {
	padding:0 7px;
	}		

}

@media screen and (max-width:480px){ 

#header {
	background:none;}
	
}