/*** ESSENTIAL STYLES ***/

div.sampleTabContent{
	background: url('../images/navi/bg_navi.gif') no-repeat top left;
	width: 165px;
	height: 317px;
}
div.sampleTabContent02{
	background: url('../images/bg_navi_inside.png') no-repeat top left;
	width: 165px;
	height: 317px;
	behavior:url(css/iepngfix.htc);
}
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 100;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
/*.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}*/

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/********************/
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #13a;
}
a#sf-with-ul01, a#sf-with-ul02, a#sf-with-ul04, a#sf-with-ul05, a#sf-with-ul06,
a#sf-with-ul01-en, a#sf-with-ul02-en, a#sf-with-ul04-en, a#sf-with-ul05-en, a#sf-with-ul06-en{
	width: 152px;
	height: 28px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
}
a#sf-with-ul03, a#sf-with-ul07, a#sf-with-ul08, a#sf-with-ul09, 
a#sf-with-ul03-en, a#sf-with-ul07-en, a#sf-with-ul08-en{
	width: 152px;
	height: 36px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
}
a#sf-with-ul09-en{
	width: 152px;
	height: 51px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
}
a#sf-with-ul01 { background-image: url('../images/navi/01.gif'); }
a#sf-with-ul02 { background-image: url('../images/navi/02.gif'); }
a#sf-with-ul03 { background-image: url('../images/navi/03.gif'); }
a#sf-with-ul04 { background-image: url('../images/navi/04.gif'); }
a#sf-with-ul05 { background-image: url('../images/navi/05.gif'); }
a#sf-with-ul06 { background-image: url('../images/navi/06.gif'); }
a#sf-with-ul07 { background-image: url('../images/navi/07.gif'); }
a#sf-with-ul08 { background-image: url('../images/navi/08.gif'); }
a#sf-with-ul09 { background-image: url('../images/navi/09.gif'); }

a#sf-with-ul01-en { background-image: url('../images/navi/01_en.gif'); }
a#sf-with-ul02-en { background-image: url('../images/navi/02_en.gif'); }
a#sf-with-ul03-en { background-image: url('../images/navi/03_en.gif'); }
a#sf-with-ul04-en { background-image: url('../images/navi/04_en.gif'); }
a#sf-with-ul05-en { background-image: url('../images/navi/05_en.gif'); }
a#sf-with-ul06-en { background-image: url('../images/navi/06_en.gif'); }
a#sf-with-ul07-en { background-image: url('../images/navi/07_en.gif'); }
a#sf-with-ul08-en { background-image: url('../images/navi/08_en.gif'); }
a#sf-with-ul09-en { background-image: url('../images/navi/09_en.gif'); }

a#sf-with-ul01:hover, a#sf-with-ul02:hover, a#sf-with-ul03:hover,
a#sf-with-ul04:hover, a#sf-with-ul05:hover, a#sf-with-ul06:hover,
a#sf-with-ul07:hover, a#sf-with-ul08:hover, a#sf-with-ul09:hover,
a#sf-with-ul01-en:hover, a#sf-with-ul02-en:hover, a#sf-with-ul03-en:hover,
a#sf-with-ul04-en:hover, a#sf-with-ul05-en:hover, a#sf-with-ul06-en:hover,
a#sf-with-ul07-en:hover, a#sf-with-ul08-en:hover, a#sf-with-ul09-en:hover,
a#sf-with-ul01.active, a#sf-with-ul02.active, a#sf-with-ul03.active,
a#sf-with-ul04.active, a#sf-with-ul05.active, a#sf-with-ul06.active,
a#sf-with-ul07.active, a#sf-with-ul08.active, a#sf-with-ul09.active,
a#sf-with-ul01-en.active, a#sf-with-ul02-en.active, a#sf-with-ul03-en.active,
a#sf-with-ul04-en.active, a#sf-with-ul05-en.active, a#sf-with-ul06-en.active,
a#sf-with-ul07-en.active, a#sf-with-ul08-en.active, a#sf-with-ul09-en.active{
	background-position: bottom left;
}

