@charset "utf-8";
/* CSS Document */

/* ---- Navigation Menu 
-------------------------------------*/
/* ナビゲーションメニュー */
#gnavi{
	margin: 0 auto 0 auto;
	width: 100%;
	position: relative;
	z-index: 1000;
	background-color: #D5EDE5;
	background-image: url(/_img/common/gnavi-tone-bg.gif);
	background-repeat: repeat-x;
	background-position: left 1px;
}
#gnavi-inner{
	width: 1024px;
	margin: 0 auto 0 auto !important;
	font-size: 14px;
/*	overflow: hidden; */
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #D5EDE5;
	background-image: url(/_img/common/gnavi-tone-bg.gif);
	background-repeat: repeat-x;
	background-position: left 1px;
}
#gnavi nav ul{
	text-align: center;
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 40px;
	overflow: hidden; 
}
#gnavi nav li {
	list-style-type: none;
	float: left;
	 /* 100%  Nmenu（端数切捨） */
	/* 均等割り6メニューの場合は16%。リニュ直後はそれぞれ別個の設定 */
	display:block;
	_display:inline; /* for IE6 Only */
	border-left: dotted 1px #51B599;
	font-size: 15px;
}

#gnavi nav li#menu-home{ width: 130px; }
#gnavi nav li#menu-1sttime{ width: 200px; }
#gnavi nav li#menu-center{ width: 195px}
#gnavi nav li#menu-kensaku{ width: 185px; letter-spacing:0.2em;}
#gnavi nav li#menu-offer{ width: 150px; letter-spacing:0.2em;}
#gnavi nav li#menu-contact{
	width: 150px;
	border-right: 1px dotted #51B599;
}

#gnavi nav li#menu-center-top,
#gnavi nav li#menu-center-info{ width: 200px; }
#gnavi nav li#menu-center-kensaku{ width: 145px}
#gnavi nav li#menu-center-offer{ width: 145px}
#gnavi nav li#menu-center-contact{ width: 146px;}
#gnavi nav li#menu-center-1sttime{
	border-right: 1px dotted #51B599;
}


/*
#gnavi nav li:last-of-type{border-right: dotted 1px #ffffff;}
*/
#gnavi nav li a	{
	display: block;
	text-decoration: none;
	*zoom :1;
	line-height: 1.3em;
	text-align: left;
	background-image: url(/_img/common/gnavi-pointer.gif);
	background-repeat: no-repeat;
	background-position: 30px 14px;
	padding: 12px 10px 9px 45px;
	border-left: dotted 1px #fff;
}
#gnavi nav li a:link,
#gnavi nav li a:visited{
	color: #000;
}
#gnavi nav li a:hover{
	background-color: #E8FAE2;
	opacity: 0.8;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	transition-property: background-color;
	transition: 0.2s;
	transition-timing-function: ease-out;
	border-top: solid 3px #51B599;
	padding-top: 9px;
	background-position: 30px 11px;
        -moz-transition-property: background-color;
}

#gnavi nav li#menu-1sttime a{
	padding-left: 35px !important;
	padding-right: 8px !important;
	background-position: 20px 14px;
}
#gnavi nav li#menu-1sttime a:hover{
	background-position: 20px 11px !important;
}
#gnavi nav li#menu-center a,
#gnavi nav li#menu-kensaku a{
	padding-left: 60px !important;
	padding-right: 8px !important;
	background-position: 40px 14px;
}
#gnavi nav li#menu-center a:hover,
#gnavi nav li#menu-kensaku a:hover{
	background-position: 40px 11px !important;
}
#gnavi nav li#menu-contact a{
	background-position: 20px 14px;
	padding-left:38px;
}
#gnavi nav li#menu-contact a:hover{
	background-position: 20px 11px !important;
}


/* for Center */
#gnavi nav li#menu-center-top a,
#gnavi nav li#menu-center-info a{
	padding-left: 30px !important;
	padding-right: 8px !important;
	background-position: 15px 14px;
}
#gnavi nav li#menu-center-top a:hover,
#gnavi nav li#menu-center-info a:hover{
	background-position: 15px 11px !important;
}

#gnavi nav li#menu-center-kensaku a,
#gnavi nav li#menu-center-offer a{ letter-spacing: 0.2em;}

#gnavi nav li#menu-center-kensaku a,
#gnavi nav li#menu-center-offer a,
#gnavi nav li#menu-center-contact a{
	padding-left: 38px !important;
	padding-right: 8px !important;
	background-position: 18px 14px;
}
#gnavi nav li#menu-center-contact a{
	padding-left: 35px !important;
}

#gnavi nav li#menu-center-kensaku a:hover,
#gnavi nav li#menu-center-offer a:hover,
#gnavi nav li#menu-center-contact a:hover{
	background-position: 18px 11px !important;
}
#gnavi nav li#menu-center-1sttime a{
	padding-left:25px;
	background-position: 12px 14px;
}
#gnavi nav li#menu-center-1sttime a:hover{
	background-position: 12px 11px !important;
}



/* Clear */
#gnavi:after,
#gnavi-inner:after,
#gnavi nav:after,
#gnavi nav ul:after,
.clearfix{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	float: none;
	visibility: hidden;
}