html{ margin: 0px; padding: 0px;}
body{ position: relative; margin: 0px; padding: 0px; background: #ffffff;
    width: 100%; font-family:arial, verdana, sans-serif; overflow: auto;}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}

#outer{ min-width: 980px; min-height: 876px;  position: relative; margin: 0px auto 0px auto;  }
.inner{ width: 980px; position: relative; margin: 0px auto 0px auto; text-align: left; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative; clear: both;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative; clear: both;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative; clear: both;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative; clear: both;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative; clear: both;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}
.content{background: url(../images/head.jpg) #ffffff top center no-repeat; width: 100%; min-height: 100px; position: relative;}
.leaderboard{ margin: 45px 0px 0px 0px; position: relative;}
.lead_ttl{ position: relative; text-align: center;}
.leaders{ position: relative; margin: 10px auto 0px auto; width: 880px}
.lead{ width: 105px; float:  left; margin: 10px 10px 10px 10px; text-align: center;}
.avatar{ width: 96px; height: 96px; border: 2px solid #e0af25; margin: 0px auto 0px auto; position: relative;}
.l_score{ font-family: 'Arial',sans-serif; color: #db9139; font-weight: bold; font-size: 24px; line-height: 26px; margin: 1px 0px 0px 0px}
.l_name{ color: #000000; font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif; font-size: 15px; line-height: 18px; text-transform: uppercase; margin: 5px 0px 0px 0px;}
.more{ position: relative; text-align: center; margin: 20px 0px 0px 0px;}
.top_bar{ width: 100%; height: 40px; position: relative; background: #000000}
.main_ttl{ position: relative; text-align: center; margin: 550px 0px 0px 0px;}
.btns{  position: relative; text-align: center; margin: 10px 0px 0px 0px;}
.btns img{ vertical-align: middle; display: inline-block; margin: 0px 3px 0px 3px}

.more{ width: 100%; text-align: center;}

.abbr{ color: #333333; font-size: 12px; line-height: 15px; position: relative; font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif; width: 660px; margin: 10px auto 0px auto; text-align: center;}
.abbr a{ color: #333333;  }
.tour{ margin: 20px 0px 0px 0px; position: relative;}
.tour_ttl{ position: relative; text-align: center;}
.ln_logo{ position: relative; text-align: center;}
.enter_left{ position: absolute; top:10px; left: 10px; z-index: 5}
.enter_right{ position: absolute; top:10px; right: 10px; z-index: 5}
.share_top{ width: 100%; text-align: center; top:8px; left: 0px; position: relative;}
.share_top img{ vertical-align: middle; margin: 0px 4px 0px 4px}