@charset "utf-8";
/* Subコンテンツ用Common CSS */


/*----ヘッダー部分----*/
#header{
  width:100%;
	height:70px;
	background:url(../img/bg_headtop.jpg) repeat-x;
}

#headtop{
  width:960px;
  height:70px;
  margin: 0 auto;
}

/*------ナビメニュー------*/

#navi_wrap{
  width: 100%;
	background:url(../img/bg_navi.gif) repeat-x;
	height:60px;
}

#navi{
  width:960px;
	margin:0 auto;
  font-size:0px;　/*隙間消し*/
}

#navi li{
	float:left;
	height:50px;
}


/*------ロールアウト時（通常）------*/
#navi1 a{
	display:block;
	width:192px;
	height:50px;
	background: url(../img/navi.gif) 0px 0px no-repeat;	/*X:0 Y:0 繰り返しなし*/
}

#navi2 a{
	display:block;
	width:192px;
	height:50px;
	background: url(../img/navi.gif) -192px 0px no-repeat;
}

#navi3 a{
	display:block;
	width:192px;
	height:50px;
	background: url(../img/navi.gif) -384px 0px no-repeat;
}

#navi4 a{
	display:block;
	width:192px;
	height:50px;
	background: url(../img/navi.gif) -576px 0px no-repeat;
}

#navi5 a{
	display:block;
	width:192px;
	height:50px;
	background: url(../img/navi.gif) -768px 0px no-repeat;
}

#navi6 a{
	display:block;
	width:192px;
	height:50px;
	background: url(../img/navi.gif) -960px 0px no-repeat;
}

/*------ロールオーバー時------*/
#navi1 a:hover{
	width:192px;
	height:50px;
	background: url(../img/navi.gif) 0px	-50px no-repeat;
}

#navi2 a:hover{
	width:192px;
	height:50px;
	background: url(../img/navi.gif) -192px -50px no-repeat;
}

#navi3 a:hover{
	width:192px;
	height:50px;
	background: url(../img/navi.gif) -384px -50px no-repeat;
}

#navi4 a:hover{
	width:192px;
	height:50px;
	background: url(../img/navi.gif) -576px -50px no-repeat;
}

#navi5 a:hover{
	width:192px;
	height:50px;
	background: url(../img/navi.gif) -768px -50px no-repeat;
}

#navi6 a:hover{
	width:192px;
	height:50px;
	background: url(../img/navi.gif) -960px -50px no-repeat;
}