@charset "utf-8";

/* float box */

a.gnav-box {
	float: left;
	display:inline-block;
	width: 140px;
	height: 140px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background-color: #ffffff;
}

a.gnav-box_n {
	display:inline-block;
	width: 140px;
	height: 45px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background-color: #ffffff;
}

nav#head_gnav a.gnav-box{
	border: none;
}

#top_gnav a.gnav-box {
	border: none;
	margin: 3px;
}

li.gnav-box {
	float: left;
	display:inline-block;
	width: 140px;
	height: 140px;
	margin: 3px;
}
li.gnav-box2 {
	float: left;
	display:inline-block;
	width: 280px;
	height: 140px;
	margin: 3px 6px;
}

a:hover.gnav-box {
background-color:#000000;
color:#00FFFF;
}

a.gnav-box span{
	display: table-cell;
	width: 140px;
	height: 140px;
	vertical-align: middle;
	text-align:center;
	line-height:14px;
	font-size: 12px;
}

a.gnav-box_n span{
	display: table-cell;
	width: 140px;
	height: 45px;
	vertical-align: middle;
	text-align:center;
	line-height:15px;
	font-size: 14px;
}

a.gnav-box span img{
	margin-bottom: 4px;
	margin-top: 6px;
}


a.gnav-box3 {
	float: left;
	display:inline-block;
	width: 286px;
	height: 140px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background-color: #ffffff;
}

nav#head_gnav a.gnav-box3{
	border: none;
}

#top_gnav a.gnav-box3 {
	border: none;
	margin: 3px;
}

li.gnav-box3 {
	float: left;
	display:inline-block;
	width: 286px;
	height: 140px;
	margin: 3px;
}

a:hover.gnav-box3 {
background-color:#000000;
color:#00FFFF;
}

a.gnav-box3 span{
	display: table-cell;
	width: 286px;
	height: 140px;
	vertical-align: middle;
	text-align:center;
	line-height:20px;
	font-size: 18px;
	font-weight: bold;
}

a.gnav-box3 span img{
	margin-bottom: 4px;
	margin-top: 6px;
}