@charset "UTF-8";

#header {
 width:900px;
 margin: 0 auto;
 background:url(/image/cmn/sky.jpg) no-repeat center 0px;
}

.menuWrap {
 position: relative;
 width: 900px;
 margin: 0 auto;
 padding-top: 2px;
 height: 82px;
}

.hdMid {
 position: absolute;
 top: 2px;
 left: 66px;
 width: 768px;
 height: 72px;
 background: url(/image/cmn/menu_middle.png) repeat-x 0 0;
 _background: none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/cmn/menu_middle.png',sizingMethod='scale');

}

.hdLeft {
 position: absolute;
 top: 2px;
 left: 0;
 width: 66px;
 height: 72px;
 background: url(/image/cmn/menu_left.png) repeat-x 0 0;
 _background: none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/cmn/menu_left.png',sizingMethod='scale');

}

.hdRight {
 position: absolute;
 top: 2px;
 right: 0;
 width: 66px;
 height: 72px;
 background: url(/image/cmn/menu_right.png) repeat-x 0 0;
 _background: none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/cmn/menu_right.png',sizingMethod='scale');

}



.headMenu {
 position: relative;
 top: -2px;
 left: 0;
 text-align: center;
 font-size: 140%;
}



.headMenu .hdMenuList {
 display: inline-block;
 position: relative;
 z-index: 2;

/* padding: 0 12px;*/
 height: 72px;
 list-style-type: none;
 font-size: 20px;
}


.headMenu .hdMenuList { _font-weight: bold; }
*:first-child+html .headMenu .hdMenuList { font-weight: bold; }
.headMenu .hdMenuList, x:-moz-any-link { font-weight: bold; /* Fx 1.0 以降に適用される */}
.headMenu .hdMenuList , x:-moz-read-only { font-weight: bold; /* Fx 1.5, 2.0 以降に適用される */}
.headMenu .hdMenuList , x:-moz-broken { font-weight: bold; /* Fx 3.0 以降に適用される */}
.headMenu .hdMenuList , x:x{ font-weight: bold; }



.headMenu a {
 display: inline-block;
 padding: 17px 20px 0;
 height: 43px; _height: 43px; /* 60 */
 margin-top: -2px;

 position: relative;
 z-index: 3;
/* text-shadow: #f8e966 0em 0.1em;*/
 text-shadow: #f8e966 0em 0.05em;
 _filter: DropShadow(Color=#f8e966, OffX=0, OffY=1, Positive=true);
 color: #5c2500;
 text-decoration: none;
}


.hdMenuList a, x:-moz-any-link { margin-top: 1px; /* Fx 1.0 以降に適用される */}
.hdMenuList a, x:-moz-read-only { margin-top: 1px; /* Fx 1.5, 2.0 以降に適用される */}
.hdMenuList a, x:-moz-broken { margin-top: 1px;/* Fx 3.0 以降に適用される */}
.hdMenuList a, x:x{ margin-top: -3px; }
.hdMenuList a { _margin-top: -7px; /margin-top: -7px; /* IE7以下 */} 



*:first-child+html .hdMenuList a { filter: DropShadow(Color=#f8e966, OffX=0, OffY=1, Positive=true); }
head~/* */body .hdMenuList a { filter: DropShadow(Color=#f8e966, OffX=0, OffY=1, Positive=true); } /* IE8向け */  
html:not(:target) .hdMenuList a { filter: DropShadow(Color=#f8e966, OffX=0, OffY=1, Positive=true); } /* モダンブラウザ向け */




.noOn {
 padding-top: 3px;
 _padding-top: 12px;
}

*:first-child+html .noOn  { padding-top: 12px; }


.headMenu .on {
 position: relative;
 top: 0;
 height: 84px;
 background: url(/image/cmn/menu_selected_middle.gif) repeat-x 0 0px;
}



.headMenu .on a {
 padding-top: 20px; _padding-top: 23px;
 _height: 43px; /* 60 */
 /margin-top: 2px; _margin-top: 0;
 text-shadow: none;
 _filter: DropShadow(Color=#8f3300, OffX=0, OffY=0, Positive=true);
 color: #ffea00;
 text-decoration: none;
}
*:first-child+html .headMenu .on a { filter: DropShadow(Color=#8f3300, OffX=0, OffY=0, Positive=true); }
head~/* */body .headMenu .on a { filter: DropShadow(Color=#8f3300, OffX=0, OffY=0, Positive=true); } /* IE8向け */  





.headMenu a:hover {
 color: #aa090f;
 text-shadow: #f8e966 0em 0.05em;
 _filter: DropShadow(Color=#f8e966, OffX=0, OffY=1, Positive=true);
}

*:first-child+html .headMenu a:hover { filter: DropShadow(Color=#f8e966, OffX=0, OffY=1, Positive=true); }
head~/* */body .headMenu a:hover { filter: DropShadow(Color=#f8e966, OffX=0, OffY=1, Positive=true); } /* IE8向け */  
html:not(:target) .headMenu a:hover { filter: DropShadow(Color=#f8e966, OffX=0, OffY=1, Positive=true); } /* モダンブラウザ向け */




.headMenu .on a:hover {
 color: #ffea00;
  text-shadow: #8f3300 0em 0em;
 _filter: DropShadow(Color=#8f3300, OffX=0, OffY=0, Positive=true);
}
*:first-child+html .headMenu .on a:hover { filter: DropShadow(Color=#8f3300, OffX=0, OffY=0, Positive=true); }
head~/* */body .headMenu .on a:hover { filter: DropShadow(Color=#8f3300, OffX=0, OffY=0, Positive=true); } /* IE8向け */  


.hdOnLeft {
 position: absolute;
 top: 0;
 left: -20px;
 width: 81px;
 height: 82px;
}

/*.hdOnLeft .shadow {*/
.hdOnLeftshadow {
 position: absolute;
 top: 2px;
 left: -15px;
 width: 15px;
 height: 60px;
 background: url(/image/cmn/menu_selected_shadow_left.png) no-repeat 0 0;
 _background: none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/cmn/menu_selected_shadow_left.png',sizingMethod='scale');
}

/*.hdOnLeft .flLeft {*/
.flLeft {
 position: absolute;
 top: 0;
 left: 0;
 width: 66px;
 height: 82px;
 background: url(/image/cmn/menu_selected_left.gif) no-repeat 0 0;
}

.hdOnRight {
 position: absolute;
 top: 0;
 right: -20px;
 width: 81px;
 height: 82px;
}

/*.hdOnRight .shadow  {*/
.hdOnRightshadow  {
 position: absolute;
 top: 2px;
 right: -15px;
 width: 15px;
 height: 60px;
 background: url(/image/cmn/menu_selected_shadow_right.png) no-repeat right 0;
 _background: none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/cmn/menu_selected_shadow_right.png',sizingMethod='scale');
}

/*.hdOnRight .flRight {*/
.flRight {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 66px;
 height: 82px;
 background: url(/image/cmn/menu_selected_right.gif) no-repeat right 0;
}






