body{background-color:#222233; color:#222233; text-align:center; line-height:140%; margin:0; padding:0;}

a:link{color:hotpink;}
a:visited{color:hotpink;}
a:hover{color:crimson;}
a:active{color:crimson; text-decoration:none;}

#page{width:712px; margin:auto;}
#header{background-color:black; margin:0;}
#menu{background-color:black; margin:0 auto; height:40px;}
#menu img{margin:1px;}
#wrap{background-color:black; padding:10px 0;}
#footer{background-color:black; margin:auto; width:712px;}


h1{font-size:1.6em; background-color:yellow; margin:20px auto; padding:4px; border:5px solid gold; color:black;}
h2{font-size:1.4em; background-color:black; margin:60px auto 20px; padding:6px; border:2px solid #66ffff; color:ghostwhite;}
h3{padding:5px; margin:0; font-size:1.1em; font-weight:bold; border-bottom:1px dashed gold; color:crimson;}
h3:before {content:"¡ö";}


.pickup{background-color:#444455; margin:20px auto; padding:10px; border:5px solid #222233; width:500px; color:ghostwhite;}
.field{background-color:ghostwhite; margin:20px auto; padding:10px; text-align:left; border:2px solid #777788; width:600px;}
p{padding:6px; margin:0; font-size:0.9em;}

#wrap table{font-size:smaller; color:steelblue; border:1px dashed steelblue; margin:10px; line-height:150%;}

.N{color:#0099ff; font-weight:bold;}
.G{color:#666699; font-weight:bold;}
.C{color:red; font-weight:bold;}
.date{color:darkorange; font-size:smaller; text-align:right; font-weight:bold;}
.kakko{font-size:0.8em;}

hr{margin:5px 0; border:none; border-top:1px dashed #9999aa;}

.copyright{font-size:0.8em; text-align:right; color:ghostwhite; padding:2px 5px;}

#uso{border:2px ghostwhite solid; background-color:black; font-weight:bold; margin:50px auto 20px; padding:2px;}
#uso a:link{color:ghostwhite;}
#uso a:visited{color:ghostwhite;}
#uso a:hover{color:red;}
#uso a:active{color:red;}



@media screen and (max-width: 750px){
body{width:100%;}
#page,#footer{width:100%;}
#header a img{max-width:21%;}
#header img{max-width:79%; height:auto;}
#menu{height:auto;}
#menu img{max-width:20%; margin:0; height:auto;}
img{max-width:99%; height:auto;}
#wrap{padding:10px 0;}
.pickup,.field{max-width:95%; padding:0;}
h1{margin:0 auto;}
h2{margin:30px auto 0;}
}