@charset "UTF-8";
/*--------------------------------
// 共通css
----------------------------------*/
#transition nav,ul,li,a{
	margin:0;padding:0;
}
#transition a{
	color:#333;
	text-decoration: none;
}
#transition li{
	list-style-type:none;
}
#transition li.active{
	list-style-type: none;
	display: block;
	width: 20%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/*--------------------------------
// ナビゲーション部分css
// 横幅20%のボタンを5つ横並びに配置
----------------------------------*/
#transition nav{
	background: #f5f5f5;
	text-align:center;
}
#transition nav ul li{
	float: left;
	width: 20%;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e4e4;
	box-sizing: border-box;
	text-align: center;
}
#transition nav ul li:last-child{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: silver;
}
#transition nav ul li a{
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color : #333333;
	background-color : #67cc62;
}
#transition nav ul li a:hover{
	background-color : #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	color : #333333;
}