@charset "EUC-JP";

/* ---------------------------------------------------------------------
Stylesheet for Buzzurl
FileName: ranking.css
--------------------------------------------------------------------- */

/* general layout */
body {background: #FFF;}
#footer {background: #FCFCFC;}
#footer .pagetop {top: -24px;}
#header,
#navi,
#contents,
#footer {width: 900px;}


/* user ranking */

#user_ranking .main_ttl {border-top: solid 1px #BD312B; border-bottom: dashed 1px #B3B3B3; background: url(/static/image/common/ttl_bg_common.gif) 0 1px repeat-x; padding: 9px 4px 9px 8px; text-align: left; margin: 0 10px 15px 10px;}

#user_ranking .point {background: url(/static/image/ranking/bg_point.gif) repeat-y; width: 470px; float: left; display: inline; margin-left: 10px;}
#user_ranking .point .body {width: 470px; position: relative;}
#user_ranking .point .coin {position: absolute; top: 8px; right: 12px;}
#user_ranking .point .high {font-size: 16px; line-height: 1.4em; font-weight: bold; margin: 4px 0 0 14px; color: #404040; letter-spacing: 1px;}
#user_ranking .point .high li {padding-bottom: 6px;}
#user_ranking .point .high li span {color: #E82D1C;}
#user_ranking .point .high li span span {font-size: 13px; color: #404040; padding-left: 3px; font-weight: normal; letter-spacing: 0px;}
#user_ranking .point .high img {position: relative; top: 4px; margin-right: 5px;}
#user_ranking .point .low {font-weight: bold; margin: 8px 0 0 14px; color: #404040;}
#user_ranking .point .low li {display: inline; padding-right: 13px;}
#user_ranking .point .low li span {color: #E82D1C; padding-left: 3px;}
#user_ranking .point .low li span span {font-size: 10px; letter-spacing: 1px; color: #404040; padding-left: 1px; font-weight: normal;}
#user_ranking .point .caution {margin: 12px 0 7px 14px; color: #E82D1C; font-size: 10px; letter-spacing: 1px; line-height: 1.5em;}
#user_ranking .point .bottom img {width: 470px; height: 5px; background: url(/static/image/ranking/bg_point_bottom.gif) no-repeat;}
#user_ranking .howto {background: url(/static/image/ranking/bg_howto.gif) 0 0 no-repeat; width: 800px; margin-left: 50px;}
#user_ranking .howto h3 {margin: 15px 0 0 13px;}
#user_ranking .howto .txt_01 {margin: 9px 0 0 13px;}
#user_ranking .howto .txt_02 {margin: 5px 0 0 13px;}
#user_ranking .howto .bottom img {width: 800px; height: 6px; background: url(/static/image/ranking/bg_howto_bottom.gif) no-repeat;}#user_ranking .howto h4 {margin: 10px 0 0 13px;}
#user_ranking .howto .txt_03 {margin: 2px 25px 0 25px; font-weight: bold; line-height: 1.4em; color: #4D4D4D;}
#user_ranking .howto h5 {margin: 8px 0 0 13px; font-size: 10px; letter-spacing: 1px; color: #E82D1C; font-weight: normal;}
#user_ranking .howto ul {margin: 3px 10px 5px 13px;}
#user_ranking .howto li {font-size: 10px; letter-spacing: 1px; padding: 0 0 2px 10px; line-height: 1.4em; background: url(/static/image/ranking/ico_red_dot.gif) 2px .6em no-repeat; color: #4D4D4D;}
#user_ranking .howto li span {color: #E82D1C;}

#user_ranking .rank_ttl {border: solid 1px #E5E5E5; border-left: solid 5px #D02D26; margin: 15px 10px 0 10px; background: url(/static/image/ranking/bg_rank_ttl.gif) bottom repeat-x;}
#user_ranking .rank_ttl h3 {font-size: 16px; line-height: 1em; color: #404040; padding: 6px 0 2px 6px; width: 350px; float: left;}
#user_ranking .rank_ttl ul {width: 500px; margin: 7px 10px 0 0 !important; margin: 5px 10px 0 0; float: right; display: inline; text-align: right;}
#user_ranking .rank_ttl li {display: inline; padding-left: 10px;}

#user_ranking .top3 {margin: 15px 10px 0 10px; background: url(/static/image/ranking/bg_top3_ranking.gif) repeat-y;}
#user_ranking .top3 .top img {width: 880px; height: 6px; background: url(/static/image/ranking/bg_top3_ranking_top.gif) no-repeat;}
#user_ranking .top3 .bottom {clear: both;}
#user_ranking .top3 .bottom img {width: 880px; height: 6px; background: url(/static/image/ranking/bg_top3_ranking_bottom.gif) no-repeat; margin-top: 7px;}
#user_ranking .top3 .rank {float: left; text-align: right;}
#user_ranking .top3 .rank .body {width: 65px; position: relative;}
#user_ranking .top3 .rank .body div {position: absolute; top: -14px; left: -4px;}
#user_ranking .top3 .rank .ico {padding-top: 84px;}
#user_ranking .top3 .pic {width: 102px; float: left; display: inline; margin: 7px 0 0 3px; text-align: center;}
#user_ranking .top3 .pic img {}
#user_ranking .top3 .profile {width: 691px; margin: 8px 0 0 10px; float: left; display: inline;}
#user_ranking .top3 .profile h4 {font-size: 24px; line-height: 1em; margin: 0; padding: 0;}
#user_ranking .top3 .profile h4 span {font-size: 10px; letter-spacing: 1px; font-weight: normal;}

#user_ranking .top3 .profile table {position: relative; top: -5px !important; top: 0px;}
#user_ranking .top3 .profile th,
#user_ranking .top3 .profile td {border-bottom: solid 1px #D4D4D4; font: 13px/1.2em Verdana, Arial, Helvetica, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; vertical-align: bottom; padding-top: 7px;}
#user_ranking .top3 .profile th {width: 135px; text-align: left; font-weight: bold;}
#user_ranking .top3 .profile th a {white-space: nowrap;}
#user_ranking .top3 .profile th a img {width: 9px; height: 9px; background: url(/static/image/ranking/ico_sort.gif) no-repeat; margin-left: 4px;}
#user_ranking .top3 .profile th a:hover img {background: url(/static/image/ranking/ico_sort_on.gif) no-repeat;}
#user_ranking .top3 .profile th a:link,
#user_ranking .top3 .profile th a:visited {color: #4D4D4D; text-decoration: none;}
#user_ranking .top3 .profile th a:active,
#user_ranking .top3 .profile th a:hover {color: #4D4D4D; text-decoration: underline;}
#user_ranking .top3 .profile th p {margin: 0 0 2px 4px;}
#user_ranking .top3 .profile td {width: 85px; text-align: right;}
#user_ranking .top3 .profile td p {margin: 0 5px 1px 0;}
#user_ranking .top3 .profile td.score {font-size: 16px; color: #E82D1C; font-weight: bold;}
#user_ranking .top3 .profile td.space {width: 13px; border: none;}
#user_ranking .top3 .profile .none {border: none;}

#user_ranking .top3 .left_area {width: 154px; float: left; display: inline; margin: 7px 0 0 15px;}
#user_ranking .top3 .left_area .keyword {background: url(/static/image/ranking/bg_keyword_bottom.gif) bottom no-repeat; padding-bottom: 1px; margin-top: 8px;}
#user_ranking .top3 .left_area .keyword div {background: url(/static/image/ranking/bg_keyword.gif) 0 0 no-repeat; padding-bottom: 4px;}
#user_ranking .top3 .left_area .keyword h5 {font-size: 10px; letter-spacing: 1px; font-weight: normal; padding: 4px 0 0 6px;}
#user_ranking .top3 .left_area .keyword li {font-size: 10px; letter-spacing: 1px; padding: 2px 2px 0 14px; line-height: 1.3em; background: url(/static/image/ranking/ico_red_dot.gif) 7px .8em no-repeat; color: #4D4D4D;}

#user_ranking .top3 .right_area {width: 683px; float: right; display: inline; margin: 7px 15px 0 0;}
#user_ranking .top3 .right_area h5 {font-size: 13px; color: #4D4D4D; border-left: solid 5px #2196DB; padding: 1px 0 1px 6px;}
#user_ranking .top3 .right_area h6 {font-size: 10px; letter-spacing: 1px; font-weight: normal; padding: 8px 0 5px 0;}
#user_ranking .top3 .right_area .comment_pic {width: 32px; float: left; text-align: center;}
#user_ranking .top3 .right_area .comment_pic img {border: solid 1px #BFBFBF;}
#user_ranking .top3 .right_area .balloon {width: 641px; float: right; background: url(/static/image/ranking/comment_bg_bottom.gif) bottom no-repeat; margin-bottom: 2px;}
#user_ranking .top3 .right_area .balloon .body {background: url(/static/image/ranking/comment_bg_top.gif) 0 0 no-repeat; position: relative; padding: 4px 0 5px 0;}
#user_ranking .top3 .right_area .balloon .body p {font-size: 10px; letter-spacing: 1px; line-height: 1.5em; padding: 0 7px;}
#user_ranking .top3 .right_area .balloon .delta {width: 6px; height: 5px; position: absolute; top: 10px; left: -5px;}
#user_ranking .top3 .right_area .balloon .delta img {width: 6px; height: 5px; background: url(/static/image/ranking/comment_bg_delta.gif) no-repeat;}

#user_ranking .list {width: 880px; margin: 15px 10px 0 10px;}
#user_ranking .list th {background: #F0F0F0 url(/static/image/ranking/bg_th_list.gif) 0 0 no-repeat; color: #4D4D4D; line-height: 1.2em !important; line-height: 1.3em; font-size: 13px; border-bottom: solid 1px #FFF; padding: 6px 0 3px 0;}
#user_ranking .list th a img {width: 9px; height: 9px; background: url(/static/image/ranking/ico_sort.gif) no-repeat; margin-left: 4px;}
#user_ranking .list th a:hover img {background: url(/static/image/ranking/ico_sort_on.gif) no-repeat;}
#user_ranking .list th a:link,
#user_ranking .list th a:visited {color: #4D4D4D; text-decoration: none;}
#user_ranking .list th a:active,
#user_ranking .list th a:hover {color: #4D4D4D; text-decoration: underline;}
#user_ranking .list th.rank {background-position: -1px 0;}
#user_ranking .list td.lin {background: #CCC; padding: 0; border: none;}
#user_ranking .list td {text-align: center; padding: 3px 0; border-bottom: solid 1px #E5E5E5;}
#user_ranking .list td span {display: block;}
#user_ranking .list td.pic,
#user_ranking .list td.name {text-align: left;}
#user_ranking .list td.pic span {width: 27px; text-align: center; margin-left: 1px;}
#user_ranking .list td.pic img {border: solid 1px #BFBFBF;}
#user_ranking .list td.name {font-weight: bold; font-size: 15px;}
#user_ranking .list td.name span span {display: inline; font-weight: normal; font-size: 10px; letter-spacing: 1px;}
#user_ranking .list td.rank {font: bold 24px/.8em Times New Roman, serif; text-align: center; background: none; color: #F47B06; white-space: nowrap;}

#user_ranking .page_list {text-align: center; margin-top: 30px;}
#user_ranking .page_list p {display: inline;}
#user_ranking .page_list .prev,
#user_ranking .page_list .next,
#user_ranking .page_list .num {text-align: center; line-height: 30px; font-weight: bold;}
#user_ranking .page_list .prev a {text-decoration: none; margin-right: 15px; padding: 4px 4px 4px 20px !important; padding: 5px 4px 4px 20px; background: #2D7FA2 url(/static/image/common/prev_bg.gif) 0 no-repeat; color: #FFF; text-align: right;}
#user_ranking .page_list .next a {text-decoration: none; margin-left: 15px; padding: 4px 20px 4px 4px !important; padding: 5px 20px 4px 4px; background: #2D7FA2 url(/static/image/common/next_bg.gif) right no-repeat; color: #FFF; text-align: left;}
#user_ranking .page_list .prev a:hover,
#user_ranking .page_list .next a:hover {text-decoration: underline;}
#user_ranking .page_list .num a {text-decoration: none; margin: 0 2px; padding: 3px 4px; color: #2D7FA2; border: solid 1px #2D7FA2;}
#user_ranking .page_list .num a:hover {background: #2D7FA2; color: #FFF;}
#user_ranking .page_list .num span {margin: 0 2px; padding: 3px 4px; border: solid 1px #2D7FA2; background: #2D7FA2; color: #FFF;}


#user_ranking .start {text-align: center; margin-top: 30px;}

#user_ranking .top3 .right_area table.photo {float: left; text-align: center;}
#user_ranking .top3 .right_area table.photo td {border: 1px solid #CCCCCC; height: 32px; width: 32px; text-align: center; padding: 0px;}