#canvas{
	background-color: #000000;
}

#login_button{
    display: none;
    text-align: center;
}
#game_container{
    position: relative;
    background-color: #222222;
}
#game{
    margin: 0 0 0 100px;
    height: 300px;
}
#score{
    position: absolute;
    top: 2px;
    color: #ffffff;
}
#share_button{

    display: none;
    position: absolute;
    top: 160px;
    left: 440px;
}
#googleplus_button_hide{

    position: absolute;
    left: 0px;
}
#googleplus_button{

    display: none;
    position: absolute;
    left: 0px;
}

#googleplus_button:hover{
    cursor: pointer;
}
#twitter_button{
    position: absolute;
    left: 80px;
}
#facebook_button{
    position: absolute;
    left: 147px;
}
#message{
    width: 760px;
    margin: 10px 10px 20px 10px;
    padding: 10px;
    background-color: #e0e0e0;
    text-align: center;
}

#player_info{
    display: none;
    height: 34px;
    width: 130px;
    background-color: #ffffff;

    position: absolute;
    left: 650px;
    top: 8px;

    border-radius: 3px;
}
#player_info:hover{
    color: #ff7700;
    cursor: pointer;
}
#player_info .avatar_image{
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: #e0e0e0;
    top: 2px;
    left: 2px;
}
#player_info .avatar_image img{
    height: 30px;
    width: 30px;
}
#player_info .mypage{
    position: absolute;
    top: 9px;
    left: 53px;
    font-size: 93%;
}

#score_info{
    display: none;
    width: 300px;
    background-color: #e0e0e0;
    margin: 0 0 20px 250px;
}
#score_info table{
    width: 100%;
}
#score_info caption{
    background-color: #c0c0c0;
}
#score_info th{
    width: 50%;
    background-color: #f0f0f0;
}
#score_info td{
    text-align: left;
    background-color: #f9f9f9;
    padding: 0 0 0 5px;
}

.rank{
    display: none;
    width: 500px;
    background-color: #e0e0e0;
    margin: 0 0 20px 150px;
}
.rank table{
    width: 100%;
}
.rank caption{
    background-color: #c0c0c0;
}
.rank tr{
    text-align: center;
    height: 30px;
}
.rank td{
    background-color: #f9f9f9;
}
.rank td.avatar_image{
    width: 30px;
    height: 30px;
}
.rank td.avatar_image img{
    width: 30px;
    height: 30px;
}
.rank td .rank{
}
.rank td .score{
}

/*
10 	 77
11 	 85
12 	 93
13 	 100
14 	 108
15 	 116
16 	 123.1
17 	 131
18 	 138.5
19 	 146.5
20 	 153.9
21 	 161.6
22 	 167
23 	 174
24 	 182
25 	 189
26 	 197
*/