@media screen {
    body {
    	background: #FFCC66;
    }
    h1 {
    	color: #00FF00;
    	background: #00FFFF;
    	border: 15px dotted #800080;
    }
    h2 {
    	color: #FF88FF;
    	background: #00FFFF;
    	border: 15px dotted #FFFF22;
    }
    p {border: 10px solid #4689FF;}
    div.italy {background: white;}
    div.red {background: red;}
    div.green {background: green;}
}

h1 {
    text-align: center;
    text-decoration: underline;
    margin:1ex;
    font-size:70px;
}

h2{
    text-decoration: underline;
    text-align: center;
    border-width: thick;
    margin:1ex;
    font-size:70px;	
}

p {
    padding: 2em 3ex;
    line-height: 180%;
}

p.mite:active + p.hyo {display: block;}
p.hyo {display: none;}

.sakana li{
  list-style-image: url("hirame.jpg");
  float:right;
}

.sakana .sya:hover {
	list-style-image: url(inada.jpg)
	}

.sakana .sya:active {
	list-style-image: url(shokko.jpg);
	}

table, tr, td, th {border: 2px solid}
th:first-child {background: red;}
th:last-child {background: blue;}
.red {color:red}
.blue {color:blue}

div.italy {
           border: 1px solid black; width: 18ex; height: 12ex;
           }

div.red {
         position: relative; left: 12ex; height: 12ex; width: 6ex;
         }

div.green {
           position: relative; left: 0ex; height: 12ex; width: 6ex;
           top:-12ex;
           }