@charset "UTF-8";

/* gnav */  

ul#nav {
	margin: 30px auto;
	width: 978px;
	height: 50px;
	list-style: none;
	font-size: 0;
	letter-spacing: 0;
	}
	
ul#nav li	{
	margin-left: 40px;
	padding: 0;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	}
	
ul#nav li#topLogo	{
	margin-left: 0;
	padding: 0;
	width: 160px;
	}

ul#nav li a {
	text-decoration: none;
	position: relative;
	height: 40px;
	display: inline-block;
	transition: .2s;
}

ul#nav li#topLogo a::after	{
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 0;
	}

ul#nav li a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #2dad37;
	transition: .2s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

ul#nav li a:hover::after {
	width: 100%;
}	

#nav01 img	{ width: 90px; height: 40px; }
#nav02 img	{ width: 76px; height: 40px; }
#nav03 img	{ width: 100px; height: 40px; }
#nav04 img	{ width: 106px; height: 40px; }
#nav05 img	{ width: 104px; height: 40px; }
#nav06 img	{ width: 88px; height: 40px; }

#nav01	{ background: url(../img/nav01_ja.png) no-repeat; }
#nav02	{ background: url(../img/nav02_ja.png) no-repeat; }
#nav03	{ background: url(../img/nav03_ja.png) no-repeat; }
#nav04	{ background: url(../img/nav04_ja.png) no-repeat; }
#nav05	{ background: url(../img/nav05_ja.png) no-repeat; }
#nav06	{ background: url(../img/nav06_ja.png) no-repeat; }

#nav01 a:hover, #nav02 a:hover, #nav03 a:hover, #nav04 a:hover, #nav05 a:hover, #nav06 a:hover { background: none; }	
#nav01 a:hover img, #nav02 a:hover img, #nav03 a:hover img, #nav04 a:hover img, #nav05 a:hover img, #nav06 a:hover img	{ visibility: hidden; }	

/*footernav*/

#footerNav ul {
	padding: 40px;
	}
	
#footerNav ul li {
	margin: 0;
	display: inline-block;
	}
	
#footerNav ul li a	{
	padding-right: 20px;
	color: #666;
	text-decoration: none;
	}	
#footerNav ul li a:hover	{ text-decoration: underline; }	
	  
#footerNav ul li#seachBox	{/* google検索ボックス */
	display: inline-block;
	width: 250px;
	vertical-align: middle;
	}