.jqueryslidemenu{
font: bold 12px Verdana;
/* background: white; */
/*width: 100%;*/
/* border: 1px solid #778; */
border-width: 1px 0px 0px 0px;;
border-style: solid;
border-color: #778;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/* add レスポンシブWeb */
@media only screen and (min-width: 800px)
{
	.jqueryslidemenu ul li{
		width: 113px;  /* 113px add */
	}

	/* 最後の項目に右ボーダーを付けない */
	li.last-item
	{
		border-right: 0px solid #778;
	}
}

@media only screen and (max-width: 799px)
{
	.jqueryslidemenu ul li{
		width: 100px;
	}

	/* 最後の項目に右ボーダーを付ける */
	li.last-item
	{
		border-right: 1px solid #778;
	}
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
text-align: center;  /* add */
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: white; /*background of tabs (default state)*/
color: black;
padding: 4px 4px 4px 4px;
text-decoration: none;
}

/* add 最初の項目に右ボーダーを付ける */
li.home-item
{
	border-right: 1px solid #778;
}

/* add 最初以外の項目に左ボーダーを付ける */
li.menu-item
{
	border-right: 1px solid #778;
}

/* add 各メニューで下ボーダーを付ける */
li.menus
{
	border-bottom: 1px solid #778;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: black;
}

.jqueryslidemenu ul li a:hover{
background: #e0f2d5; /* #ccdfcb ホバー時のメニュー色 tab link background during hover state*/
color: black;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px Verdana;
width: 103px; /*width of sub menus*/
padding: 5px 5px 5px 5px;
/*border-width: 1px;*/
/*border-style: solid;*/
/*border-color: gray;*/
}

/* add 一番上のサブメニュー項目は上ボーダーも付ける */
li.menu-upper
{
margin-left: -1px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: gray;
} 

/* add 二番目以降のメニュー項目は上ボーダーなしにする */
li.menu-lower
{
margin-left: -1px;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: gray;
}

/* add 一番右上のサブメニュー項目は右ボーダーなしにする */
li.menu-right-upper
{
margin-left: -1px;
border-width: 1px 0px 1px 0px;  /* 上 右 下 左 */
border-style: solid;
border-color: gray;
} 

/* add 一番右側のサブメニュー項目は幅を+1する */
li.menu-right-lower
{
margin-left: -1px;
border-width: 0px 0px 1px 1px;
border-style: solid;
border-color: gray;
} 

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: white;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */
/* イメージの位置 */
.downarrowclass{
position: absolute;
top: 9px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}