body {font-family: Georgia, serif; color: #443333; font-size: 16px; background-color: #efeadc;}

a:link {color: #110000;} a:visited {color:#443333;} a:hover {color:#cc0000;} a:active {color:#cc0000;}

.main {width:760px; margin: 0 auto;}
.dotted { padding: 12px 18px; border: 1px dotted gray; margin: 5px;}
.dotted-combined {display: inline-block; border: 1px dotted gray; margin:0, 5px, 0, 0;}
.block { padding: 12px 18px;}
.categories a:link, .categories a:visited {color:#aa9999;}
.video-container { position: relative;  padding-bottom: 56.25%;  padding-top: 30px;  height: 0;  overflow: hidden; margin-bottom:1em; }
.video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%;}

p {font-size: 16px;}
input {font-family: Georgia, serif; font-size: 16px; color: #776666;}
h1 { font-size: 28px; margin: 12px auto 0;} h2 { font-size:16px; } h3 {font-size:20px;} h4 {font-size: 18px;} h5 {font-size: 16px} h6 {font-size: 14px;}
.footnote {font-size: 14px; color: #aa9999; margin:0;}
li {list-style-type: square;}

.detail_table th, .detail_table td {padding: 10px; border-bottom: brown 1px dotted;}
.pagination li {display:inline;}

@media screen and (max-width: 800px) 
{
.main {width:100%; margin: 0 auto;}
.dotted img {width: 100%; height: auto;}
}