@charset "shift_jis";
/* =======================================

	Jnav1 CSS

========================================== */
*{
	margin:0;
	padding:0;
	border:0;
}
ul#nav1 li.item01 {
    float: left;
    width: 88px;
    height: 101px;
	overflow: hidden;
}

ul#nav1 li.item02 {
    float: left;
    width: 75px;
    height: 101px;
	overflow: hidden;
}

ul#nav1 li.item03 {
    float: left;
    width: 112px;
    height: 101px;
	overflow: hidden;
}

ul#nav1 li.item04 {
    float: left;
    width: 110px;
    height: 101px;
	overflow: hidden;
}

ul#nav1 li.item05 {
    float: left;
    width: 117px;
    height: 101px;
	overflow: hidden;
}

ul#nav1 li.item06 {
    float: left;
    width: 106px;
    height: 101px;
	overflow: hidden;
}

ul#nav1 li.item07 {
    float: left;
    width: 122px;
    height: 101px;
	overflow: hidden;
}

ul#nav1 li a {
	display: block;
	background: #FFF url(../../img/basebase.jpg) no-repeat;
}
ul#nav1 li.item01 a {background-position:    0   0;}
ul#nav1 li.item02 a {background-position: -88px 0;}
ul#nav1 li.item03 a {background-position: -163px 0;}
ul#nav1 li.item04 a {background-position: -275px 0;}
ul#nav1 li.item05 a {background-position: -385px 0;}
ul#nav1 li.item06 a {background-position: -502px 0;}
ul#nav1 li.item07 a {background-position: -608px 0;}
ul#nav1 li a:hover {
	background-color: transparent;
}

ul#globalnavi li a:hover img {
	visibility: hidden;
}

/* When Active Page */
body.DIRNAME1 ul#nav1 li.item01 a img,
body.DIRNAME2 ul#nav1 li.item02 a img,
body.DIRNAME3 ul#nav1 li.item03 a img,
body.DIRNAME4 ul#nav1 li.item04 a img,
body.DIRNAME5 ul#nav1 li.item05 a img,
body.DIRNAME6 ul#nav1 li.item06 a img,
body.DIRNAME7 ul#nav1 li.item07 a img { visibility: hidden;}




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

	Globalnavi CSS

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


ul#globalnavi {
	margin-top:67px;
	margin-left:65px;
	zoom: 1;
}
ul#globalnavi:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

ul#globalnavi li {
	float: left;
	display: inline;
}
ul#globalnavi li.item01 {
	width: 88px;
}
ul#globalnavi li.item02 {
	width: 75px;
}
ul#globalnavi li.item03 {
	width: 112px;
}
ul#globalnavi li.item04 {
	width: 110px;
}
ul#globalnavi li.item05 {
	width: 117px;
}
ul#globalnavi li.item06 {
	width: 106px;
}

ul#globalnavi li.item07 {
	width: 122px;
}


ul#globalnavi li a {
	display: block;
	background: #FFF url(../../images/mainnavi.png) no-repeat;
}
ul#globalnavi li.item01 a {background-position:    0   0;}
ul#globalnavi li.item02 a {background-position: -88px 0;}
ul#globalnavi li.item03 a {background-position: -163px 0;}
ul#globalnavi li.item04 a {background-position: -275px 0;}
ul#globalnavi li.item05 a {background-position: -385px 0;}
ul#globalnavi li.item06 a {background-position: -502px 0;}
ul#globalnavi li.item07 a {background-position: -608px 0;}
ul#globalnavi li a:hover {
	background-color: transparent;
}

ul#globalnavi li a:hover img {
	visibility: hidden;
}

/* When Active Page */
body.DIRNAME1 ul#globalnavi li.item01 a img,
body.DIRNAME2 ul#globalnavi li.item02 a img,
body.DIRNAME3 ul#globalnavi li.item03 a img,
body.DIRNAME4 ul#globalnavi li.item04 a img,
body.DIRNAME5 ul#globalnavi li.item05 a img,
body.DIRNAME6 ul#globalnavi li.item06 a img,
body.DIRNAME7 ul#globalnavi li.item07 a img { visibility: hidden;}