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

body{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 13px;
	position:relative;
    line-height: 1.5;
}
html, body{
	width:100%;
	height:100%;
}
html{
	overflow-x: auto;
	overflow-y: scroll;
}
#wrapper{
	width:980px;
	margin:0 auto 0;
	display:none;
	overflow:hidden;
}

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

 TOP

--------------------------------------------*/
section{
	width:370px;
	margin: 0 auto 50px;
	overflow:hidden;
}
section h1{
	width:106px;
	height:114px;
	margin:157px 0 0 130px;
	background:url(../img/logo.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
nav {
	width:370px;
	margin:23px 0 0 0;
	height:106px;
}

ul{
    position:relative;
    z-index:1;
	width:370px;
	height:106px;
}
li{
	display:block;
    overflow:hidden;
    float:left;
    text-indent:-9999px;
}

ul.hover-css li a,
ul.hover-anims li a,
ul.hover-anims li span {
    display:block;
    height:53px;
	cursor: pointer;
    background:url(../img/gnav.jpg) no-repeat 0 0;
}

ul.hover-css li a,ul.hover-anims li a { position:relative;}
ul.hover-anims li span {
    position:absolute;
    top:0;
    left:0;
}
ul.hover-css li.nav01 a,
ul.hover-anims li.nav01 a{ background-position:0px 0px; width:116px; height:18px; }
ul.hover-css li.nav01 a:hover,
ul.hover-css li.nav01 a.on,
ul.hover-anims li.nav01 span a.on,
ul.hover-anims li.nav01 a span,
ul.hover-anims li.nav01 span { background-position:0px -53px; width:116px; height:18px; }

ul.hover-css li.nav02 a,
ul.hover-anims li.nav02 a{ background-position:-136px 0px; width:101px; height:18px; margin-left:20px;}
ul.hover-css li.nav02 a:hover,
ul.hover-css li.nav02 a.on,
ul.hover-anims li.nav02 span a.on,
ul.hover-anims li.nav02 a span,
ul.hover-anims li.nav02 span { background-position:-136px -53px; width:101px; height:18px;}

ul.hover-css li.nav03 a,
ul.hover-anims li.nav03 a{ background-position:-257px 0px; width:107px; height:18px; margin-left:20px;}
ul.hover-css li.nav03 a:hover,
ul.hover-css li.nav03 a.on,
ul.hover-anims li.nav03 span a.on,
ul.hover-anims li.nav03 a span,
ul.hover-anims li.nav03 span { background-position:-257px -53px; width:107px; height:18px;}

ul.hover-css li.nav04 a,
ul.hover-anims li.nav04 a{ background-position:-69px -17px; width:113px; height:36px; margin-left:71px;}
ul.hover-css li.nav04 a:hover,
ul.hover-css li.nav04 a.on,
ul.hover-anims li.nav04 span a.on,
ul.hover-anims li.nav04 a span,
ul.hover-anims li.nav04 span { background-position:-69px -70px; width:113px; height:36px; }

ul.hover-css li.nav05 a,
ul.hover-anims li.nav05 a{ background-position:-202px -17px; width:100px; height:36px; margin-left:20px; }
ul.hover-css li.nav05 a:hover,
ul.hover-css li.nav05 a.on,
ul.hover-anims li.nav05 span a.on,
ul.hover-anims li.nav05 a span,
ul.hover-anims li.nav05 span { background-position:-202px -70px; width:100px; height:36px;}


/*-- IE7  --*/
*:first-child+html ul.hover-css li.nav02 a,
*:first-child+html ul.hover-anims li.nav02 a{ background-position:-136px 0px; width:101px; height:18px; margin-left:23px;}
*:first-child+html ul.hover-css li.nav02 a:hover,
*:first-child+html ul.hover-css li.nav02 a.on,
*:first-child+html ul.hover-anims li.nav02 span a.on,
*:first-child+html ul.hover-anims li.nav02 a span,
*:first-child+html ul.hover-anims li.nav02 span { background-position:-136px -53px; width:101px; height:18px;}

*:first-child+html ul.hover-css li.nav03 a,
*:first-child+html ul.hover-anims li.nav03 a{ background-position:-257px 0px; width:107px; height:18px; margin-left:23px;}
*:first-child+html ul.hover-css li.nav03 a:hover,
*:first-child+html ul.hover-css li.nav03 a.on,
*:first-child+html ul.hover-anims li.nav03 span a.on,
*:first-child+html ul.hover-anims li.nav03 a span,
*:first-child+html ul.hover-anims li.nav03 span { background-position:-257px -53px; width:107px; height:18px;}

*:first-child+html ul.hover-css li.nav04 a,
*:first-child+html ul.hover-anims li.nav04 a{ background-position:-69px -17px; height:36px; margin-left:71px;}
*:first-child+html ul.hover-css li.nav04 a:hover,
*:first-child+html ul.hover-css li.nav04 a.on,
*:first-child+html ul.hover-anims li.nav04 span a.on,
*:first-child+html ul.hover-anims li.nav04 a span,
*:first-child+html ul.hover-anims li.nav04 span { background-position:-69px -70px; height:36px; }

*:first-child+html ul.hover-css li.nav05 a,
*:first-child+html ul.hover-anims li.nav05 a{ background-position:-202px -17px; height:36px; margin-left:20px; }
*:first-child+html ul.hover-css li.nav05 a.on,
*:first-child+html ul.hover-anims li.nav05 span a.on,
*:first-child+html ul.hover-anims li.nav05 a span,
*:first-child+html ul.hover-anims li.nav05 span { background-position:-202px -70px; height:36px;}

/*
/* footer
---------------------------------------------------------------*/
footer{
	width:258px;
	margin:0 auto 0;
}
footer p{
	width:258px;
	text-align:center;
	height:9px;
	background:url(../img/copyright.gif) 0 0 no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	text-align:center;
}