@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/















.navibox{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 45px;
	line-height: 45px;
	color: #FFFFFF;
	font-size: 16px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	width: 100px;
	

}

.navibox a {
	display: block;
	color: #FFFFFF;
	text-decoration: none; 
	
		-webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
	
}

.navibox :hover{
	display: block;

	background-color: #3f5d4a;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	
		-webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}