﻿@charset "utf-8";

/* =======================================

	Globalnavi CSS

========================================== */

ul#g_navi {
	width: 200px;
	overflow: hidden;
	margin-bottom: 30px;
	zoom: 1;
}


#g_navi li {
	float: left;
	display: inline;
}

ul#g_navi li a {
	display: block;
	background: #FFF url(../images/g_navi_over.jpg) no-repeat;
}
ul#g_navi li.item01 a {background-position:    0   0;}
ul#g_navi li.item02 a {background-position: -48px 0;}
ul#g_navi li.item03 a {background-position: -83px 0;}
ul#g_navi li.item04 a {background-position: -118px 0;}
ul#g_navi li.item05 a {background-position: -153px 0;}


ul#g_navi li.item01 a:hover{background-color: transparent;}
ul#g_navi li.item02 a:hover{background-color: transparent;}
ul#g_navi li.item03 a:hover{background-color: transparent;}
ul#g_navi li.item04 a:hover{background-color: transparent;}
ul#g_navi li.item05 a:hover{background-color: transparent;}

ul#g_navi li.item01 a:hover img{visibility: hidden;}
ul#g_navi li.item02 a:hover img{visibility: hidden;}
ul#g_navi li.item03 a:hover img{visibility: hidden;}
ul#g_navi li.item04 a:hover img{visibility: hidden;}
ul#g_navi li.item05 a:hover img{visibility: hidden;}


/* When Active Page */
ul#g_navi li.item01_on a {background-position:    0   0;}
ul#g_navi li.item02_on a {background-position: -48px 0;}
ul#g_navi li.item03_on a {background-position: -83px 0;}
ul#g_navi li.item04_on a {background-position: -118px 0;}
ul#g_navi li.item05_on a {background-position: -153px 0;}


ul#g_navi li.item01_on a{background-color: transparent;}
ul#g_navi li.item02_on a{background-color: transparent;}
ul#g_navi li.item03_on a{background-color: transparent;}
ul#g_navi li.item04_on a{background-color: transparent;}
ul#g_navi li.item05_on a{background-color: transparent;}


ul#g_navi li.item01_on a img{visibility: hidden;}
ul#g_navi li.item02_on a img{visibility: hidden;}
ul#g_navi li.item03_on a img{visibility: hidden;}
ul#g_navi li.item04_on a img{visibility: hidden;}
ul#g_navi li.item05_on a img{visibility: hidden;}
