@charset "utf-8";
.headerbar {
	margin-bottom: 0;
}
#swimbi{
   padding: 0;
   position: relative;
   text-align: left;
   z-index: 1;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   left: 0px;
}
#swimbi>ul{
   /* FOMA background: #7c0000;*/
   background-image: url("./../../../../../../images/imgforum/bg_header.gif") !important;
   padding: 0;
   box-shadow: 0px 1px 8px  0px rgba(0,0,0,.35);
   width: 100%;
   list-style: none;
   position: relative;
   white-space: nowrap;
   display: inline-table;
   font-size: 0px;
}
#swimbi ul, #swimbi li, #swimbi a{
   font-family: Verdana, Geneva, sans-serif !important;
   margin: 0;
   padding: 0;
}
#swimbi>ul>li{
   display: inline-block;
   vertical-align: top;
   font-size: 12px;
   position: relative;
}
#swimbi ul li:hover>ul{
   display: block !important;
   visibility: visible;
   opacity: 1;
   pointer-events:  all; -webkit-transform: translateY(0) scale3d(1,1,1); -ms-transform: translateY(0) scale3d(1,1,1); transform: translateY(0) scale3d(1,1,1); -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
#swimbi>ul>li:hover>a,#swimbi>ul>li.hvr>a{
   /* FOMA color: red !important;*/
   color: #FFFF00 !important;
   z-index: 9;
}
#swimbi ul li a{
   display: block;
   white-space: nowrap;
}
#swimbi>ul>li>a{
   margin-left: 10px;
   padding-left: 14px;
   line-height: 35px;
   height: 35px;
   /*FOMA color: #f7f7f7;*/

}
#swimbi>ul>li>a:not(:only-child){
   padding-right: 14px;
}

#swimbi>ul>li>div.ch{
   content: '';
   position: absolute;
   z-index: 992;
   right: 17.5px;
   top: 50%;
   border: 2px solid #f7f7f7;
   border-top: none;
   border-left: none;
   margin: -5px 1px;
   width: 5px;
   height: 5px;
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

#swimbi>ul>li:hover>div.ch{
   border: 2px solid #000000;
   border-top: none;
   border-left: none;
}

#swimbi ul ul{
   font-size: 13px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   opacity: 0; -webkit-transform: translateY(-50%) scale3d(1,0,1); -ms-transform: translateY(-50%) scale3d(1,0,1); transform: translateY(-50%) scale3d(1,0,1);
   visibility: hidden;
   display: block;
   pointer-events: none;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   background: #dddddd;
   width: auto;
   list-style: none;
   min-width: 60px;
   padding: 0;
   position: absolute;
   z-index: 7;
   margin-top: 0;
   margin-left: 10px;
   top: 35px;
}
#swimbi ul ul li:not(.column)>ul:before, #swimbi ul li:not(.column)>ul:before{
   content: '';
   display: block;
   background: #505C65;
   position: absolute;
   z-index: -6;
   width: 100%;
   height: 100%;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
}

#swimbi ul ul li:not(.column)>ul[data-keepv]:before{
   left: 0px;
   padding: 0;
}

#swimbi ul li:not(.column)>ul:before{
   padding: 0;
}

#swimbi ul ul li:not(.column)>ul:after{
   content: '';
   position: absolute;
   z-index: -5;
   top: 8px;
   left: -44.5px;
   width: 37px;
   height: 37px;
   background: rgba(99,1,1,0);
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

#swimbi>ul>li:hover:before,#swimbi>ul>li:hover:after{
   content: '';
   position: absolute;
   z-index: 4;
   top: 19.5px;
   left: -24.5px;
   width: 49px;
   height: 49px;
   background: rgba(99,1,1,0);
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

#swimbi>ul>li:hover:after{
   left: 100%;
   margin-left: -24.5px;
}

#swimbi ul>li:not(.column)>ul{
   border-radius: 0 0 6px 6px;
}
#swimbi ul ul ul{
   border-radius: 6px !important;
}
#swimbi ul ul ul>li:only-child:hover>a{
   border-radius: 5px !important;
}
#swimbi ul>li:not(.column)>ul>li:last-child:hover>a{
   border-radius: 0 0 5px 5px;
}
#swimbi ul ul>li:not(.column)>ul>li:first-child:hover>a{
   border-radius: 5px 5px 0 0;
}
#swimbi ul>li.column:first-child>ul>li:last-child:hover>a{
   border-radius: 0 0 0 5px;
}
#swimbi ul>li.column:last-child>ul>li:last-child:hover>a{
   border-radius: 0 0 5px 0;
}
#swimbi ul ul ul>li.column:first-child>ul>li:first-child:hover>a{
   border-radius: 5px 0 0 0;
}
#swimbi ul ul ul>li.column:last-child>ul>li:first-child:hover>a{
   border-radius: 0 5px 0 0;
}
#swimbi ul ul li:not(:last-child):not(.column){
   border-bottom: 1px solid rgba(175,175,175,0.88);
   box-shadow: 0 1px 0 rgba(230,230,230,0.88);
}
#swimbi li.column:not(:last-child)>ul>li:not(.column){
   border-right: 1px solid rgba(179,179,179,0.88);
   box-shadow: 0 1px 0 rgba(230,230,230,0.88), 1px 0 0 rgba(225,225,225,0.88);
}
#swimbi li.column:not(:last-child)>ul>li:last-child{
   box-shadow: 1px 0 0 rgba(225,225,225,0.88) !important;
}
#swimbi li.column:not(:first-child)>ul{
   margin-left: 2px !important;
}
#swimbi ul ul.columns{
   font-size: 0px;
}

#swimbi ul ul li.column{
   display: inline-block;
   width: auto;
   vertical-align: top;
}

