@charset "UTF-8";
/*------------------------------------------------
ameba CSS for group category
FileName:category.css
$Date: 2012/02/22 05:17:46 $
$Revision: 1.1 $
--------------------------------------------------*/
/*TOC===============================================
layout
search module
catogory module
no result
select module
==================================================*/

/* layout
--------------------------------------------*/
#mainCol.categoryMainCol { float:none; width:900px; padding:0; }
#mainCol.categoryMainCol #srch { width:900px; margin:0 auto; }

/* general
--------------------------------------------*/
#mainCol.categoryMainCol h1 { margin:0 0 15px; padding:10px; background-color:#f7f7f7; font-size:12px; }

/* category module
--------------------------------------------*/
.catOfficial {text-align:center; }
.catOfficial a {display:inline-block; padding:3px 0 10px 25px; background: url(/group/img/screen/pub/group/detail/ico_detail.gif) no-repeat -73px -400px;}
#catLi {margin-bottom:20px;}
.catMain {overflow:hidden; margin:0 0 10px; font-size:12px;}
.catMain h2 {padding-bottom:8px; margin-bottom:8px; border-bottom:1px dotted #999; }
.catMain h2 a .catName { font-weight:bold; }
.catMain a {font-weight:normal;color:#333; text-decoration:none; }
.catMain a .catName {font-weight:normal;color:#06c;}
.catMain a:hover .catName {color:#f36; text-decoration:underline; }
.catMain a:visited .catName {color:#969; }
.catMain ul {clear:both; overflow:hidden;}
.catMain ul li {float:left; width:300px;}
.catMain ul li a {display:inline-block; padding:0 0 8px 1.5em;}


/* search module
--------------------------------------------*/

/* no result
--------------------------------------------*/
#noResultArea{width:280px;margin:0 auto;padding:30px 0;}
#noResultArea .noGroupImage{float:left;}
#wrapNoResult{float:left;width:225px;margin:10px 8px 0 0;padding:0 0 7px;background:url(https://stat100.ameba.jp/group/img/screen/pub/group/search/no_result_btm.gif) no-repeat scroll bottom center;text-align:center;}
#noResult{background:url(https://stat100.ameba.jp/group/img/screen/pub/group/search/no_result.gif) repeat-y scroll top center;}
#subNoResult{padding:10px 5px 3px 0;background:url(https://stat100.ameba.jp/group/img/screen/pub/group/search/no_result_top.gif) no-repeat scroll top center;text-align:center;font-weight:bold;}
.makeGroupLink{clear:both;width:217px;padding:0 10px 0 0;text-align:center;}
.makeGroupLink img{padding:0 0 4px 5px;}

/* select module
--------------------------------------------*/
#wrapSelectModule{padding:10px 0 5px;background:url(https://stat100.ameba.jp/group/img/screen/pub/portal/bg_module_btm.gif) no-repeat scroll bottom center;}
#wrapSelectModule #selectModule{background:url(https://stat100.ameba.jp/group/img/screen/pub/portal/bg_module.gif) repeat-y scroll top center;}
#wrapSelectModule #selectModule #subSelectModule{padding:3px;background:url(https://stat100.ameba.jp/group/img/screen/pub/portal/bg_module_top.gif) no-repeat scroll top center;}
#subSelectModule h2{height:24px;background-color:#D9F2C1;}
#subSelectModule h2 span{display:block;padding:5px 0 5px 10px;}
#subSelectModule ul{float:right;width:670px;padding:0 20px;}
#subSelectModule li{display:inline;padding:0 7px;border-right:1px solid #C4C8C6;}
#subSelectModule li a{white-space:nowrap;}
#subSelectModule li.keywordTop{padding:0 7px 0 0;border:none;}
#subSelectModule li.categoryTop{padding:0 7px 0 0;}
#subSelectModule li.rankTop{padding:0 7px 0 0;}
#subSelectModule dl{padding:20px 0 0 10px;}
#subSelectModule dl.searchCategory{padding:20px 0 0 10px;}
#subSelectModule dl.newGroup{padding:30px 0 10px 10px;}
#subSelectModule dl.newGroup dd{padding:0 0 0 20px;}
#subSelectModule dt{float:left;width:160px;}
#subSelectModule dd{float:left;}
#subSelectModule dd input{float:left;margin:0 10px 0 0;}
#subSelectModule p{float:left;padding:2px 10px 2px 0;}
#subSelectModule #searchInput img{float:left;padding:2px 10px 2px 0;}
#subSelectModule .searchKeyword ul{float:left;padding:3px 0 0 0;}
#subSelectModule .searchKeyword dd{padding-left:20px;}