@charset "utf-8";

html {
}
body {
background: transparent;
margin:0 ;
padding:0;

}

.hidden{
	position: absolute;
	height: 0; width: 0;
	top: -9999px; left: -9999px;
}

a {
	overflow: hidden;
}

object {
	outline: none;
}

img {
	line-height: 0;
}

::-moz-selection{
background:#316ac5;
color:#ffffff;
}

::selection {
background:#316ac5;
color:#ffffff;
}


/*--------------------------------------
  STRUCTURE
---------------------------------------*/

	div#wrapper {
		width: 990px;
		height: 53px;
		overflow: hidden;
	}


	/* gnav1
	##################################### */


	/* gnav */
    .gnav-area {
  	  position: relative;
  	width: 100%;
  	overflow: hidden;
  	text-align: center;
  	}


	.gnav-area .gnav {
	width: 990px;
	height: 53px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
	.gnav-area .gnav li {
		float: left;

	}
	.gnav-area .gnav li a {
		width: 110px;
		display: block;
		height: 53px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-image: url(../img/gnav_all.png);
		background-repeat:  no-repeat;

	}

	.g-01 a { background-position: 0 top;}
	.g-02 a { background-position: -110px top;}
	.g-03 a { background-position: -220px top;}
	.g-04 a { background-position: -330px top;}
	.g-05 a { background-position: -440px top;}
	.g-06 a { background-position: -550px top;}
	.g-07 a { background-position: -660px top;}
	.g-08 a { background-position: -770px top;}
	.g-09 a { background-position: -880px top;}
	.g-01 a:hover{ background-position: 0 bottom;}
	.g-02 a:hover{ background-position: -110px bottom;}
	.g-03 a:hover{ background-position: -220px bottom;}
	.g-04 a:hover{ background-position: -330px bottom;}
	.g-05 a:hover{ background-position: -440px bottom;}
	.g-06 a:hover{ background-position: -550px bottom;}
	.g-07 a:hover{ background-position: -660px bottom;}
	.g-08 a:hover{ background-position: -770px bottom;}
	.g-09 a:hover{ background-position: -880px bottom;}