body {
	line-height: 150%;
	background-color: beige;
	margin:0;
	padding-top: 70px;
}

body.sl{
	background:url(../img/bg1.png);
}

body.ag{
	background:url(../img/bg3.png);
}

div.htitle{
	position: fixed; 
	top: 0px;
	width:100%;
	height: 60px;
	border-bottom: 3px ridge;
}

div.flex{
	display: flex;
	align-items: center;
}

div.htitle.sl{
	background:url(../img/bg2.png);
}

div.htitle.ag{
	background:url(../img/bg4.png);
}

div.htitle_head{
	font-weight:bold;
	font-size:100%;
	padding-left: 2%;
}

div.maindoc{
	padding-left: 5%;
	padding-right: 3%;
}

div.pf{
	padding-top: 60px;
	margin-top: -60px;
}

p {
	margin:0px 0px;
	line-height: 150%;
}

p.space {
	padding: 10px 0px
}

h1 {
	font-size: 150%; 
	margin:5px 0px; 
}

h2 {
	font-size: 120%; 
	margin:0px 0px; 
	padding: 5px 0px;
}

h3 {
	font-size: 100%; 
	margin:0px 0px; 
	text-align: center
}

h4 {
	font-size: 100%; 
	margin:10px 0px 5px; 
}

blockquote {
	border: inset; 
	font-size: 90%; 
	padding: 10px 5px; 
	background-color:antiquewhite;
	margin:1%;
}

blockquote.bg_white {
	background-color:white
}

.indent{
	color:#404000;
	margin:0px 0px 0px 25px; 
}

div.footer{
	letter-spacing: 30px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.buttons{
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 3%;
}

div.haraiya_soudan{
	width: 90%;
	background-color:papayawhip;
	padding: 10px 10px;
	border: 1px solid gray;
}

div.haraiya_mail{
	width: 200px;
	background-color:snow;
	padding: 10px 10px; 
	border: 1px solid gray;
}

div.haraiya_kaito{
	position: center;
	padding: 0px 10px; 
}

p.h1 {
	line-height: 150%; 
	font-size: 100%; 
	font-weight: bold; 
	margin:5px 0px; 
}

p.h2 {
	line-height: 135%; 
	font-size: 90%; 
	margin:0px 10px;
}

p.h2cont {
	line-height: 135%; 
	font-size: 80%; 
	margin:5px 0px;
}

p.lead {
	line-height: 135%; 
	font-size: 90%; 
	margin:10px 20px; 
}

p.cntimg {
	line-height: 150%; 
	margin:10px 10px;
}

table{
	width: 100%;
	border: 1px solid;
}

div.cont{
	margin: 10px;
}

img{
	margin-left:2px;
}

img.image{
	border:1px solid gray;
	float:right;
}

img.largeimage{
	border:1px solid gray;
	width:100%;
}

img.capture{
	border:1px solid gray;
	width:300px;
	float:left;
	margin-right:8px;
}

img.hartchar{
	width:0.9em;
}

.redblink {
  animation: blinkAnime 1.5s infinite alternate;
}

@keyframes blinkAnime{
   0% { color: antiquewhite }
 100% { color: #ff0000 }
}

@media (max-width:480px) {

	div.htitle{
		margin:0;
		position: fixed; 
		top: 0px;
		width:100%;
		height: 60px;
		padding-left: 1%;
		padding-right: 1%;
		border-bottom: 3px ridge;
	}

	div.htitle_head{
		white-space: nowrap;
		font-weight:bold;
		font-size:80%;
		padding-top: 4px;
		padding-left: 2px;
	}

	p {
		margin:0px 0px;
		line-height: 125%;
	}

	table{
		font-size:80%;
	}

	img.image{
		width:100%;
		margin-top:10px;
		margin-bottom:10px;
	}

	img.largeimage{
		width:100%;
	}

	img.capture{
		width:60%;
		float:left;
	}
}