#container {width: 900px;overflow: hidden;}
#gnavi {
	float: left;
	padding: 0;
	margin: 0;
	width: 810px;
	overflow: hidden;
	}
#gnavi h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	float: left;
}
#gnavi a{
	display: block;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-ms-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
#gnavi h1 a:hover{opacity: 0.6;}
#navi{margin: 0;padding: 0;list-style: none;float: right;}
#navi li{float: left;display: block;}
#navi li a{
	border-left: 6px solid #9733FC;
	display: block;
}
#navi li a.current{border-left: 6px solid #FC3700;}
#navi li a:hover{border-left: 6px solid #FC3700;background-color: #F4D70B;}
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}