* {margin: 0;padding: 0;}

body,html {margin-left: 0px; margin-right:0px; margin-top:0px; margin-bottom:0px; 
	padding-left: 0px; padding-right:0px; padding-top:0px; padding-bottom:0px; 
	font-family: "Baskerville","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal;color: #333333; line-height: 1.4;
height: 100%;}

.cycle-slideshow { width: 100%; z-index: position: relative; z-index: 0;  }
.cycle-slideshow img { width: 100%; height: auto; }
.cycle-pager { text-align: left; width: 100%; z-index: 500; position: absolute; bottom: 0px; left: 10px; overflow: hidden;}
.cycle-pager span {  font-family: arial; font-size: 50px; width: 16px; height: 16px;  display: inline-block; color: #fff; cursor: pointer; }
.cycle-pager span.cycle-pager-active { color: #4A72C8;}
.cycle-pager > * { cursor: pointer;}
#slideshow img { display: none }
#slideshow img.first { display: block }

@font-face {
	font-family: 'FelixTitlingMT';
	src: url('FelixTitlingMT.eot?#iefix') format('embedded-opentype'),  
		url('FelixTitlingMT.woff') format('woff'), 
		url('FelixTitlingMT.ttf')  format('truetype'), 
		url('FelixTitlingMT.svg#FelixTitlingMT') format('svg');
	font-weight: normal; 
	font-style: normal;
}

@font-face {
    font-family: 'Hobbiton';
    src: url('Hobbiton.eot');
    src: url('Hobbiton.eot?#iefix') format('embedded-opentype'),
        url('Hobbiton.woff2') format('woff2'),
        url('Hobbiton.woff') format('woff'),
        url('Hobbiton.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville';
    src: url('BaskOldFace.eot');
    src: url('BaskOldFace.eot?#iefix') format('embedded-opentype'),
        url('BaskOldFace.woff2') format('woff2'),
        url('BaskOldFace.woff') format('woff'),
        url('BaskOldFace.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "Kaisei Opti", serif;
  font-weight: 400;
  font-style: normal;
}



#headermenu {display: inline-block; }
#headermenu a {
	font-family: 'FelixTitlingMT';
	font-size: 1.1em;
	font-weight: bold;
	color: #e0a32e;
	background: -webkit-linear-gradient( #fff186, #8b4d10);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	position: relative;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 0 15px 1px 15px;
   transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
}
#headermenu a:hover {
}
#headermenu a:after {
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
#headermenu a:hover:after {
	width: 100%;
	background: #e0a32e;
}

#MinimenuButton {display: none; position: relative; z-index: 5;}
#MinimenuButton a {
	font-family: 'FelixTitlingMT';
	font-size: 2em;
	font-weight: bold;
	color: #e0a32e;
	background: -webkit-linear-gradient( #fff186, #8b4d10);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	position: relative;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-left: 3px;
   transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
	}
#MinimenuBtton a:hover {
      opacity: 0.7;
}
#MinimenuButton a span {font-weight: normal;}


#headermenumini {margin: 0 auto; width: 100%; box-sizing: border-box; background: rgba(0,0,0,0.7);
	position: relative; top: 0;
 	z-index:2; 
}
#headermenumini a {
	font-family: 'FelixTitlingMT';
	font-size: 1.4em;
	font-weight: bold;
	color: #e0a32e;
	background: -webkit-linear-gradient( #fff186, #e0a32e);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	text-decoration: none;
	text-align: center;
	line-height: 60px;
	width: 100%; 
	display: table;
   transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
}
#headermenumini a:hover {
	color: red;
}





.fadeout {
   opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;

   }
   .fadeout:hover {
      opacity: 0.7;
      }

.flickout {
   opacity: 1;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;

   }
   .flickout:hover {
      opacity: 0.5;
      }

.logobump {
   position: relative;
   top: 0px;
   transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;

   }
   .logobump:hover {
      top: -10px;
      }

