@charset "UTF-8";

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

title:   side-navi.css
author:  Case
url:     -
outline: BB Contents navigation CSS rollover.
date:    22/01/2006
update:  30/11/2006

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

/* フォトアルバム　メインコンテンツ */

dl#album-sub-menu {
	position: relative;
	width: 155px;
	margin: 0;
	height: 168px;
	list-style: none;
	overflow: hidden;
}

dl#album-sys-menu {
	position: relative;
	width: 155px;
	margin: 0;
	height: 84px;
	list-style: none;
	overflow: hidden;
}

dl#album-login-menu {
	position: relative;
	width: 155px;
	margin: 0;
	height: 28px;
	list-style: none;
	overflow: hidden;
}

dl#album-sub-menu dt a,
dl#album-sys-menu dt a,
dl#album-login-menu dt a
{
	position: absolute;
	overflow: hidden;
	left: 0;
	height: 28px;
	width: 155px;
	text-indent: -100em;
	text-decoration: none;
	vertical-align: middle;
}

dt#sm1 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -58px;
	top: 0px;
}

dt#sm2 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -86px;
	top: 28px;
}

dt#sm3 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -114px;
	top: 56px;
}

dt#sm4 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -142px;
	top: 84px;
}

dt#sm5 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -170px;
	top: 112px;
}

dt#sm6 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -198px;
	top: 140px;
}

dt#sym1 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -226px;
	top: 0px;
}

dt#sym2 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -254px;
	top: 28px;
}

dt#sym3 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -338px;
	top: 28px;
}

dt#sym4 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -282px;
	top: 56px;
}

dt#sym5 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -226px;
	top: 0px;
}

dt#sym6 a {
	background: transparent url(images/navi/sidenavi09.jpg) no-repeat 0 -310px;
	top: 0px;
}

dt#sm1 a:hover { 
	background-position: -155px -58px;
}

dt#sm2 a:hover { 
	background-position: -155px -86px;
}

dt#sm3 a:hover { 
	background-position: -155px -114px;
}

dt#sm4 a:hover { 
	background-position: -155px -142px;
}

dt#sm5 a:hover { 
	background-position: -155px -170px;
}

dt#sm6 a:hover { 
	background-position: -155px -198px;
}

dt#sym1 a:hover { 
	background-position: -155px -226px;
}

dt#sym2 a:hover { 
	background-position: -155px -254px;
}

dt#sym3 a:hover { 
	background-position: -155px -338px;
}

dt#sym4 a:hover { 
	background-position: -155px -282px;
}

dt#sym5 a:hover { 
	background-position: -155px -226px;
}

dt#sym6 a:hover { 
	background-position: -155px -310px;
}