@media screen {
  html, body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: left;
    overflow-x: auto;
  }
  body {
    width:100%; 
    color: #000;
    background: #eee;
    font-family: Tahoma, Arial, Verdana, serif;
    font-size:60px; 
  }
  p.jline {  
    width: 100%;
    text-align: right;
    vertical-align: top;
    font-size:36px; 
    border-bottom: 1px double #888;
    padding: 2px 0px 2px 0px; 
    margin: 0px; 
  }
  p.jline a, p.jline a:visited {
    vertical-align: top;
    color: #864;
    font-size:24px; 
    padding: 2px 8px 2px 8px;
    text-decoration: none;
  }
  p.menu {  
    width: 96%;
    text-align: left;
    font-size:40px; 
    padding: 0px 0px 8px 8px; 
    margin: 8px 8px;
    border-bottom: 1px double #888;
  }
  p.menu span {  
    font-weight: bold; 
    background-color: #aea;
    padding: 2px 8px 2px 8px;
    margin: 0px;
  }
  p.menu a, p.menu a:visited {  
    font-weight: bold; 
    padding: 2px 8px 2px 8px;
    color: #864;
    text-decoration: none;
  }
  p.submenu {  
    width: 100%;
    text-align: left;
    font-size:40px; 
    padding: 0px 0px 8px 0px; 
    border-bottom: 1px double #888;
  }
  p.submenu span {  
    font-weight: bold; 
    background-color: #aea;
    padding: 2px 8px 2px 8px;
    margin: 8px 8px;
  }
  p.submenu a, p.submenu a:visited {  
    font-weight: bold; 
    padding: 2px 8px 2px 16px;
    color: #864;
    text-decoration: none;
  }
  p.comment {  
	font-size: 24px;
	font-weight: bold;
	padding: 0px 16px;
  }
  p.comment a, p.comment a:visited {
    color: #008;
    text-decoration: none;
  }
  p.comment {  
	font-size: 24px;
	font-weight: bold;
	padding: 0px 16px;
  }
  p.comment a, p.comment a:visited {
    color: #008;
    text-decoration: none;
  }
  span.sm {  
	font-size: 12px;
  }
  span.letter {  
	font-size: 22px;
	font-weight: bold;
	color: #f44;
  }
  p.data {  
	font-size: 20px;
	font-weight: bold;
	padding: 0px 0px 0px 40px;
	margin: 0px;
  }
  p.data a {
    color: #008;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;	
  }
  span.hint {  
	color: #888;
	font-size: 24px;
	padding: 0px;
	margin: 0px;
  }
  table.duel {
    width: 100%;
    padding: 8px 8px 60px 8px;
  }
  table.duel td {
	  font-size: 40px;
	  text-align: center;
	  padding: 16px;
  }
  th.setup {
	  font-size: 24px;
	  text-align: left;
	  padding: 0px 48px;
  }
  td.setup {
	  font-size: 24px;
	  text-align: left;
	  vertical-align: top;
  }
  a.song, a.song:visited {
    font-weight: bold; 
    padding: 2px 8px 8px 8px;
    margin: 24px 8px;
  }
  a.reswin, a.reswin:visited {
    color: #fff;
    font-size:60px; 
    font-weight: bold; 
    background-color: #4a4;
    padding: 4px 16px;
    margin: 24px 8px;
    text-decoration: none;
  }
  a.resdraw, a.resdraw:visited {
    color: #fff;
    font-size:60px; 
    font-weight: bold; 
    background-color: #a86;
    padding: 2px 8px 2px 8px;
    margin: 8px 8px;
    text-decoration: none;
  }
  a.pass, a.pass:visited {
    color: #fff;
    font-weight: bold; 
    font-size: 60px; 
    background-color: #228;
    padding: 4px 16px;
    margin: 8px 16px;
    text-align: center;
    text-decoration: none;
  }
  p.first {  
	font-size: 20px;
	font-weight: bold;
	padding: 32px 0px 0px 6px;
	margin: 0px;
  }
  p.first a {
    color: #000;
	font-size: 20px;
	font-weight: bold;
	padding: 32px 0px 0px 6px;
	text-decoration: none;	
  }
  table.rating {
    width: 100%;
    padding: 8px 8px 40px 8px;
  }
  table.rating tr.incl {
    background-color: #ccf;
  }
  table.rating tr.del {
    background-color: #fcc;
  }
  table.rating tr.ret {
    background-color: #ded;
  }
  table.rating td {
    text-align: left;
    font-size:24px;     
    padding: 4px 8px;
    border-bottom: 1px dotted #444;
  }
  table.rating td.cen {
    text-align: center;
  }
  table.rating td.yline span {
    font-size:18px; 
  }
  table.rating td span.up {
    color: #080;
    font-size:18px; 
  }
  table.rating td span.down {
    color: #800;
    font-size:18px; 
  }
  table.rating td a, table.rating td a:visited {
    color: #864;
    font-weight: bold;
    text-decoration: none; 
  }
  table.setup {
    width: 100%;
    padding: 8px 8px 24px 8px;
  }
  td.m1 {
    text-align: left;
    padding: 0px 16px;
  }
  td.m2 {
    text-align: right;
    padding: 0px 16px;  
  }
  table.insert td {
	font-size: 12px;
  }
  form.setup input {
    transform:scale(2);
	font-size: 12px;
    padding: 2px;
    margin: 4px 16px 4px 48px;
  }
  form.setup p {
    vertical-align: top; 
    padding: 2px;
    margin: 4px;
  }
}