img {  border-style: none; display: inline-block; max-width: 100%;}
input { height: 26px; font-family: "Verdana","Meiryo","ＭＳ Pゴシック";}
select { height: 26px; font-family: "Verdana","Meiryo","ＭＳ Pゴシック";}
textarea { font-family: "Verdana","Meiryo","ＭＳ Pゴシック";}
ul { margin-left: 10px; padding-left: 10px; }
ol { margin-left: 20px; padding-left: 20px; }

a:link {  font-family: "Baskerville","Kaisei Opti","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #000080; text-decoration: underline}
a:visited {  font-family: "Baskerville","Kaisei Opti","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #000080; text-decoration: underline}
a:hover {  font-family: "Baskerville","Kaisei Opti","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #0000c0; text-decoration: underline}
a:active {  font-family: "Baskerville","Kaisei Opti","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #000080; text-decoration: underline}

a.footer:link {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none;  text-shadow: 1px 1px 3px black;}
a.footer:visited {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 3px black;}
a.footer:hover {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none; text-shadow: 0px 0px 3px white, 0px 0px 3px white, 0px 0px 3px white;}
a.footer:active {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none; text-shadow: 1px 1px 3px black;}

a.copyright:link {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #333333; text-decoration: none}
a.copyright:visited {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #333333; text-decoration: none}
a.copyright:hover {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #333333; text-decoration: underline}
a.copyright:active {  font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1em; font-style: normal; font-weight: normal; color: #333333; text-decoration: none}

table.GREY { border-style: solid; border-width: 1px; border-color: #999999}
td.GREY { border-style: solid; border-width: 1px; border-color: #999999}

table.GREYcolour { border-style: solid; border-width: 1px; border-color: #cccccc}
td.GREYcolour { border-style: solid; border-width: 1px; border-color: #cccccc; padding: 3px;}

table.white { border-style: solid; border-width: 1px; border-color: #ffffff}
td.white { border-style: solid; border-width: 1px; border-color: #ffffff}

a.BLUEring, a.BLUEring:link, a.BLUEring:visited, a.BLUEring:active{ display:block;border:1px solid #ca8e4e;}
a.BLUEring:hover { display:block; border:1px solid #0000c0;}

hr {color: #ca8e4e; background-color: #ca8e4e; border: 0px; height: 1px; width: 100%;}

input.big {font-family: "Hobbiton","Kaisei Opti","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1.6em; width: auto; min-width: 250px; height: 60px; background: #000080; border: 0; line-height: 60px; color: white; 
   opacity: 1;
   transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;

   }
   input.big:hover {
      color: #ffffff;
	background: #000000;
      }

h1 {font-family: "Hobbiton","Kaisei Opti","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 3.2em; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; margin-bottom: 10px; text-align: center;}
	h1::after  {content: ""; display: block; width: 80%; height: 3px; margin: 10px auto;
	background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0));
	background: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0));
	background: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0));}
h2 { font-family: "Baskerville","Kaisei Opti","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 2.4em; font-style: normal; font-weight: normal; color: #000080; text-decoration: none}
h3 { font-family: "Baskerville","Kaisei Opti","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1.6em; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}
b,strong { font-family: "Baskerville","Kaisei Opti","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1.1em; font-style: normal; font-weight: bold; color: #333333; text-decoration: none}
p,td,li { font-family: "Baskerville","Kaisei Opti","Verdana","Meiryo","ＭＳ Pゴシック"; font-size: 1.4em; font-style: normal; font-weight: normal; color: #333333; text-decoration: none; line-height: 1.4;}
p.footer { font-family: "Verdana"; font-size: 1em; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none;  text-shadow: 1px 1px 3px black;}
b.footer {font-family: "Verdana","Meiryo","ＭＳ Pゴシック"; color: white; text-shadow: 1px 1px 3px black;}
b.footer2 {color: white; font-size: 1em; text-shadow: 1px 1px 3px black;}
li.footer {color: white; font-size: 1em; text-shadow: 1px 1px 3px black;}
hr.footer {color: #ffffff; background-color: #ffffff; margin-top: 10px; margin-bottom: 10px;}


/* LAYOUT DEFINITIONS */
#center {width: 70%; margin: 0 auto;}

#header { background: #333333 url(../images/background-header.jpg) repeat-x center center; position: sticky; top: 0;z-index: 5;}
#headergolddark {height: 1px;
	background: -moz-linear-gradient(left, black, #42210e, #8b4d10, #e0a32e, #8b4d10, #42210e, black);
	background: -webkit-linear-gradient(left, black, #42210e, #8b4d10, #e0a32e, #8b4d10, #42210e, black);
	background: -ms-linear-gradient(left, black, #42210e, #8b4d10, #e0a32e, #8b4d10, #42210e, black);
	background: -o-linear-gradient(left, black, #42210e, #8b4d10, #e0a32e, #8b4d10, #42210e, black); 
	}
#headergold {height: 2px; box-shadow: black 0 3px 5px;
	background: -moz-linear-gradient(left, #42210e, #8b4d10, #e0a32e, #fff186, #fefbcc, #fff186, #e0a32e, #8b4d10, #42210e);
	background: -webkit-linear-gradient(left, #42210e, #8b4d10, #e0a32e, #fff186, #fefbcc, #fff186, #e0a32e, #8b4d10, #42210e);
	background: -ms-linear-gradient(left, #42210e, #8b4d10, #e0a32e, #fff186, #fefbcc, #fff186, #e0a32e, #8b4d10, #42210e);
	background: -o-linear-gradient(left, #42210e, #8b4d10, #e0a32e, #fff186, #fefbcc, #fff186, #e0a32e, #8b4d10, #42210e);
	}
	#headerframe {display: table; width: 70%; height: 50px; margin: 0 auto; border: blue 0px solid; position: relative; z-index: 5;}
	#header1 {display: table-cell; vertical-align: middle; text-align: left; border: red 0px solid; 
	color: #e0a32e; width: 50%;
	background: -webkit-linear-gradient( #fff186, #8b4d10);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;}
	#header2 {display: table-cell; vertical-align: middle; text-align: center; border: red 0px solid; min-width: 130px; width: 130px;}
	#header3 {display: table-cell; vertical-align: middle; text-align: right; border: red 0px solid; width: 50%;}
#headerlogo {text-align: center; position: relative; z-index: 6; pointer-events: none;}
#logo {position: relative; z-index:3; margin-top: -30px; margin-bottom: 0px;}
#stickylogo {position:relative; z-index:3; top: 5px; display: block;}

#bodyheader {box-sizing: border-box; background: url(../images/background-papertop.png) no-repeat bottom center; background-size: 100% auto; border: red 0px solid;width: 100%; height: calc(70vw/12); position: relative;}
#bodywrapper {display: table; box-sizing: border-box; background: url(../images/background-paper.png) repeat-y top center; background-size: 100% auto; width: 100%; border: red 0px solid;position: relative;}
#bodyfooter {box-sizing: border-box; background: url(../images/background-paperbottom.png) no-repeat top center; background-size: 100% auto; width: 100%; height: calc(70vw/9); border: blue 0px dashed;position: relative; top: -40px;}
#body {display: table-cell; border: blue 0px solid; padding: 20px 50px 30px 50px; vertical-align: top;}
#marginright {display: table-cell; padding: 20px 50px 30px 3px; border: yellow 0px solid; vertical-align: top; box-sizing: border-box; width: 250px;}
#hometop3 {display: inline-block; border: red 0px solid; text-align: center; width: 32%; vertical-align: top;}
	#hometop3 p {padding: 20px; text-align: left;}

#footer {width: 100%;}
.footerbox {display: inline-block; width: 220px; color: white; font-size: 0.9em; vertical-align: top; margin-right: 20px; margin-bottom: 20px; text-align: left;}
#footerline {height: 3px; margin-top: 7px;
	background: white;
	background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
	background: -ms-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
	background: -o-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));}
#footerlogo {width: 300px;}
textarea { width: 400px; }
input { width: 400px; }
.blogstretch {height: auto;}


/* TINYMCE IMAGE & VIDEO RESIZING*/
.youtube {width: 100%; height: auto; border: #cccccc 0px solid; box-sizing: border-box; }
@media screen and (max-width:1500px) { img.image1000 {width: 100%; height: auto;} object.image1000 {width: 100%; height: 100%;}}
@media screen and (max-width:1400px) { img.image900 {width: 100%; height: auto;} object.image900 {width: 100%; height: 100%;}}
@media screen and (max-width:1300px) { img.image800 {width: 100%; height: auto;} object.image800 {width: 100%; height: 100%;} }
@media screen and (max-width:1200px) { img.image700 {width: 100%; height: auto;} object.image700 {width: 100%; height: 100%;}}
@media screen and (max-width:1100px) { img.image600 {width: 100%; height: auto;} object.image600 {width: 100%; height: 100%;} .youtube {width: 80vw; height: 45vw; }}
/* REMOVE 300px AT NO MARGIN BREAK POINT */
@media screen and (max-width:500px) { img.image500 {width: 100%; height: auto;} object.image500 {width: 100%; height: 100%;}}
@media screen and (max-width:400px) { img.image400 {width: 100%; height: auto;} object.image400 {width: 100%; height: 100%;}}




/* MEDIUM VERSION REFINEMENTS */
@media screen and (max-width:1300px) { 
#center{width: 80%;}
#bodyheader {height: calc(80vw/12);}
#bodyfooter {height: calc(80vw/9);}
#headerframe {width: 80%;}
}

@media screen and (max-width:1100px) { 
#headermenu a {	padding: 0 10px 1px 10px;}
#body  {display: block;}
#marginright {display: block; width: 100%;padding: 20px 50px 30px 50px;}
}

@media screen and (max-width:1000px) { 
#headermenu a {	padding: 0 7px 1px 7px;}
}

@media screen and (max-width:900px) { 
#center{width: 85%;}
#headermenu { display: none;}
#headerframe, #header1 {position: relative;}
#logo {margin-top: 10px;}
#MinimenuButton {display: block; box-sizing: border-box;}
#body {padding: 20px 40px 30px 40px;}
}

@media screen and (max-width:750px) {
.resizeiframe {width: 100%; height: auto; min-height: 42vw;}
}

@media screen and (max-width:600px) { 
#center{width: 90%;}
#bodyheader {height: calc(90vw/12);}
#bodyfooter {height: calc(90vw/9); top: -20px;}
#footerlogo {width: 200px;}
#headerframe {width: 90%;}
#body {padding: 20px 30px 30px 30px;}
textarea { width: 300px; }
input { width: 300px; }
.resizeiframe {min-height: 46vw;}

}


/* MOBILE VERSION REFINEMENTS */
@media screen and (max-width:480px) { 
#header1 {width: 20%;}
#header3 {width: 80%;}
#center{width: 94%;}
#logo {width: 80%;}
#body {padding: 20px 20px 30px 20px;}
h1 {font-size: 2.8em;}
h2 { font-size: 2em;}
h3 { font-size: 1.3em;}
b,strong { font-size: 1.1em;}
p,td,li{ font-size: 1.1em;}
textarea { width: 100%; }
input { width: 100%; }
#MinimenuButton span {display: none;}
.resizeiframe {min-height: 48vw;}
}


/* PRINT VERSION REFINEMENTS */
@media print { 
#headermenu{display: none !important; width: 0%;}
#center {width: 100%;}
}