﻿/* quarantine subnavi */

#subnav {
	/*position: absolute;*/
	float:left;
	top: 0px;
	left: 0px;
	width: 240px;
	height: 322px;
	list-style-type: none;
}
#subnav li {
	float: left;
	width: 240px;
}
#subnav li a {
  border-style: none;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  height /**/: 32.5px;
  padding-top: 34px;
  background-image: url(../quarantine-images/quarantine_subnavi.gif);
  color: #FFFFFF;
}

/*  背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#snav01 { background-position: 0 0; }
	#snav02 a { background-position: 0  -34px; }
	#snav03 a { background-position: 0 -66.5px; }
	#snav04 a { background-position: 0 -96.5px; }
	#snav05 a { background-position: 0 -130.5px; }
	#snav06 a { background-position: 0 -162.5px; }
	#snav07 a { background-position: 0 -194.5px; }
	#snav08 a { background-position: 0 -226.5px; }
	#snav09 a { background-position: 0 -258.5px; }
	#snav10 a { background-position: 0 -288px; }	

	
	/* 現在位置 */
	#snav01  { background-position: 0 0; }
	#snav02 a.stay { background-position: -240px  -34px; }
	#snav03 a.stay { background-position: -240px -66.5px; }
	#snav04 a.stay { background-position: -240px -97px; }
	#snav05 a.stay { background-position: -240px -130.5px; }
	#snav06 a.stay { background-position: -240px -162.5px; }
	#snav07 a.stay { background-position: -240px -194.5px; }
	#snav08 a.stay { background-position: -240px -226.5px; }
	#snav09 a.stay { background-position: -240px -258.5px; }
	#snav10 a.stay { background-position: -240px -288px; }	
	
		
	/* オンマウス */
	#snav01  { background-position: 0 0; }
	#snav02 a:hover { background-position: -240px  -34px; }
	#snav03 a:hover { background-position: -240px -66.5px; }
	#snav04 a:hover { background-position: -240px -97px; }
	#snav05 a:hover { background-position: -240px -130.5px; }
	#snav06 a:hover { background-position: -240px -162.5px; }
	#snav07 a:hover { background-position: -240px -194.5px; }
	#snav08 a:hover { background-position: -240px -226.5px; }
	#snav09 a:hover { background-position: -240px -258.5px; }
	#snav10 a:hover { background-position: -240px -288px; }	

