/* CSS Document */
@charset "utf-8";
@import "http://";

body{ background:url(../img/tmp_bg.gif) 50% 0 repeat-y; font-size:12px; color:#444; line-height:140%;}

div#alltop{ width:800px; margin:0 auto; background:url(../img/tmp_bg_topcon.gif) 0 0 repeat-y;}

/*--- left ----------------------------------------------------------------*/
div#boxleft{ width:182px; padding:0 0 0 12px; background:url(../img/tmp_bg_boxleft.gif) 0 0 no-repeat; float: left; font-size:12px; color:#999; line-height:18px;}
div#boxleft h1{ margin:15px 0; background:url(../img/tmp_logo.gif) 0 0 no-repeat; text-indent: -999px; float:left;}
div#boxleft h1 a{ width: 159px; height: 82px; display: block;}
div#boxleft h2{ height:25px;}
div#boxleft h6{ margin:15px 0; background:url(../img/tmp_copyright.gif) 0 0 no-repeat; text-indent: -999px; float:left;}
div#boxleft h6 a{ width: 150px; height: 24px; display: block;}

/*--- contents ----------------------------------------------------------------*/
div#boxcontop{ width:592px; float: left; margin: 0 0 0 14px;}
* html div#boxcontop{ width:594px; float: left; margin: 0 0 0 12px;}
div#boxmain{ float: left; width: 400px; margin: 0 0 0 4px}
div#boxcontop div#cover{ width:205px; background:url(../img/cover/top.jpg) 0 0 no-repeat; float:left; margin:10px 0 0 0;}
div#boxcontop div#coverdata{ width:193px; background-color:#0B7E9A; color:#FFF; font-size:10px;}
div#boxcontop div#topi{ width:192px; height:268px; float:left; margin:10px 0 0 0; background:url(../img/top_bg_topi.gif) 0 0 no-repeat;}
div#boxcontop div#topi ul.topi{ width:100%; height:41px;}
div#boxcontop div#topi ul.topi li{font-size:10px; line-height:15px; padding-top: 3px;}
div#boxcontop div#topi ul.topi li span{ color:#F60; line-height:15px;}
div#boxcontop div#topi ul.topi li img{ vertical-align: middle;}

div#boxcontop div#serch{ background:url(../img/top_bg_serch.gif) 0 0 no-repeat; width:395px; height:109px; padding:20px 0 0 0;}
div#boxcontop div#serch table#serch{ width:390px;}
div#boxcontop div#serch p.sssub{ background:url(../img/sserch_sub.gif) 0 3px no-repeat; padding:0 0 0 8px;}

div#boxcontop div.hina{ background:url(../img/tmp_hina_bg.gif) 0 0 no-repeat; width:395px; height:30px;}
div#boxcontop div.hina h3{ color:#FFF; font-size:12px; padding:3px 0 0 25px;}

div#boxcontop div.shop{ width:73px; height:135px; float:left; margin:0 7px 0 0;}
* html div#boxcontop div.shop{ width:73px; height:135px; float:left; margin:0 6px 0 0;}
div#boxcontop div.shop img.shop{ padding:0px 6px; background-color:#E8E8E8; border:1px solid #CCC;}
div#boxcontop div.shop ul.shop{ text-align:center; line-height:13px;}
div#boxcontop div.shop ul.shop li.name{ font-size:10px;}
div#boxcontop div.shop ul.shop li.area{ font-size:10px; padding:3px 0 0 0;}
div#boxcontop p.jump{ text-align:right; clear:both; font-size:10px; width:395px;}

div#boxcontop div.newgal{ width:73px; height:145px; float:left; margin:0 7px 0 0;}
* html div#boxcontop div.newgal{ width:73px; height:145px; float:left; margin:0 6px 0 0;}
div#boxcontop div.newgal img.newgal{ padding:0px 6px; background-color:#E8E8E8; border:1px solid #CCC; width: 60px; height: 80px;}
div#boxcontop div.newgal ul.newgal{ text-align:center; line-height:13px;}
div#boxcontop div.newgal li.name{ color:#F39;}
div#boxcontop div.newgal li.profile{ font-size:9px; font-family:Arial;}
div#boxcontop div.newgal li.area{ font-size:10px;}

* html div#boxcontop div.grank{ width:73px; height:165px; float:left; margin:0 6px 0 0;}
div#boxcontop div.grank{ width:73px; height:165px; float:left; margin:0 7px 0 0;}
div#boxcontop div.grank img.grank{ padding:0px 6px; background-color:#E8E8E8; border:1px solid #CCC; margin:3px 0 0 0; width: 60px; height: 80px;}
div#boxcontop div.grank ul.grank{ text-align:center; line-height:13px;}
div#boxcontop div.grank li.name{ color:#F39;}
div#boxcontop div.grank li.profile{ font-size:9px; font-family:Arial;}
div#boxcontop div.grank li.area{ font-size:10px;}
div#boxcontop div.grank li.rank{ color:#E50202;}
div#boxcontop div.grank li.rank h4{ background:url(../img/top_rank.gif) 7px 0 no-repeat; font-size:12px; font-weight:normal; padding:2px 0 0 15px;}
div#boxcontop p.rankex{ clear:both; font-size:10px;}

ul#newshop{ font-size:10px; line-height:14px; padding:5px 7px;}
ul#newlink{ font-size:10px; line-height:14px; padding:5px 7px;}
ul#newlink li{margin-top:4px;}


/*--- right ----------------------------------------------------------------*/
div#boxright{ width:180px; float:right;}

div#boxright table#group{ width:100%;}
div#boxright table#group tr th{ width:50px;}
div#boxright table#group tr td{ font-size:10px; line-height:14px;}


table#rank{ width:100%;}
table#rank th{ background-color:#777; color:#FFF; width:20px; padding:4px;}
table#rank td{ background-color:#DFDFDF; padding:4px;}