@charset "utf-8";

/************************** 

下層ページ
ログイン時左サイドメニュー

**************************/
div#subCol div#navi {
	width: 162px;
	height: 708px;
	margin: 0 0 15px;
	padding: 5px 4px 3px;
	background: transparent url(../image/mypage/navi_bg_mypage.jpg) no-repeat 0 0;
	clear: both;
}

/* カテゴリーラッパー */
div#navi ul li {
	width: 162px;
	height: 40px;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	font-size: 12px;
}

div#navi ul li#fairWrapper {
	height: 105px;
}

div#navi ul li#suppleWrapper {
	height: auto;
	margin-top: -5px;
}

* html div#navi ul li#suppleWrapper {
	margin-top: -7px;
}

*:first-child+html div#navi ul li#suppleWrapper {
	margin-top: -7px;
}

/*
div#navi ul li ul li#navi8 {
	height: 34px;
	margin-top: -4px;
}

* html div#navi ul li ul li#navi8 {
	margin-top: 4px;
}

*:first-child+html div#navi ul li ul li#navi8 {
	margin-top: 4px;
} 
*/

* html div#navi ul li {
	height: 43px;
	margin-bottom: 7px;
}

*:first-child+html div#navi ul li {
	height: 43px;
	margin-bottom: 7px;
} 

* html div#navi ul li#fairWrapper {
	height: 108px;
}

*:first-child+html div#navi ul li#fairWrapper {
	height: 108px;
} 

* html div#navi ul li#willsWrapper {
	height: 85px;
}

*:first-child+html div#navi ul li#willsWrapper {
	height: 85px;
} 

div#navi ul li ul li {
	width: 152px;
	height: 21px;
	margin: 10px 0 0 5px;
	padding: 0;
	border: 0;
}

div#navi ul li ul li.border {
	height: 21px;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #4099C3;
}

div#navi ul li ul li.sub {
	width: 152px;
	height: 16px;
	margin: 3px 0 0 5px;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #4099C3;
}

*:first-child+html div#navi ul li ul li.sub {
	padding-bottom: 1px;
} 

/* 複数行 */
div#navi ul li ul li.subPlural {
	width: 152px;
	height: 26px;
	margin: 2px 0 0 5px;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #4099C3;
}

div#navi ul li ul li.subBottom {
	width: 152px;
	height: 16px;
	margin: 2px 0 0 5px;
	padding-bottom: 0;
	border: 0;
}

div#navi ul li ul li a {
	position: relative;
	width: 152px;
	height: 21px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	font-size: 10px;
	overflow: hidden;
	cursor: pointer;
}

div#navi ul li ul li.sub a, div#navi ul li ul li.subBottom a {
	height: 16px;
}

/* 複数行 */
div#navi ul li ul li.subPlural a {
	height: 26px;
}

div#navi ul li ul li a span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent url(../image/mypage/navi_list_mypage.jpg) no-repeat 0 0;
}
/*
div#navi ul li ul li#navi8 a {
	height: 34px;
}
*/
div#navi ul li ul li#navi1 a span {
	background-position: -9px -16px;
}

div#navi ul li ul li#navi1ON a span {
	background-position: -179px -16px;
}

div#navi ul li ul li#navi1 a:hover span {
	background-position: -179px -16px;
}

div#navi ul li ul li#navi2 a span {
	background-position: -9px -66px;
}

div#navi ul li ul li#navi2ON a span {
	background-position: -179px -66px;
}

div#navi ul li ul li#navi2 a:hover span {
	background-position: -179px -66px;
}

div#navi ul li ul li#navi3 a span {
	background-position: -9px -230px;
}

div#navi ul li ul li#navi3ON a span {
	background-position: -179px -230px;
}

div#navi ul li ul li#navi3 a:hover span {
	background-position: -179px -230px;
}

div#navi ul li ul li#navi4 a span {
	background-position: -9px -280px;
}

div#navi ul li ul li#navi4ON a span {
	background-position: -179px -280px;
}

div#navi ul li ul li#navi4 a:hover span {
	background-position: -179px -280px;
}

div#navi ul li ul li#navi5 a span {
	background-position: -9px -330px;
}

div#navi ul li ul li#navi5ON a span {
	background-position: -179px -330px;
}

div#navi ul li ul li#navi5 a:hover span {
	background-position: -179px -330px;
}

div#navi ul li ul li#navi6 a span {
	background-position: -9px -380px;
}

div#navi ul li ul li#navi6ON a span {
	background-position: -179px -380px;
}

div#navi ul li ul li#navi6 a:hover span {
	background-position: -179px -380px;
}

div#navi ul li ul li#navi7 a span {
	background-position: -9px -430px;
}

div#navi ul li ul li#navi7ON a span {
	background-position: -179px -430px;
}

div#navi ul li ul li#navi7 a:hover span {
	background-position: -179px -430px;
}

div#navi ul li ul li#fair a span {
	background-position: -9px -117px;
}

div#navi ul li ul li#fairON a span {
	background-position: -179px -117px;
}

div#navi ul li ul li#fair a:hover span {
	background-position: -179px -117px;
}

div#navi ul li ul li#subFair01 a span {
	background-position: -9px -143px;
}

div#navi ul li ul li#subFair01 a:hover span {
	background-position: -179px -143px;
}

div#navi ul li ul li#subFair02 a span {
	background-position: -9px -164px;
}

div#navi ul li ul li#subFair02 a:hover span {
	background-position: -179px -164px;
}

div#navi ul li ul li#subFair03 a span {
	background-position: -9px -185px;
}

div#navi ul li ul li#subFair03 a:hover span {
	background-position: -179px -185px;
}

div#navi ul li ul li#supple a span {
	background-position: -9px -479px;
}

div#navi ul li ul li#suppleON a span {
	background-position: -179px -479px;
}

div#navi ul li ul li#supple a:hover span {
	background-position: -179px -479px;
}

div#navi ul li ul li#subSupple01 a span {
	background-position: -9px -505px;
}

div#navi ul li ul li#subSupple01 a:hover span {
	background-position: -179px -505px;
}

div#navi ul li ul li#subSupple02 a span {
	background-position: -9px -528px;
}

div#navi ul li ul li#subSupple02 a:hover span {
	background-position: -179px -528px;
}

div#navi ul li ul li#subSupple03 a span {
	background-position: -9px -549px;
}

div#navi ul li ul li#subSupple03 a:hover span {
	background-position: -179px -549px;
}

div#navi ul li ul li#subSupple04 a span {
	background-position: -9px -580px;
}

div#navi ul li ul li#subSupple04 a:hover span {
	background-position: -179px -580px;
}

div#navi ul li ul li#subSupple05 a span {
	background-position: -9px -601px;
}

div#navi ul li ul li#subSupple05 a:hover span {
	background-position: -179px -601px;
}

div#navi ul li ul li#subSupple06 a span {
	background-position: -9px -622px;
}

div#navi ul li ul li#subSupple06 a:hover span {
	background-position: -179px -622px;
}

div#navi ul li ul li#subSupple07 a span {
	background-position: -9px -653px;
}

div#navi ul li ul li#subSupple07 a:hover span {
	background-position: -179px -653px;
}

div#navi ul li ul li#subSupple08 a span {
	background-position: -9px -684px;
}

div#navi ul li ul li#subSupple08 a:hover span {
	background-position: -179px -684px;
}