/* Global */ *{ margin:0; padding:0; font:normal normal normal 100%/120% Verdana, sans-selif; color:#333333; line-height:140%; } body { background:url(../../images/bg.gif) repeat-x top #E3E0DD;} img { border:none} #wrapper { width:900px; min-height:100%; margin:0px auto; background:url(../../images/bg_wrap.gif) no-repeat top #E3E0DD; text-align:left; } #container { width:780px; margin:0px auto; margin-top:10px;} #container td { vertical-align:top;} body > #wrapper { height:auto;} h1 { display:none } h2, h3, h4 { font-weight:bold;} a { color:#000066; text-decoration:underline; } a:hover { color:#FF6600; text-decoration:underline;} hr, .print { display:none;} strong { font-weight:bold;} /* header */ #header { width:780px; height:130px; margin:0px auto; position:relative; background:url(../../images/header.jpg) no-repeat top; } #header_link_home a { width:200px; height:45px; position:absolute; top:80px; left:10px; display: block; } /* subnavi */ #subnavi { width:780px; height:30px; margin:0px auto; position:relative; background:url(../../images/subnavi.gif); clear:both; } #subnavi li { display:inline;} #subnavi a { width:100px; height:30px; position:absolute; display:block; background:url(../../images/subnavi.gif); text-indent:-9999px; } #subnavi a:hover { background: url(../../images/subnavi_over.gif);} #ns01 #n1 a, #ns02 #n2 a, #ns03 #n3 a, #ns04 #n4 a, #ns05 #n5 a { background:url(../../images/subnavi_over.gif);} #subnavi #n1 a { left:272px;background-position:-272px;} #subnavi #n2 a { left:374px; background-position:-374px;} #subnavi #n3 a { left:476px; background-position:-476px;} #subnavi #n4 a { left:578px; background-position:-578px;} #subnavi #n5 a { left:680px; background-position:-680px;} /* sidebar */ #side { width:200px; background:#EFEEE5 url(../../images/bg_sidecap.gif) no-repeat top;} #side a { color:#0000CC; text-decoration:underline} #side a:hover { color:#FF6600;} #side img { margin:5px 0 0 10px;} #side form { margin:5px 0 0 10px;} #side h2 { width:200px; height:25px; margin:5px 0 0 0; text-indent:-9999px;} #side h2#tcon { background:url(../../images/side_tcon.gif) no-repeat;} #side h3 { margin:5px 10px 0 10px; font-size:100%; font-weight:bold; color:#333333;} #side h3#search_site { color:#990000; margin:8px 0px 0px 10px; padding:2px 10px 0px 20px; font-size:12px; background: url(../../images/ico_search.gif) no-repeat left center } #side h3#search_book { font-size:100%; color:#990000; margin:8px 0px 0px 10px; padding:2px 10px 0px 20px; background: url(../../images/ico_book.gif) no-repeat left center } #side h4 { margin:3px 10px 0 10px; padding:0 0 0 15px; font-size:100%; font-weight:normal; color:#333333;background: url(../../images/side_h4.gif) no-repeat left center;} #side p { margin:4px 10px 10px 25px;} #side ul.navi { margin:0px 0px 5px 0px;} #side ul.navi li { height:14px; list-style-type:none; display:block; margin:0px 0px 0px 10px;padding:3px 5px 4px 20px; background:url(../../images/side_link_a.gif) no-repeat left 6px; } #side #cat_sub ul { margin:5px 0px 5px 10px;} #side #cat_sub li { margin:0px 0px 0px 10px;} #side #cat_sub li { list-style-type:none; display:block; line-height:120%; background:none;} #side #cat_sub2 ul { margin:0px 0px 5px 20px;} #side #cat_sub2 li { margin:0px 0px 0px 10px; background:none; list-style-type:none;} .side_sep { width:auto; height:13px; background:url(../../images/side_sep.gif) no-repeat;} #sidebottom { height:13px; background:url(../../images/bg_sidebottom.gif); clear:both} #banner { padding:0 0 8px 0; clear:both;} #separate { width:10px;} /* main */ #main { width:570px; padding-bottom:10px; background:#EFEEE5 url(../../images/bg_topix.gif) no-repeat bottom;} #main h3 a:visited { color:#993300} #main h4 a:visited { color:#660099} #main li a:visited { color:#660099} #main p a:visited { color:#660099} /* news */ #news { width:570px; height:200px; background:url(../../images/bg_news.gif);} #news h2 { width:auto; height:40px; text-indent:-9999px} #news h3 { font-size:100%; color:#FFFFFF; font-size:90%;} #news p { color:#FFFFFF; margin:0 0 0 10px; font-size:84%;} #news a { color:#FFFF66;} #news a:hover { color:#FF6600;} #news p a:visited { color:#FFFF66;} #newsL { width:285px;} #newsL h2#left_t1 { background:url(../../images/news_tL1.gif) no-repeat;} #newsR { width:285px; height:175px; background:url(../../images/bg_newsR.gif) no-repeat;} /* topics */ #topics { width:570px; border-top:5px solid #666666;} #topics h2 { width:570px; height:40px; clear:both; padding:0; text-indent:-9999px} #topics h2#topics_t1 { background:url(../../images/topics_t1.gif)} #topics h3 { font-size:100%; color:#990000; margin:8px 0px 0px 10px; padding:0px 10px 0px 15px; background: url(../../images/contents_h3.gif) no-repeat left center } #topics h3 a { font-size:100%; color:#990000; font-weight:bold; text-decoration:none;} #topics ul { margin:4px 0px 5px 10px; list-style:none;} #topics li { margin:0px 0px 0px 10px; padding:0 10px 10px 20px; line-height:140%; list-style-type:none; display:block; } #whatsnew li { background: url(../../images/whatsnew_link_a.gif) no-repeat left 6px; margin-left:5px; padding-top:2px; padding-bottom:0;} #topics1 li { background: url(../../images/topics1_link_a.gif) no-repeat left 6px;} #topics2 li { background: url(../../images/topics2_link_a.gif) no-repeat left 6px;} #topics3 li { background: url(../../images/topics3_link_a.gif) no-repeat left 6px;} #topics4 li { background: url(../../images/topics4_link_a.gif) no-repeat left 6px;} #topics5 li { background: url(../../images/topics5_link_a.gif) no-repeat left 6px;} #genre h3 { font-size:100%; color:#990000; margin:8px 0px 0px 10px; padding:0px 10px 0px 15px; background: url(../../images/contents_h3.gif) no-repeat left center } #genre h3 a { font-size:100%; color:#990000; font-weight:bold; text-decoration:none;} #genre ul { margin:4px 0px 5px 10px; list-style:none;} #genre li { margin:0px 0px 0px 10px; padding:0 10px 10px 20px; height:14px; line-height:160%; list-style-type:none; display:block; } #genre form { margin:8px 0px 0px 10px;} #genre1 li { background: url(../../images/genre1_link_a.gif) no-repeat left 6px;} #genre2 li { background: url(../../images/genre2_link_a.gif) no-repeat left 6px;} /* contents */ #contents { width:570px;} /* site_position */ #site_position { min-height:40px; background:url(../../images/bg_siteposition.gif) no-repeat top #EFEEE5;} #site_position a { color:#000066} #site_position a:hover { color:#FF6600} #site_position ul { padding:12px 0px 0px 12px; list-style-type:none; line-height:14px;} #site_position li { display:inline;} /* submain */ #submain h2 { width:570px; height:40px; text-indent:-9999px} #submain h2#tsho1 { background:url(../../images/sho_t1.gif) no-repeat;} #submain h2#tsho2 { background:url(../../images/sho_t2.gif) no-repeat;} #submain h2#tsho3 { background:url(../../images/sho_t3.gif) no-repeat;} #submain h2#tbook1 { background:url(../../images/book_t1.gif) no-repeat;} #submain h2#tbook11 { background:url(../../images/book_t11.gif) no-repeat;} #submain h2#tbook12 { background:url(../../images/book_t12.gif) no-repeat;} #submain h2#tbook13 { background:url(../../images/book_t13.gif) no-repeat;} #submain h2#tbook14 { background:url(../../images/book_t14.gif) no-repeat;} #submain h2#tchuui1 { background:url(../../images/chuui_t1.gif) no-repeat;} #submain h2#tplus1 { background:url(../../images/plus_t1.gif) no-repeat;} #submain h2#tlec1 { background:url(../../images/lec_t1.gif) no-repeat;} #submain h2#tcnews1 { background:url(../../images/cnews_t1.gif) no-repeat;} #submain h2#thari1 { background:url(../../images/hari_t1.gif) no-repeat;} #submain h2#tchr1 { background:url(../../images/chr_t1.gif) no-repeat;} #submain h2#tnet1 { background:url(../../images/net_t1.gif) no-repeat;} #submain h2#tdel1 { background:url(../../images/del_t1.gif) no-repeat;} #submain h2#tco1 { background:url(../../images/co_t1.gif) no-repeat;} #submain h2#tqa1 { background:url(../../images/qa_t1.gif) no-repeat;} #submain h2#tli1 { background:url(../../images/li_t1.gif) no-repeat;} #submain h2#tcon1 { background:url(../../images/con_t1.gif) no-repeat;} #submain h2#tcon11 { background:url(../../images/con_t11.gif) no-repeat;} #submain h2#tcon12 { background:url(../../images/con_t12.gif) no-repeat;} #submain h2#tpri1 { background:url(../../images/pri_t1.gif) no-repeat;} #submain h2#tsm1 { background:url(../../images/sm_t1.gif) no-repeat;} #submain h2#tsearch1 { background:url(../../images/search_t1.gif)} #submain h3 { font-size:100%; color:#990000; margin:8px 0px 0px 10px; padding:0px 10px 0px 15px; background: url(../../images/contents_h3.gif) no-repeat left center } #submain h3 a {font-size:100%; font-weight:bold; color:#990000;} #book_sub { width:570px; min-height:100%; margin:0px auto; background:#EFEEE5; text-align:left; } #book_sub h2 { width:570px; height:40px; text-indent:-9999px} #book_sub h2#tbook11 { background:url(../../images/book_t11.gif) no-repeat;} #book_sub h2#tbook12 { background:url(../../images/book_t12.gif) no-repeat;} #book_sub h2#tbook13 { background:url(../../images/book_t13.gif) no-repeat;} #book_sub h2#tbook14 { background:url(../../images/book_t14.gif) no-repeat;} #book_sub h3 { font-size:100%; color:#990000; margin:8px 0px 0px 10px; padding:0px 10px 0px 15px; background: url(../../images/contents_h3.gif) no-repeat left center } #book_sub p { padding:0 5px 0 15px;} /* footer */ #footer { width:780px; height:90px; margin:0px auto; text-align:center; background:url(../../images/bg_footer.gif) no-repeat bottom; clear:both; } #footer a { color:#FFFFFF;font-size:12px;} #footer a:hover { color:#CCCCCC} #footer ul { padding:25px 0px 0px 0px; list-style-type:none; line-height:14px;} #footer li { margin:6px; padding:px; display:inline; font-size:12px;} #footer address { margin:3px 0 0 0; padding:0px; color:#993300;font-size:12px;}