td.bar1 {
	background-image:url(/modpub/images/bar1_back.gif);
	background-repeat:repeat-x;
}
td.bar2 {
	background-image:url(/modpub/images/bar2_eng_b.gif);
	background-repeat:repeat-x;
}

#ranking td.image{
    width:100px;vertical-align:top;
}
#nav_box{margin-left:auto;margin-right:auto;width:564px;}

#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:Ariel,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:48px; background:url(/modpub/images/bar1_eng.png) 0px -24px no-repeat;}
#nav li.p_mypage {width:63px; background:url(/modpub/images/bar1_eng.png) -48px -24px no-repeat;}
#nav li.p_new {width:97px; background:url(/modpub/images/bar1_eng.png) -111px -24px no-repeat;}
#nav li.p_ranking {width:66px; background:url(/modpub/images/bar1_eng.png) -208px -24px  no-repeat;}
#nav li.p_review {width:66px; background:url(/modpub/images/bar1_eng.png) -274px -24px  no-repeat;}
#nav li.p_articles {width:62px; background:url(/modpub/images/bar1_eng.png) -341px -24px  no-repeat;}
#nav li.p_search {width:53px; background:url(/modpub/images/bar1_eng.png) -403px -24px  no-repeat;}
#nav li.p_circlelist {width:53px; background:url(/modpub/images/bar1_eng.png) -456px -24px  no-repeat;}
#nav li.p_forums {width:53px; background:url(/modpub/images/bar1_eng.png) -509px -24px  no-repeat;}


#nav li a#home      {width:48px; background:url(/modpub/images/bar1_eng.png) 0px 0px no-repeat;}
#nav li a#mypage    {width:63px; background:url(/modpub/images/bar1_eng.png) -48px 0px no-repeat;}
#nav li a#new       {width:97px; background:url(/modpub/images/bar1_eng.png) -111px 0px no-repeat;}
#nav li a#ranking   {width:66px; background:url(/modpub/images/bar1_eng.png) -208px 0px  no-repeat;}
#nav li a#review    {width:66px; background:url(/modpub/images/bar1_eng.png) -274px 0px  no-repeat;}
#nav li a#articles  {width:62px; background:url(/modpub/images/bar1_eng.png) -341px 0px  no-repeat;}
#nav li a#search    {width:53px; background:url(/modpub/images/bar1_eng.png) -403px 0px  no-repeat;}
#nav li a#circlelist{width:53px; background:url(/modpub/images/bar1_eng.png) -456px 0px  no-repeat;}
#nav li a#forums    {width:53px; background:url(/modpub/images/bar1_eng.png) -509px 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:144px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#F60; border-bottom:1px solid #F60; 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#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#forums:hover, #nav li:hover a#forums
   {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 #F60; white-space:nowrap; width:150px; height:auto;}
#nav :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:147px;}
#nav :hover ul.sub li a {display:block; font-size:12px; height:20px; width:144px; 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) 137px 7px no-repeat;}
#nav :hover ul.sub li a:hover {background:#F60; color:#fff;}
#nav :hover ul.sub li a.fly:hover {background:#F60 url(/modpub/images/arrow_over.gif) 137px 7px no-repeat; color:#fff;}
#nav :hover ul li:hover > a.fly {background:#F60 url(/modpub/images/arrow_over.gif) 137px 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:147px; top:-4px; background: #fff; padding:3px 0; border:1px solid #F60; white-space:nowrap; width:150px; z-index:200; height:auto; z-index:300;}

/* ----- circle faq ----- */

div#circle_faq_box{
width:660px;
}

div#circle_faq_box div.intro_01{
border:1px solid #ccc;
height:30px;
line-height:30px;
background:#eee;
}

div#circle_faq_box div.intro_01 span{
border-left:5px solid #50b663;
font-size:14px;
font-weight:bold;
padding-left:5px;
margin-left:10px;
}

div#circle_faq_box div.question_box{
border:1px solid #ccc;
border-top:none;
margin-bottom:15px;
}

div#circle_faq_box div.question_box_inner{
padding:15px 10px;
}

div#circle_faq_box div.question_box_inner ul.left{
float:left;
width:300px;
}

div#circle_faq_box div.question_box_inner ul.right{
margin-left:300px;
}

div.question_box_inner ul,
div.question_box_inner ul li{
margin:0;
padding:0;
list-style:none;
}

div.question_box_inner ul.left,
div.question_box_inner ul.right{
margin-bottom:-7px;
}

div.question_box_inner ul.left li,
div.question_box_inner ul.right li{
padding-bottom:7px;
padding-left:20px;
text-indent:-20px;
line-height:1.4;
margin:0 10px;
}

div.question_box_inner ul li span.faq_q,
div.question_box_inner div.answer_q p span.faq_q{
color:#00aaec;
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
padding-right:5px;
}

div.question_box_inner div.question_intro_box,
div.question_box_inner div.question_intro_box_last{
padding-bottom:20px;
}

div#circle_faq_box div.intro_02{
margin-bottom:15px;
background:#50b663;
padding:3px 10px;
}

div#circle_faq_box div.intro_02 span{
color:#FFF;
font-size:12px;
font-weight:bold;
}

div.question_box_inner div.answer_q{
background:#e7f4f9;
padding:5px 0;
}

div.question_box_inner div.answer_q p{
padding-left:20px;
text-indent:-20px;
line-height:1.4;
margin:0 10px;
}

div.question_box_inner div.faq_answer{
padding:10px 30px;
margin-bottom:-10px;
}

div.question_box_inner div.faq_answer div{
margin:0;
padding-bottom:10px;
}

div.faq_answer ul.list_01 li{
padding-left:20px;
padding-bottom:2px;
text-indent:-10px;
}

div.faq_answer ul.list_02 li{
padding-left:15px;
padding-top:10px;
text-indent:-10px;
}

div#circle_faq_box p.q_back{
margin:0;
float:right;
clear:right;
padding:0 15px 0 12px;
background:url(/modpub/images/welcome/welcome_icon.gif) no-repeat left center;
margin-bottom:30px;
}

div#circle_faq_box p.arrow{
margin:0;
padding-left:20px;
text-indent:-12px;
padding-top:5px;
}

div#circle_faq_box dl.list_pdf{
margin:0;
padding:3px 0;
}

div#circle_faq_box dl.list_pdf dt{
width:100px;
float:left;
margin-right:5px;
}

div#circle_faq_box dl.list_pdf dd{
margin-left:100px;
}

div.answer_box p.q_back a{
color:#003399;
}

div.question_box_inner div.faq_answer a{
color:#ff0066;
}

div.question_box_inner div.faq_answer a:visited{
color:#990033;
}

div.question_box_inner .pink{
color:#ff6a9d;
}

div.question_box_inner .blue{
color:#00aaec;
}

div.question_box_inner .green{
color:#50b663;
}