@charset "utf-8";
@Import url("common.css");
@Import url("paging.css");
@Import url("boards.css");

.contents .tit_world { background:url(../images//title/ranking_world.png) top left no-repeat; }
.contents .tit_leader { background:url(../images//title/ranking_leader.png) top left no-repeat; }
.contents .tit_guild { background:url(../images//title/ranking_guild.png) top left no-repeat; }
.contents .tit_guildroom { background:url(../images//title/ranking_guildroom.png) top left no-repeat; }
.contents .tit_personal { background:url(../images//title/ranking_personal.png) top left no-repeat; }
.contents .tit_sogatour { background:url(../images//title/ranking_sogatour.png) top left no-repeat; }

div.tabmenu { clear:left; float:left; margin:10px 0; width:100%; height:33px; border-bottom:1px solid #cdcdcd; }
div.tabmenu ul { float:left; height:32px; border:1px solid #cdcdcd; border-bottom:none; }
div.tabmenu ul li { float:left; width:120px; height:100%; border-left:1px solid #cdcdcd; background:-moz-linear-gradient(top, #fafafa 0%, #ebebeb 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ebebeb)); background:-webkit-linear-gradient(top, #fafafa 0%,#ebebeb 100%); background:-o-linear-gradient(top, #fafafa 0%,#ebebeb 100%); background:-ms-linear-gradient(top, #fafafa 0%,#ebebeb 100%); background: linear-gradient(top, #fafafa 0%,#ebebeb 60%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ebebeb',GradientType=0 ); }
div.tabmenu ul li:first-child { border-left:none; }
div.tabmenu ul li.selected { background:none; border-bottom:1px solid #fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0 ); }
div.tabmenu ul li a { display:inline-block; width:100%; height:100%; line-height:33px; color:#7d7d7d; text-align:center; text-decoration:none; font-weight:bold; }
div.tabmenu ul li.selected a { color:#3b9710; }
div.tabsubmenu { clear:left; float:left; width:100%; height:49px; line-height:49px; text-align:center; }
div.tabsubmenu a { color:#4b4b4b; text-decoration:none; margin:0 10px; }
div.tabsubmenu a.selected { font-weight:bold; text-decoration:underline; }

p.stats { float:left; margin:5px; width:86px; height:20px; line-height:20px; color:#ffffff; text-align:center; text-indent:0; font-size:8pt; font-weight:bold; -moz-border-radius:3px; border-radius:3px; }
p.new { background-color: #ed971c; }
p.ongoing { background-color: #3c9b35; }
p.done { background-color: #cdcdcd; }

p.rate { float:left; margin:5px; width:86px; height:20px; background:url(../images/bg/qna_rating.png) no-repeat; text-indent:9999px; }
p.rate1 { background-position:0 0; }
p.rate2 { background-position:0 -20px; }
p.rate3 { background-position:0 -40px; }
p.rate4 { background-position:0 -60px; }
p.rate5 { background-position:0 -80px; }

div.worktime { clear:left; float:left; width:100%; margin:20px 0px 0px 20px; z-index:999; }
div.worktime span { color:#3c9610 }

div.search { float:left; padding:10px 0 20px 0; width:100%; height:25px; }
div.pull-right { float: right; width: auto; }
div.sep { float:left; width:10px; height:10px; }
select[name=type], select[name=server], select[name=guildroom], select[name=week]  { float:left; margin-right:10px; width:150px; height:25px; }
select[name=course] { float:left; margin-right:10px; width:170px; height:25px; }

h4 { color:#3c9610; margin:15px 0; }

table.rankhead { width:728px; }
table.rankhead thead { width:726px; height:31px; margin-bottom:10px; border:1px solid #c8c8c8; }
table.rankhead thead td { height:31px; font-weight:bold; background-color:#f0f0f0; text-indent:20px; color:#4b4b4b; }
table.rankhead thead.tc td { text-indent:0px; text-align:center; }
table.rankhead thead td:first-child { text-align:left; text-indent:20px; }
table.rankhead tbody tr.rank-list { width:100%; height:33px; border-bottom:1px solid #c8c8c8;}
table.rankhead tbody tr.rank-list td { text-align:center; text-indent: 0px; }
table.rankhead tbody tr.rank-list td.top { color:#3b9710; font-weight: bold; }

ul.ranklist { margin-top:10px; width:100%; border-bottom:1px solid #c8c8c8; }
ul.ranklist li { clear:left; width:100%; height:33px; border-top:1px solid #c8c8c8; }
ul.ranklist li:nth-child(even) { background-color:#f5f5f5; }
ul.ranklist li a { line-height:33px; }
ul.ranklist div { float:left; line-height:33px; text-align:center; }
ul.ranklist div.top { color:#3b9710; }
ul.ranklist div.rank { width:72px; font-weight:bold; }
ul.ranklist div.player { width:207px; text-align:left; text-indent:20px; }
ul.ranklist div.score { width:146px; }
ul.ranklist div.level { width:155px; }
ul.ranklist div.date { width:148px; }
ul.ranklist div.guild { width:356px; text-align:left; text-indent:20px; }
ul.ranklist div.master { width:151px; }
ul.ranklist div.grade { width:149px; }
ul.ranklist div.character { width:292px; text-align:left; text-indent:10px; }
ul.ranklist div.character img { float:left; margin:6px 0 0 0;}
ul.ranklist div.course { width:48px; }

.inner-title{padding:0 0 15px 0; font-size:18px; color:#4b4b4b;}
.ranking-table{margin-bottom:30px;}
.ranking-table{width:100%; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8;}
.ranking-table th, .ranking-table td{border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8; text-align:center; padding:5px 0; font-size:12px; color:#4b4b4b;}
.ranking-table th{background:#f2f2f2;}
.new-ranklist .s-rank{width:50px;}
.new-ranklist .s-name{width:168px; padding-left:20px; text-align:left;}
.new-ranklist .s-level{width:81px;}
.new-ranklist .s-grade{width:81px;}
.new-ranklist .s-grade img{display:inline-block; margin-top:8px;}
.new-ranklist .s-try{width:82px;}
.new-ranklist .s-s1, .new-ranklist .s-s2{width:41px;}
.new-ranklist .s-s1{background:#ffc8bc;}
.new-ranklist .s-s2{background:#ffe5bc;}
ul.new-ranklist li:nth-child(even) .s-s1{background:#ffb7a7;}
ul.new-ranklist li:nth-child(even) .s-s2{background:#f6d8a9;}
ul.new-ranklist li.sorry{height:auto; text-align:center; padding:50px 0; font-size:13px;}
.search-form{position:relative;}
.search-form fieldset{position:absolute; right:0; top:8px; border:none; padding:0; margin:0;}
.search-form fieldset label, .search-form fieldset a{float:left;}
.search-form fieldset a img{border:none; vertical-align:top;}
.search-form fieldset label span{color:#4b4b4b;}
.search-form fieldset label input{width:193px; height:23px; border:1px solid #cdcdcd; line-height:23px; text-indent:10px; margin:0 5px 0 10px; font-size:12px; color:#4b4b4b;}
.rankhead-wrap{position:relative; padding:25px 0 0 0;}
.rankhead-wrap .score{position:absolute; right:0; top:-1px; border:1px solid #c8c8c8;}
.rankhead-wrap .first, .rankhead-wrap .second{float:left; text-align:Center; font-weight:bold; color:#4b4b4b; font-size:9pt; height:25px; line-height:23px;}
.rankhead-wrap .first{background:#ffc8bc; width:122px;}
.rankhead-wrap .second{width:121px; background:#ffe5bc; border-left:1px solid #c8c8c8;}

.ranking-grade{display:inline-block; width:43px; height:16px; margin-top:8px; line-height:16px; text-align:center; font-family:'Arial'; font-size:11px; border-radius:3px; color:#fff;}
.ranking-grade.Black{background:#000; border:1px solid #000;}
.ranking-grade.Blue{background:#13a1ee; border:1px solid #13a1ee;}
.ranking-grade.White{background:#fff; border:1px solid #d0d0d0; color:#000;}
.ranking-grade.Red{background:#b71f0c; border:1px solid #b71f0c;}
.ranking-grade.Green{background:#55a300; border:1px solid #55a300;}