@charset "UTF-8";


/* === sidemenu ========================================= */
#sidemenu {
width: 184px;
float: left;
}

#sidemenu .menu-title {
	width: 182px;
	height: 28px;
	backgroud-repeat: no-repeat;
	border-top: 1px #d0d0d0 solid;
	border-right: 1px #d0d0d0 solid;
	border-left: 1px #d0d0d0 solid;
	text-indent: -9999px;
	overflow: hidden;
}

#sidemenu ul {
	border-bottom: 1px #d0d0d0 solid;
}

#sidemenu ul li {
	width: 182px;
	height: 36px;
	border-top: 1px #d0d0d0 solid;
	border-right: 1px #d0d0d0 solid;
	border-left: 1px #d0d0d0 solid;
}

#sidemenu ul li a {
	display: block;
	width: 182px;
	height: 36px;
	background-image: url(/csr/images/menu/menu.png);
	backgroud-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#sidemenu #side_safety .menu-title {
	border-top: 0px none;
	background-image: url(/csr/images/menu/title-safety.png);
}

#sidemenu #side_natural .menu-title {
	background-image: url(/csr/images/menu/title-natural.png);
}

#sidemenu #side_community .menu-title {
	background-image: url(/csr/images/menu/title-community.png);
}

/* offmouse */
#navi-csr-11 a { background-position: 0 0;}
#navi-csr-12 a { background-position: -182px 0;}
#navi-csr-13 a { background-position: -364px 0;}
#navi-csr-14 a { background-position: -546px 0;}
#navi-csr-15 a { background-position: -728px 0;}
#navi-csr-21 a { background-position: -910px 0;}
#navi-csr-22 a { background-position: -1092px 0;}
#navi-csr-31 a { background-position: -1274px 0;}
#navi-csr-32 a { background-position: -1456px 0;}
#navi-csr-34 a { background-position: -1820px 0;}
#navi-csr-35 a { background-position: -2002px 0;}

/* onmouse */
#navi-csr-11 a:hover { background-position: 0 -36px;}
#navi-csr-12 a:hover { background-position: -182px -36px;}
#navi-csr-13 a:hover { background-position: -364px -36px;}
#navi-csr-14 a:hover { background-position: -546px -36px;}
#navi-csr-15 a:hover { background-position: -728px -36px;}
#navi-csr-21 a:hover { background-position: -910px -36px;}
#navi-csr-22 a:hover { background-position: -1092px -36px;}
#navi-csr-31 a:hover { background-position: -1274px -36px;}
#navi-csr-32 a:hover { background-position: -1456px -36px;}
#navi-csr-34 a:hover { background-position: -1820px -36px;}
#navi-csr-35 a:hover { background-position: -2002px -36px;}


#navi-csr-33 {
	background-image: url(/csr/images/menu/menu.png);
	backgroud-repeat: no-repeat;
	background-position: -1638px 0;
	text-indent: -9999px;
	overflow: hidden;
}

#sidemenu li.subnavi {
	width: 184px;
	height: auto;
	border: 0px none;
}

#sidemenu li.subnavi li {
	width: 182px;
	height: 32px;
}

#sidemenu li.subnavi li a {
	display: block;
	width: 182px;
	height: 32px;
	background-image: url(/csr/images/menu/menu-sub.png);
	backgroud-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/* offmouse */
#subnavi-csr-3301 a { background-position: 0 0;}
#subnavi-csr-3302 a { background-position: -182px 0;}
#subnavi-csr-3303 a { background-position: -364px 0;}
#subnavi-csr-3304 a { background-position: -546px 0;}

/* onmouse */
#subnavi-csr-3301 a:hover { background-position: 0 -32px;}
#subnavi-csr-3302 a:hover { background-position: -182px -32px;}
#subnavi-csr-3303 a:hover { background-position: -364px -32px;}
#subnavi-csr-3304 a:hover { background-position: -546px -32px;}


#sidemenu .sidemenu-top{
	width: 184px;
	height: 4px;
	margin-top: 15px;
    background: url(/common/images/menu-top-orange.gif) no-repeat scroll 0 0 transparent;
}

#sidemenu .sidemenu-bottom{
	width: 184px;
	height: 4px;
    background: url(/common/images/menu-bottom-orange.gif) no-repeat scroll 0 0 transparent;
}