/* タブバーテーブル用 */
td.bar1 {
    background-image:url(/modpub/images/bar1_back.gif);
    background-repeat:repeat-x;
}
td.bar2 {
    background-image:url(/modpub/images/bar2_home_back.gif);
    background-repeat:repeat-x;
}

#ranking td.image{
    width:100px;vertical-align:top;
}
#ranking div.ranking_rankcount{
    padding-top:35px;
}
#nav_box{margin-left:auto;margin-right:auto;width:624px;}
#nav_box_noproduction{margin-left:auto;margin-right:auto;width:549px;}

#nav {display:block; margin:0px; padding:0px; list-style:none; height:24px; background:#fff url(/modpub/images/bar1_back.gif) repeat-x; position:relative; z-index:200; font-family:"ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;}

#nav ul {list-style-type:none; padding:0px; margin:0px;}

#nav li.top {display:block; float:left; position:relative;}

#nav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#nav li.top a.top_link {display:block; float:left; height:24px;}
#nav li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} 

#nav li.p_home {width:65px; background:url(/modpub/images/bar1_doujin.png) 0px -48px no-repeat;}
#nav li.p_mypage {width:64px; background:url(/modpub/images/bar1_doujin.png) -65px -48px no-repeat;}
#nav li.p_new {width:65px; background:url(/modpub/images/bar1_doujin.png) -129px -48px no-repeat;}
#nav li.p_ranking {width:65px; background:url(/modpub/images/bar1_doujin.png) -194px -48px  no-repeat;}
#nav li.p_review {width:55px; background:url(/modpub/images/bar1_doujin.png) -259px -48px  no-repeat;}
#nav li.p_pickup {width:60px; background:url(/modpub/images/bar1_doujin.png) -314px -48px  no-repeat;}
#nav li.p_articles {width:38px; background:url(/modpub/images/bar1_doujin.png) -374px -48px  no-repeat;}
#nav li.p_search {width:57px; background:url(/modpub/images/bar1_doujin.png) -412px -48px  no-repeat;}
#nav li.p_circlelist {width:80px; background:url(/modpub/images/bar1_doujin.png) -469px -48px  no-repeat;}
#nav li.p_circle {width:75px; background:url(/modpub/images/bar1_doujin.png) -549px -48px  no-repeat;}


#nav li a#home      {width:65px; background:url(/modpub/images/bar1_doujin.png) 0px 0px no-repeat;}
#nav li a#mypage    {width:64px; background:url(/modpub/images/bar1_doujin.png) -65px 0px no-repeat;}
#nav li a#new       {width:65px; background:url(/modpub/images/bar1_doujin.png) -129px 0px no-repeat;}
#nav li a#ranking   {width:65px; background:url(/modpub/images/bar1_doujin.png) -194px 0px  no-repeat;}
#nav li a#review    {width:55px; background:url(/modpub/images/bar1_doujin.png) -259px 0px  no-repeat;}
#nav li a#pickup    {width:60px; background:url(/modpub/images/bar1_doujin.png) -314px 0px  no-repeat;}
#nav li a#articles  {width:38px; background:url(/modpub/images/bar1_doujin.png) -374px 0px  no-repeat;}
#nav li a#search    {width:57px; background:url(/modpub/images/bar1_doujin.png) -412px 0px  no-repeat;}
#nav li a#circlelist{width:80px; background:url(/modpub/images/bar1_doujin.png) -469px 0px  no-repeat;}
#nav li a#circle    {width:75px; background:url(/modpub/images/bar1_doujin.png) -549px 0px  no-repeat;}

#nav a:hover {visibility:visible;} /* for IE6 */
#nav li:hover { position:relative; z-index:200;} /* for IE7 */

#nav li b {display:block; font-size:12px; height:18px; width:124px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#3C0; border-bottom:1px solid #3C0; cursor:default;}

#nav li a#home:hover, #nav li:hover a#home,
#nav li a#mypage:hover, #nav li:hover a#mypage,
#nav li a#new:hover, #nav li:hover a#new,
#nav li a#ranking:hover, #nav li:hover a#ranking,
#nav li a#review:hover, #nav li:hover a#review,
#nav li a#pickup:hover, #nav li:hover a#pickup,
#nav li a#articles:hover, #nav li:hover a#articles,
#nav li a#search:hover, #nav li:hover a#search,
#nav li a#circlelist:hover, #nav li:hover a#circlelist,
#nav li a#circle:hover, #nav li:hover a#circle
 {background:transparent;}

#nav ul, 
#nav :hover ul ul, 
#nav :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul ul,
#nav :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

#nav :hover ul.sub {left:0; top:24px; background: #fff; padding:3px; border:1px solid #3C0; white-space:nowrap; width:136px; height:auto;}
#nav :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:130px;}
#nav :hover ul.sub li a {display:block; font-size:12px; height:20px; width:130px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
#nav :hover ul.sub li a.fly {background:#fff url(/modpub/images/arrow.gif) 124px 7px no-repeat;}
#nav :hover ul.sub li a:hover {background:#3C0; color:#fff;}
#nav :hover ul.sub li a.fly:hover {background:#3C0 url(/modpub/images/arrow_over.gif) 124px 7px no-repeat; color:#fff;}
#nav :hover ul li:hover > a.fly {background:#3C0 url(/modpub/images/arrow_over.gif) 124px 7px no-repeat; color:#fff;} 

#nav :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul :hover ul :hover ul
{left:133px; top:-4px; background: #fff; padding:3px 0; border:1px solid #3C0; white-space:nowrap; width:136px; z-index:200; height:auto; z-index:300;}

