/* ============================ 商品ナビゲーションのスタイル ============================ */
#product-navigation
{
margin-bottom: 40px;
}

#product-navigation li
{
font-size: 12px;
line-height: 140%;
list-style-type: none;
margin-left: 20px;
font-weight: bold;
}


#product-navigation li li
{
font-size: 11px;
line-height: 130%;
padding: 0;
margin-right: 20px;
font-weight: normal;
}

#product-navigation a:link, #product-navigation a:visited, #product-navigation a:hover
{
text-decoration: none;
color: #574123;
display: block;
background: url(../img/paw.png) 0 3px no-repeat;
padding-left: 13px;
}

#product-navigation a:hover
{
text-decoration: none;
color: #fb9f0e;
}

/*　サブナビゲーション */
#product-navigation li li a:link, #product-navigation li li a:visited, #product-navigation li li a:hover
{
text-decoration: none;
color: #574123;
display: block;
padding: 5px 5px 5px 10px;
margin-top: -6px;
background: url(../img/sub-item.png) 0 8px no-repeat;
border-bottom: 1px dashed #c3d7a0;
}

#product-navigation li li a:hover
{
text-decoration: none;
color: #fb9f0e;
background: url(../img/sub-item.png) 0 8px no-repeat;
}

/* ============================ END 商品ナビゲーションのスタイル ============================ */


/* ============================ トップナビゲーションのスタイル ============================ */

/* トップナビゲーション */
#top-nav
{
float: right;
position: relative;
top: -21px;
z-index: 1000; /* これがないとプルダウンメニューがイメージスライダーの下に隠れる。　*/

}

#top-nav .about a:link, #top-nav .about a:visited, #top-nav .about a:hover,
#top-nav .seminor a:link, #top-nav .seminor a:visited, #top-nav .seminor a:hover,
#top-nav .history a:link, #top-nav .history a:visited, #top-nav .history a:hover,
#top-nav .blog a:link, #top-nav .blog a:visited, #top-nav .blog a:hover,
#top-nav .contact a:link, #top-nav .contact a:visited, #top-nav .contact a:hover
{
background: url(../img/top_nav.png) 0 0 no-repeat;
text-indent: -9999px;
width: 166px;
height: 27px;
}

/* プルダウンメニューの高さを均等に保つ　*/
#top-nav .about a.sub,
#top-nav .seminor a.sub,
#top-nav .history a.sub,
#top-nav .blog a.sub,
#top-nav .contact a.sub
{
height: 100%; 
}

#top-nav .seminor a:link, #top-nav .seminor a:visited, #top-nav .seminor a:hover
{
background: url(../img/top_nav.png) -182px 0 no-repeat;
width: 70px;
}

#top-nav .history a:link, #top-nav .history a:visited, #top-nav .history a:hover
{
background: url(../img/top_nav.png) -263px 0 no-repeat;
width: 184px;
}

#top-nav .blog a:link, #top-nav .blog a:visited, #top-nav .blog a:hover
{
background: url(../img/top_nav.png) -458px 0 no-repeat;
width: 70px;
}

#top-nav .contact a:link, #top-nav .contact a:visited, #top-nav .contact a:hover
{
background: url(../img/top_nav.png) -540px 0 no-repeat;
width: 107px;
}

/* Hover State */
#top-nav .about a:hover
{
background: url(../img/top_nav.png) 0 -37px no-repeat;
}

#top-nav .seminor a:hover
{
background: url(../img/top_nav.png) -182px -37px no-repeat;
width: 70px;
}

#top-nav .history a:hover
{
background: url(../img/top_nav.png) -263px -37px no-repeat;
width: 184px;
}

#top-nav .blog a:hover
{
background: url(../img/top_nav.png) -458px -37px no-repeat;
width: 70px;
}

#top-nav .contact a:hover
{
background: url(../img/top_nav.png) -540px -37px no-repeat;
width: 107px;
}


/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */ 

ul#navmenu-h
{
margin: 0;
padding: 0;
list-style: none;
position: relative;
}

ul#navmenu-h ul
{
width: 160px; /* Sub Menu Width */ 
margin: 0;
list-style: none;
display: none;
position: absolute;
top: 33px;
left: 0;
}

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul
{
top: 0;
left: 100%;
}

ul#navmenu-h li
{
float: left;
display: inline;
position: relative;
margin: 0 7px 0 0;
}

ul#navmenu-h ul li
{
width: 100%;
display: block;
}

/* Root Menu */
ul#navmenu-h a
{
border-top: none;
border-right: none;
padding: 3px;
float: left;
display: block;
background-image: none;
font-family: Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', Osaka, sans-serif;
font-size: 11px;
text-decoration: none;
height: 1%;
}

/* Root Menu Hover Persistence */ 
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a
{
background: #BBB;
color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a.sub, ul#navmenu-h li.iehover li a.sub
{
float: none;
background: #96bf4f;
color: #fff;
text-indent: 0;
text-align: left;
font-size: 13px;
width: 160px;
padding: 5px 15px;
border-bottom: 1px solid #B9E273;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a
{
background: #b9e273;
color: #4e720f;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a
{
background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a
{
background: #666;
} 

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a
{
background: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover
{
background: #333;
}

/* Hover Function - Do Not Move */ 
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul
{
display: none;
}

ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul
{
display: block;
}