@charset "utf-8";
/*----------------------------------------------------
	#navi
----------------------------------------------------*/
#navi {
	background: #00a0de url(../img/nav/bottom_bg.gif) bottom repeat-x;
	padding-top: 12px;
	padding-bottom: 16px;
	margin-bottom: 12px;
}
ul.gnav {
	width: 972px;
	margin: 0 auto;
	position: relative;

	height: 44px;
	overflow: hidden;
}
ul.gnav li {
	float: left;
	background: url(../img/nav/active_none.gif) left bottom no-repeat;
	width: 160px;
	height: 44px;
	margin: 0;
	padding: 0;
	text-indent: 12px;
}

body.gnav01 li.gnav01,
body.gnav02 li.gnav02,
body.gnav03 li.gnav03,
body.gnav04 li.gnav04,
body.gnav05 li.gnav05,
body.gnav06 li.gnav06 {
	background: url(../img/nav/active_left.gif) left bottom no-repeat;
}
body.gnav01 li.gnav02,
body.gnav02 li.gnav03,
body.gnav03 li.gnav04,
body.gnav04 li.gnav05,
body.gnav05 li.gnav06 {
	background: url(../img/nav/active_right.gif) left bottom no-repeat;
}
body li.gnav06 {
	width: 172px;
}
body li.gnav06:after {
	content:'';
	width: 12px;
	height: 44px;
	display: inline-block;
	background-color: green;
	background: url(../img/nav/active_none.gif) left bottom no-repeat;
}
body.gnav06 li.gnav06:after {
	background: url(../img/nav/active_right.gif) left bottom no-repeat;
	text-align: left;
}

body.gnav01 li.gnav01 a img,
body.gnav02 li.gnav02 a img,
body.gnav03 li.gnav03 a img,
body.gnav04 li.gnav04 a img,
body.gnav05 li.gnav05 a img,
body.gnav06 li.gnav06 a img {
	display: none;
}

body.gnav01 li.gnav01 a,
body.gnav02 li.gnav02 a,
body.gnav03 li.gnav03 a,
body.gnav04 li.gnav04 a,
body.gnav05 li.gnav05 a,
body.gnav06 li.gnav06 a{
	display: inline-block;
	width: 148px;
	height: 44px;
}

body.gnav01 li.gnav01 a { background: url(../img/nav/home__.gif) left bottom no-repeat; }
body.gnav02 li.gnav02 a { background: url(../img/nav/outline__.gif) left bottom no-repeat; }
body.gnav03 li.gnav03 a { background: url(../img/nav/guide__.gif) left bottom no-repeat; }
body.gnav04 li.gnav04 a { background: url(../img/nav/exhibiter__.gif) left bottom no-repeat; }
body.gnav05 li.gnav05 a { background: url(../img/nav/shop__.gif) left bottom no-repeat; }
body.gnav06 li.gnav06 a { background: url(../img/nav/faq__.gif) left bottom no-repeat; }


/* ------------------------------------------

	Smartphone

 ------------------------------------------ */
body.sp #sp_navi {
	background-color: #2e2ba5;
	background-image: none;
	padding: 8px;
}
body.sp ul.sp-gnav {
	width: 624px;
	margin: 0 auto;
}
body.sp ul.sp-gnav li:nth-child(odd) {
	width: 310px;
	height: 110px;
	margin-bottom: 8px;
	float: left;
}
body.sp ul.sp-gnav li:nth-child(even) {
	width: 310px;
	height: 110px;
	margin-bottom: 8px;
	float: right;
}
body.sp ul.sp-subnav {
	margin-bottom: 8px;
}