body {
	font-family: Verdana;
	font-size: 11pt;
	background-image: url("img/kapira.gif");
	background-repeat: no-repeat;
	background-position: top right;
	line-height: 120%;
}

a:link {
	color: #1100cc;
	text-decoration: none;
	border-style: none;
	border-width: 1px;
}

a:visited {
	color: #0000ee;
	text-decoration: none;
	border-style: none;
	border-width: 1px;
}

a:active {
	text-decoration: none;
	border-width: 1px;
}

a:hover, a:focus {
	color: #1100cc;
	background-color: #ddccff;
	border-style: none;
	border-width: 1px;
}

p {
	line-height: 120%;
}

h1 {
	font-size: 21pt;
}

h2 {
	font-size: medium;
}

img.fit {
	max-width:100%; /* 画像の最大幅 */
	width /***/:auto; /* IE8のみ */
	height:auto;
	vertical-align:bottom;
}

img.none {
	float: none;
}

img.left {
	float: left;
}

em {
	font-style: normal;
	color: #EE3300;
}

em.update {
	font-style: normal;
	color: #FF5500;
}

strong {
	color: #FF3311
}

div.menu {
	position: absolute;
	top: 8px;
	left: 4px;
	width: 160px;
	font-size: 9pt;
	font-family: "MS UI Gothic";
}

div.menu a {
	text-align: center;
	background-color: #ffffee;
	width: 100%;
}

div.menu p {
	text-align: center;
	width: 100%;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

div.content {
	margin-left: 164px;
	margin-right: 5em;
	padding-left: 4px;
	border-style: solid;
	border-color: #000000;
	border-width:0px 0px 0px 1px;
}

@media screen and (max-width: 480px) {

h1 {
	font-size: x-large;
}

div.content {
	margin-left: 2px;
	margin-right: 2px;
	border-style: solid;
	border-color: #000000;
	border-width:0px 0px 0px 0px;
}

div.menu {
	position: static;
	margin-left: 2px;
	margin-right: 2px;
	top: 8px;
	left: 4px;
	width: 100%;
	font-size: 9pt;
	font-family: "MS UI Gothic";
}



}