@charset "UTF-8";

/* --------------------------------------------------------------------
# ヘッダーナビ #
-------------------------------------------------------------------- */ 

ul#header-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
	height: 60px;
} 

ul#header-nav li {
  display: inline;
  margin: 0;
  padding: 0;
  }

ul#header-nav li a {
	display: block;
	height: 53px;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	font-size: 1px;
	color: white;
	text-decoration: none ! important;
	overflow: hidden;
}
/*
ul#header-nav li a:hover {
height:55px;border-bottom:5px solid #000;
}
*/
ul#header-nav li.navi1 a {width: 158px;background-image: url(../images/navi/navi01.gif);}
ul#header-nav li.navi2 a {width: 158px;background-image: url(../images/navi/navi02.gif);}
ul#header-nav li.navi3 a {width: 158px;background-image: url(../images/navi/navi03.gif);}
ul#header-nav li.navi4 a {width: 158px;background-image: url(../images/navi/navi04.gif);}
ul#header-nav li.navi5 a {width: 158px;background-image: url(../images/navi/navi05.gif);}
ul#header-nav li.navi6 a {width: 160px;background-image: url(../images/navi/navi06.gif);}

ul#header-nav li.navi1 a:hover, 
ul#header-nav li.navi2 a:hover, 
ul#header-nav li.navi3 a:hover,
ul#header-nav li.navi4 a:hover,
ul#header-nav li.navi5 a:hover, 
ul#header-nav li.navi6 a:hover { background-position: left bottom; text-decoration: none ! important;}
ul#header-nav.here1 li.navi1 a { background-position: left bottom; text-decoration: none ! important;}
ul#header-nav.here2 li.navi2 a { background-position: left bottom; text-decoration: none ! important;}
ul#header-nav.here3 li.navi3 a { background-position: left bottom; text-decoration: none ! important;}
ul#header-nav.here4 li.navi4 a { background-position: left bottom; text-decoration: none ! important;}
ul#header-nav.here5 li.navi5 a { background-position: left bottom; text-decoration: none ! important;}
ul#header-nav.here6 li.navi6 a { background-position: left bottom; text-decoration: none ! important;}

/* --------------------------------------------------------------------
# ヘッダーサブナビ #
-------------------------------------------------------------------- */ 

ul#sub-nav {
margin: 0;
padding: 0;
position: absolute;
z-index: 3;
left: 0px;
top: 0px;
height: 20px;
  } 

ul#sub-nav li {
  display: inline;
  margin: 0;
  padding: 0;
  }

ul#sub-nav li a {
	display: block;
	height: 20px;
	float: left;
	padding: 0;
	text-indent: -2000em;
	font-size: 1px;
	color: white;
	text-decoration: none ! important;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	overflow: hidden;
  }
  
ul#sub-nav li.navi1 a {
background-image: url(../images/navi/sitemap.gif);
background-repeat: no-repeat;
background-position: left top;
width: 99px;
}

ul#sub-nav li.navi2 a {
background-image: url(../images/navi/privacy.gif);
background-repeat: no-repeat;
background-position: left top;
width: 183px;
}

ul#sub-nav li.navi3 a {
	background-image: url(../images/navi/contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 89px;
}

ul#fontChange {
	position: absolute;
	z-index: 3;
	top: -5px;
	height: 22px;
	padding-left: 95px;
	background-image: url(../images/_share/font_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 70px;
	right: 10px;
}
#fontChange li {
float: left;
  margin-right: 2px;
  cursor: pointer;
}
#fontChange li a {
display: block;
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
font-size: 1px;
line-height: 1px;
}
#fontChange #fontS a {
width: 19px;
height: 19px;
margin-top: 3px;
background-image: url(../images/_share/font_s.gif);
}
#fontChange #fontM a {
width: 21px;
height: 21px;
margin-top: 1px;
background-image: url(../images/_share/font_m.gif);
}
#fontChange #fontL a {
width: 22px;
height: 22px;
background-image: url(../images/_share/font_l.gif);
}
#fontChange li a:hover {
background-position: left bottom;
}
.fontS #fontChange #fontS a {background-position: left bottom;}
.fontM #fontChange #fontM a {background-position: left bottom;}
.fontL #fontChange #fontL a {background-position: left bottom;}


/* --------------------------------------------------------------------
# フッターナビ #
-------------------------------------------------------------------- */

#footer ul {
    color: #3F3A39;
    font-size: 16px;
    font-weight: normal;
    height: 16px;
    line-height: 16px;
    margin: 10px auto 0;
    padding: 0 0 0 10px;
    text-align: left;
    white-space: nowrap;
    width: 980px;
}

#footer li {
    background-position: 0 0.7em;
    border-right: 1px solid #fff;
    display: inline;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}
#footer li#first {
    background-image: none;
    border-left: 1px none #FFFFFF;
}

#footer li a {
    color: #FFFFFF;
    text-decoration: none;
}
#footer li a:hover {
    color: #D7FF5A;
    text-decoration: underline;
}