ul #sub a#sub01_01{
	background: url('../images/navi/01_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_02{
	background: url('../images/navi/01_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_03{
	background: url('../images/navi/01_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_04{
	background: url('../images/navi/01_04.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_05{
	background: url('../images/navi/01_05.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_06{
	background: url('../images/navi/01_06.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_07{
	background: url('../images/navi/01_07.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub02_01{
	background: url('../images/navi/02_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub02_02{
	background: url('../images/navi/02_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub03_01{
	background: url('../images/navi/03_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub03_02{
	background: url('../images/navi/03_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub03_03{
	background: url('../images/navi/03_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub04_01{
	background: url('../images/navi/04_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub04_02{
	background: url('../images/navi/04_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub04_03{
	background: url('../images/navi/04_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub04_04{
	background: url('../images/navi/04_04.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub04_05{
	background: url('../images/navi/04_05.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub05_01{
	background: url('../images/navi/05_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub05_02{
	background: url('../images/navi/05_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub05_03{
	background: url('../images/navi/05_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_01{
	background: url('../images/navi/06_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_02{
	background: url('../images/navi/06_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_03{
	background: url('../images/navi/06_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_04{
	background: url('../images/navi/06_04.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_05{
	background: url('../images/navi/06_05.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_06{
	background: url('../images/navi/06_06.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_07{
	background: url('../images/navi/06_07.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub07_01{
	background: url('../images/navi/07_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub07_02{
	background: url('../images/navi/07_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub07_03{
	background: url('../images/navi/07_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub07_04{
	background: url('../images/navi/07_04.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub07_05{
	background: url('../images/navi/07_05.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub08_01{
	background: url('../images/navi/08_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub08_02{
	background: url('../images/navi/08_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub08_03{
	background: url('../images/navi/08_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_01_en{
	background: url('../images/navi/01_en_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_02_en{
	background: url('../images/navi/01_en_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_03_en{
	background: url('../images/navi/01_en_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_04_en{
	background: url('../images/navi/01_en_04.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub01_05_en{
	background: url('../images/navi/01_en_05.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub02_01_en{
	background: url('../images/navi/02_en_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub02_02_en{
	background: url('../images/navi/02_en_02.jpg') no-repeat top left;
	width: 190px;
	height: 37px;
	display: block;
}
ul #sub a#sub03_01_en{
	background: url('../images/navi/03_en_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub03_02_en{
	background: url('../images/navi/03_en_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub04_01_en{
	background: url('../images/navi/04_en_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub04_02_en{
	background: url('../images/navi/04_en_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub05_01_en{
	background: url('../images/navi/05_en_01.jpg') no-repeat top left;
	width: 190px;
	height: 37px;
	display: block;
}
ul #sub a#sub05_02_en{
	background: url('../images/navi/05_en_02.jpg') no-repeat top left;
	width: 190px;
	height: 37px;
	display: block;
}
ul #sub a#sub05_03_en{
	background: url('../images/navi/05_en_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_01_en{
	background: url('../images/navi/06_en_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_02_en{
	background: url('../images/navi/06_en_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_03_en{
	background: url('../images/navi/06_en_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_04_en{
	background: url('../images/navi/06_en_04.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_05_en{
	background: url('../images/navi/06_en_05.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub06_06_en{
	background: url('../images/navi/06_en_06.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub07_01_en{
	background: url('../images/navi/07_en_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub07_02_en{
	background: url('../images/navi/07_en_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub07_03_en{
	background: url('../images/navi/07_en_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub07_04_en{
	background: url('../images/navi/07_en_04.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub07_05_en{
	background: url('../images/navi/07_en_05.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub08_01_en{
	background: url('../images/navi/08_en_01.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub08_02_en{
	background: url('../images/navi/08_en_02.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}
ul #sub a#sub08_03_en{
	background: url('../images/navi/08_en_03.jpg') no-repeat top left;
	width: 190px;
	height: 27px;
	display: block;
}

ul #sub a:hover{
	background-position: bottom left;
}

li.sfHover a {
	background-position: bottom left !important;
}
li.sfHover li a {
	background-position: top left !important;
}
li.sfHover li a:hover {
	background-position: bottom left !important;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	155px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	152px; /* match ul width */
	width: 190px;
	top:	0;
	margin-top: 3px;
	z-index: 10;
}