@charset "UTF-8";
body {
	background-color:#fffca3;
	font-size:15pt;
	margin:10px 1vw;
	width:auto;
}

a:link {
	color:#0000ff;
	text-decoration:underline;
}

a:visited{
	color:#800080;
	text-decoration:underline;
}

a:hover {
	color:#ff0000;
	text-decoration:underline;
	background:#ffcccc;
}

a:active {
	color:#00ff00;
	text-decoration:underline;
	background:#ccffcc;
}

p {
	color:#000000;
}

h1 {
	color:#cc6060;
	font-size:20pt;
}

h2 {
	color:#669966;
	font-size:16pt;
}

h4 {
	color:#000080;
}

address {
	text-align:right;
}

table {
	font-size:12pt;
}

.red {
	color:#cc0066;
}

.left  {
	text-align:left;
}

.center {
	text-align:center;
}

.right  {
	text-align:right;
}

.bgyellow {
	background-color:#f0f080;
}

.bgpink {
	background-color:#f080f0;
}

.bggreen {
	background-color:#80f080;
}

.bgblue {
	background-color:#bbbbff;
} 

float_l {
	float: left;
}

header {
	display: block;
	width: 100%;
	height: 210px;
	background-color: #ffe06b;
	align-items: center;
}
 
.title {
	margin-top: auto;
	margin-bottom: auto;
	text-align:center;
	font-size:50pt;
}
 
.menu-item {
	display:block;
	text-align:center;
	background-color#ffeecc;
	border-style:solid;
	width: 24vw;
	padding: 10px 1vw;
	margin-left: 1.1vw;
	margin-right: 1.1vw;
}

nav {
	width: 100%;
}

.containerindex {
	background-image: url("koganeiimg/backimg.jpg");
	background-size: cover;
	margin-bottom: 10px;
	text-align:center;
}
h1.index {
	padding-top: 12vh;
	font-size:35pt;
	color:#ffffff;
}
p.index {
	padding-bottom: 12vh;
	font-size:30pt;
	color:#ffffff;
}
.container {
	
}

iframe.movie {
	width: 60vw;
	height: 60vh;
}

iframe.image {
	min-width: 400px;
	min-height: 300px;
}

.movie {
	text-align:center;
	padding-bottom: 7vh;
}

.wrapper{
    height: 100%;
    min-height: 100vh;
    position: relative;
    padding-bottom: 120px;
    box-sizing: border-box;
}

footer{
    width: 100%;
    background-color: #e2ff6b;
    color: #fff;
    text-align: center;
    padding: 30px 0px;
    position: absolute;
    font-size:12pt;
}
.float_l1 {
	float: left;
	margin-left: 5vw; 
}

.float_l2 {
	float: left;
}