/* Page */
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:none;margin:0;padding:0;}
ul{list-style:none;}

/* Mega Menu Styles */
.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

/* Reset code to remove theme inherent styling */
#mega-menu ul, #mega-menu li {
list-style: none;
padding: 0;
margin: 0;
}

#mega-menu ul {
display: none; /* Hides non-mega links */
}

#mega-menu .sub ul {
display: block; /* overrides above hide */
}

 
/* Main menu styles */
#mega-menu {
width: auto;
height: 42px;
position: absolute; /* Important - required for positioning of mega menu */
font-family:'hannari','游明朝','Yu Mincho','ヒラギノ明朝 Pro W6','HiraMinPro-W6',"ＭＳ 明朝",serif;
line-height: 15px;
z-index: 100;
margin-left:240px;
}

#mega-menu li{
float: left;
}

#mega-menu li a{
float: left;
display: block;
padding: 12px 24px;
text-decoration: none;
}

#mega-menu li.mega-hover a, #mega-menu li a:hover {
background-position: 100% -40px;
color: #fff;
text-shadow: none;
}
 
/* Arrow tag for parent links */
#mega-menu li a.dc-mega {
padding-right: 38px; /* Additional padding for arrow */
position: relative; /* Required for arrow positioning */
}

#mega-menu li a .dc-mega-icon {
display: block;
position: absolute;
top: 18px;
right: 15px;
width: 8px;
height: 6px;
}

#mega-menu li.mega-hover a .dc-mega-icon {
background-position: 0 100%;
}
 
/* Mega Menu Styling */
/* Mega Drop Down Container */
#mega-menu li .sub-container {
background: url(images/bg_sub_left.png) no-repeat 0 100%;
position: absolute; /* Required */
padding-left: 10px;
margin-left: -3px;
z-index: 200;
margin-top:12px;
}

#mega-menu li .sub {
background: url(images/bg_sub.png) no-repeat 100% 100%;
padding: 15px 20px 15px 10px;
}

#mega-menu li .sub-container.mega .sub {
padding: 15px 10px 0 0;
}

#mega-menu li .sub .row { /* Clear the sub-menu floats */
width: 100%;
overflow: hidden;
clear: both;
}

#mega-menu li .sub li {
float: none;
font-size: 0.9em;
}

/* Sub-menu Headers */
#mega-menu li .sub li.mega-hdr { /* Sub-menu headers - i.e. 2nd level navigation */
float: left; /* Float the sub-menus and give them a fixed width to from the mega menu rows */
width: 240px;
margin: 0 0 20px 10px;
}

#mega-menu li .sub a { /* Clear the styles from the top-level links and set the font styles */
background: none;
border: none;
text-shadow: none;
color: #fff;
padding: 7px 5px;
display: block;
float: none;
text-decoration: none;
font-size: 1.4em;
}

#mega-menu li .sub li.mega-hdr a.mega-hdr-a {
padding: 7px 13px;
margin: 0 10px 135px;
text-transform: uppercase;
color: #fff;
background:url(images/arrow.png) no-repeat left 13px;
}

#mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #fff;
text-shadow: none;
}
 
/* Add the individual sub-menu backgrounds */
#mega-menu li .sub li#menu-item-1 {
background: url(images/mega-hina.jpg) no-repeat 25px 35px;
}

#mega-menu li .sub li#menu-item-2 {
background: url(images/mega-kabuto.jpg) no-repeat 25px 35px;
}

#mega-menu li .sub li#menu-item-3 {
background: url(images/mega-ryuwa.jpg) no-repeat 210px 10px;
margin-left:-10px;
padding-top:6px;
width:320px;
}

ul.hina li{width:350px;}

.sub li#menu-item-3 li a{
background:url(images/arrow.png) no-repeat left 13px;
}

/* Style the 3rd level links */
#mega-menu li .sub li ul li {
margin-right: 10px;
}

#mega-menu .sub li.mega-hdr li a {
color: #fff;
font-weight: normal;
padding: 3px 0 3px 25px;
margin-left: 16px;
margin-bottom:2px;
background:url(images/bo.png) no-repeat 10px 12px;
}

#mega-menu .sub li.mega-hdr li a:hover {
color: #990000;
}
 
/* Styling for items with only 2 levels */
#mega-menu li .sub-container.non-mega .sub {
padding: 20px 20px 20px 10px;
}

#mega-menu li .sub-container.non-mega li {
width: 190px; /* Set the drop down width */
}

#mega-menu li .sub-container.non-mega li a {
padding: 7px 5px 7px 15px;
background:url(images/arrow.png) no-repeat left 13px;
}

#mega-menu li .sub-container.non-mega li a:hover {
color: #990000;
background:url(images/arrow.png) no-repeat 2px 13px;
}

.nig{
font-size: 0.9em;
margin-left:10px;
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
#mega-menu li a{
padding: 12px 12px;
}

}