@charset "UTF-8";

body{
margin:0;
}

h1 a {text-decoration: none;}
h1 a:link { color: #efefef; }
h1 a:visited { color: #efefef; }
h1 a:hover { color: #efefef; }
h1 a:active { color: #efefef; }

h2 a {text-decoration: none;}
h2 a:link { color: #efefef; }
h2 a:visited { color: #efefef; }
h2 a:hover { color: #efefef; }
h2 a:active { color: #efefef; }
li { margin:0; }

h1{
margin: 0;font-size: 22px;
background-color: #2b6ede;
padding: 10px;
text-align: center;
}

h2{
margin: 0;font-size: 18px;
background-color: #2b6ede;
padding: 10px;
text-align: center;
color: #ccf;
}

div.backl{
text-align: center;
margin: 5px auto 5px;
background: #ccdfff;
padding: 5px;
width: 50%;
border-radius: 10px;
}
div.backl a {text-decoration: none;}
div.backl a:link { color: #000000; }
div.backl a:visited { color: #000000; }
div.backl a:hover { color: #000000; }
div.backl a:active { color: #000000; }

div.backe{
text-align: center;
margin: 0 auto 10px;
background: #ffccdf;
padding: 5px;
width: 80%;
border-radius: 10px;
}
div.backe a {text-decoration: none;}
div.backe a:link { color: #000000; }
div.backe a:visited { color: #000000; }
div.backe a:hover { color: #000000; }
div.backe a:active { color: #000000; }

div.desp{
text-align: center;
margin: 0 auto 0px;
background: #cff;
padding: 5px;
width: 80%;
border-radius: 10px;
}

ul{
margin: 0;
padding: 0 0 5px 20px;
}

/* -------------------------------------------------  */

.page{
width:100%; 
max-width:960px; 
margin:0 auto 0;
}

.play{
width: 90%;
background-color: #eee; 
border: 1px solid #999;
padding: 10px; 
border-radius: 10px;
margin:0 auto;
}

table.sud{
text-align: center;
margin: 0 auto 0;
border-collapse: collapse;
border:4px solid #000;
}
table.sud td{
width: 9vmin;
height: 9vmin;
background-color: #ffffff;
border:1px solid #000;
}
table.sud tr:nth-child(3n){
border-bottom:4px solid #000;
}
table.sud td:nth-child(3n){
border-right:4px solid #000;
}