main {max-width:818px; margin:auto; padding:0 1em;}
main ul#bread li {margin:1em 0; width:auto; display:inline-block;}
main div#sumnail li {
	display:inline-block;
	margin-bottom:1em;
	width:200px;
}
main div#sumnail li img {
	display:block;
}
main div#sumnail li a {
	font-size:small;
}
h1 {
  text-shadow:1px 1px 1px #cccccc;
}
.pagetop {
  font-size:small;
  text-align:right;
}
.pagetop a:before {
  content:"▲";
}
body {
  background-image: url("../include/images/bg/hiru.gif");
}
a:link {
  text-decoration:none;
}
a:active {
  text-decoration:underline;
}
a:visited {
  text-decoration:none;
}
@media screen and (max-width:768px){
nav {
	overflow:scroll;
}
nav td a {
	padding:8px 16px;
}
main div#sumnail li img {
	width:100%;
}
h2 {
	font-size:large;
	border-bottom:2px solid #c00;
	margin:1em 0;
}
h2 span {
	font-size:medium;
	position:relative;
	top:3px;
}
main div#sumnail li {
    width: 100%;
}
}
@media screen and (min-width:769px){
main div#sumnail li img {
	max-width:200px;
}
.ad {
  max-width:860px;
  height:auto;
  margin:auto;
}
p.ad + section {
  margin-top: 40px;
  margin-bottom: 40px;
}
h2 {
  font-size:x-large;
  border-bottom:2px solid #c00;
  margin:0.5em auto;
  text-shadow:1px 1px 1px #cccccc;
}
}