#swimbi ul ul li.column>ul{
   position: relative;
   display: block;
   box-shadow: none;
   background: none;
   left:0;
   padding: 0;
   visibility: visible;
   opacity: 1;
   transform: none;
   -ms-transform: none;
   -webkit-transform: none;
}

#swimbi ul ul li.column>ul:hover{
   z-index: 9;
}

#swimbi ul ul li{
   float: none;
   position: relative;
   width: 100%;
   text-align: left;
}
#swimbi ul ul li a{
	   /* FOMA */
   background-image: url("./../../../../../../images/imgforum/bg_header.gif") !important;
   /**/
   padding-left: 15px;
   padding-right: 28px;
   line-height: 26px;
   height: 26px;
   /* FOMA color: #f7f7f7 !important;*/
   text-shadow: 0px 0px 1px rgba(0,0,0,0);
}
#swimbi ul ul li>a:not(:only-child):after{
   content: '';
   position: absolute;
   right: 10px;
   top: 50%;
   margin: -2px 5px;
   width: 0;
   height: 0;
   border-left: 5px #4c4c4c solid;
   border-top: 4px dashed transparent;
   border-right: none;
   border-bottom: 4px dashed transparent;
}

#swimbi ul ul li:hover>a:after{
   border-left: 5px #f7f7f7 solid;
}

#swimbi ul ul>li>a:only-child{
   padding-right: 15px;
}
#swimbi ul ul>li>a[data-icon], #swimbi ul.mixicon>li>a{
   padding-right: 53px;
}
#swimbi ul ul>li>a[data-icon]:only-child, #swimbi ul.mixicon>li>a:only-child, #swimbi ul li.column>ul.mixicon>li>a:only-child{
   padding-right: 40px;
}
#swimbi ul li.column>ul>li>a:before, #swimbi ul ul>li>a:only-child:before{
   padding-right: 0px;
}
#swimbi ul li.column>ul>li>a[data-icon]:before, #swimbi ul li.column>ul.mixicon>li>a:before{
   padding-right: 8px;
}
#swimbi ul li.column>ul>li>a[data-icon], #swimbi ul li.column>ul.mixicon>li>a{
   padding-right: 28px;
}
#swimbi ul li.column>ul>li>a[data-icon]:only-child{
   padding-right: 15px;
}
#swimbi ul ul li:hover>a{
   /* FOMA color: red !important;*/
   color: #FFFF00 !important;
}
#swimbi canvas{
   position: absolute;
   width: 1px;
   height: 1px;
}
canvas noscript{
   display: none;
}
#swimbi ul ul ul{
   position: absolute;
   z-index: 7;
   left: 99%;
   top: 2px;
}
#swimbi li.column>ul{
   top: 0;
}
#swimbi a:not([href]){
   cursor: default;
}
#swimbi a.B{
   font-weight: bold !important;
}
#swimbi a.I{
   font-style: italic !important;
}
#swimbi a.U{
   text-decoration: underline !important;
}
@media (min-width: 700px) {
.headerbar {
	border-radius: 8px 8px 0 0;
}
#swimbi {
  margin: 0 0 10px 0;
}
#swimbi>ul{
      border-radius: 0 0 6px 6px;
   }
}
@media (max-width: 700px) {
   #swimbi{
   text-align: left;
   margin: 0 -5px 10px -5px;
   }
   
   #swimbi>ul{
      min-width: 300px !important;
      width: 100%;
      height: 35px;
      padding: 0 !important;
	  border-radius: 0 0 0 0;
   }

   #swimbi ul li{
      float: none;
      display: block;
      position:relative;
   }

   #swimbi>ul>li{
      width: auto !important;
      margin: 0 5px 1px -5px;
   }

   #swimbi>ul>li>a,#swimbi>ul:hover:before,#swimbi>ul:hover:after{
      display:none;
   }

   #swimbi>ul:hover>li>a,#swimbi .hvr>li>a{
      display: block !important;
	  border-bottom: 1px solid silver;
   }

   #swimbi>ul>li:hover{
      z-index: 9 !important;
   }

   #swimbi>ul>li.hvr{
      z-index: 8 !important;
   }

   #swimbi>ul:after {
      line-height: 33px;
      content: 'Menu';
      font-family: Verdana, Geneva, sans-serif !important;
      font-size: 12px;
      /* FOMA color: #f7f7f7;*/
      float:left;
      padding-left: 5px;
   }

   #swimbi>ul:hover:after, #swimbi>ul.hvr:after {
      display: none;
   }

   #swimbi>ul:before {
      float: left;
      line-height: 35px;
      content: '';
      margin: 11px 0 10.875px 22px;
      width: 17px;
      height:2.625px;
      border-top: 7.875px double #f7f7f7;
      border-bottom: 2.625px solid #f7f7f7;
   }

   #swimbi>ul:hover:before, #swimbi>ul.hvr:before {
      opacity: 0;
   }

   #swimbi ul ul ul{
      margin-top: 26px;
   }

   #swimbi a[data-show]{
      display: block;
   }

   #swimbi ul ul {
      left: 200px !important;
   }

   #swimbi ul ul li:not(.column)>ul:before, #swimbi ul li:not(.column)>ul:before{
      padding: 0 2px 0 2px;
      background: silver;
      border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   }

   #swimbi ul ul li.column{
      display: block;
   }

   #swimbi ul ul li.column>ul{
      left: 0 !important;
      margin-top: 0;
   }

   #swimbi>ul>li>div.ch, #swimbi>ul>li:hover:before, #swimbi>ul>li:hover:after{
      display: none;
   }
   #swimbi>ul:hover>li>div.ch,#swimbi .hvr>li>div.ch{
      display: block;
   }
   
}