@charset "UTF-8";

/* CSS Document *

/* ----------------------------------------------------------------------------------
ナビゲーション
---------------------------------------------------------------------------------- */

#navigation ul li {
    position: absolute;
    height: 39px;
 }

#navigation ul li a {
    display: block;
    outline-width: 0px; 
    font-size:1px;
    line-height: 100%;
    height: 39px;
}

#navigation ul li a span { display: none; }
 
#navigation01 {
    background: url(../navigation_img/001.jpg) no-repeat left top;
    top: 89px;
    left: 0px;
    width: 253px;
}
 
#navigation01 a {
    width: 253px;
}

#navigation01 a:hover {
    background: url(../navigation_img/001_f2.jpg) no-repeat left top;
}
 
#navigation02 {
    background: url(../navigation_img/002.jpg) no-repeat left top;
    top: 89px;
    left: 253px;
    width: 252px;
}
 
#navigation02 a {
    width: 252px;
}

#navigation02 a:hover {
    background: url(../navigation_img/002_f2.jpg) no-repeat left top;
}

#navigation03 {
    background: url(../navigation_img/003.jpg) no-repeat left top;
    top: 89px;
    left: 505px;
    width: 252px;
}
 
#navigation03 a {
    width: 252px;
}

#navigation03 a:hover {
    background: url(../navigation_img/003_f2.jpg) no-repeat left top;
}
 
#navigation04 {
    background: url(../navigation_img/004.jpg) no-repeat left top;
    top: 89px;
    left: 757px;
    width: 253px;
}
 
#navigation04 a {
    width: 253px;
}

#navigation04 a:hover {
    background: url(../navigation_img/004_f2.jpg) no-repeat left top;
}
 
/* ----------------------------------------------------------------------------------
サブナビゲーション
---------------------------------------------------------------------------------- */

#navigationHeader ul li {
    position: absolute;
    height: 9px;
 }

#navigationHeader ul li a {
    display: block;
    outline-width: 0px; 
    font-size:1px;
    line-height: 100%;
    height: 9px;
}

#navigationHeader ul li a span { display: none; }
 
#navigationHeader01 {
    background: url(../navigation_img/007.gif) no-repeat left top;
    top: 70px;
    right: 155px;
    width: 55px;
}
 
#navigationHeader01 a {
    width: 55px;
}

#navigationHeader01 a:hover {
    background: url(../navigation_img/007_f2.gif) no-repeat left top;
}

#navigationHeader02 {
    background: url(../navigation_img/008.gif) no-repeat left top;
    top: 70px;
    right: 0px;
    width: 149px;
}
 
#navigationHeader02 a {
    width: 149px;
}

#navigationHeader02 a:hover {
    background: url(../navigation_img/008_f2.gif) no-repeat left top;
}

/* ----------------------------------------------------------------------------------
ナビゲーションOFFICIAL
---------------------------------------------------------------------------------- */

#navigationHeaderOfficial ul li {
    position: absolute;
    height: 30px;
 }

#navigationHeaderOfficial  ul li a {
    display: block;
    outline-width: 0px; 
    font-size:1px;
    line-height: 100%;
    height: 30px;
}

#navigationHeaderOfficial  ul li a span { display: none; }
 
#navigationHeaderOfficial01 {
    background: url(../navigation_img/009.jpg) no-repeat left top;
    top: 0px;
    right: 215px;
    width: 213px;
}
 
#navigationHeaderOfficial01 a {
    width: 213px;
}

#navigationHeaderOfficial01 a:hover {
    background: url(../navigation_img/009_f2.jpg) no-repeat left top;
}

#navigationHeaderOfficial02 {
    background: url(../navigation_img/010.jpg) no-repeat left top;
    top: 0px;
    right: 0px;
    width: 213px;
}
 
#navigationHeaderOfficial02 a {
    width: 213px;
}

#navigationHeaderOfficial02 a:hover {
    background: url(../navigation_img/010_f2.jpg) no-repeat left top;
}

/* ----------------------------------------------------------------------------------
フッターナビゲーション
---------------------------------------------------------------------------------- */

#navigationFooterArea {
    clear: both;
    position: relative;
	width : 968px;
	height: 9px;
	margin: 0px auto;
    padding-top: 30px;
}


#navigationFooter ul li {
    position: absolute;
    height: 9px;
 }

#navigationFooter ul li a {
    display: block;
    outline-width: 0px; 
    font-size:1px;
    line-height: 100%;
    height: 9px;
}

#navigationFooter ul li a span { display: none; }
 
#navigationFooter01 {
    background: url(../navigation_img/011.gif) no-repeat left top;
    top: 20px;
    left: 0px;
    width: 154px;
}
 
#navigationFooter01 a {
    width: 154px;
}

#navigationFooter01 a:hover {
    background: url(../navigation_img/011_f2.gif) no-repeat left top;
}

#navigationFooter02 {
    background: url(../navigation_img/012.gif) no-repeat left top;
    top: 20px;
    left: 160px;
    width: 106px;
}
 
#navigationFooter02 a {
    width: 106px;
}

#navigationFooter02 a:hover {
    background: url(../navigation_img/012_f2.gif) no-repeat left top;
}

#navigationFooter03 {
    background: url(../navigation_img/013.gif) no-repeat left top;
    top: 20px;
    left: 271px;
    width: 61px;
}
 
#navigationFooter03 a {
    width: 61px;
}

#navigationFooter03 a:hover {
    background: url(../navigation_img/013_f2.gif) no-repeat left top;
}

#navigationFooter04 {
    background: url(../navigation_img/014.gif) no-repeat left top;
    top: 20px;
    right: 0px;
    width: 69px;
}
 
#navigationFooter04 a {
    width: 69px;
}

#navigationFooter04 a:hover {
    background: url(../navigation_img/014_f2.gif) no-repeat left top;
}