*
{margin:0px; padding:0px;}

body
{text-align:left; vertical-align:top; border:none;}

.logo
{position:relative; margin:auto; width:88%; height:fit-content; vertical-align:top; margin-bottom:4px;}
.nav
{position:relative; margin:auto; width:100%; padding-left:6%; padding-right:6%; height:fit-content; vertical-align:top; padding-top:2px; padding-bottom:2px; 
background:linear-gradient(to right, #486e93, #9ab1cb, #dde3ea, #dde3ea, #dde3ea, #dde3ea, #dde3ea, #dde3ea, #9ab1cb, #486e93);}
.contents
{position:relative; margin:auto; width:88%; height:auto; vertical-align:top;}
.footer
{position:relative; margin:auto; width:88%; vertical-align:top; margin-top:4px;}
.separate
{position:relative; margin:auto; width:100%; height:2px; vertical-align:top; margin-top:2px; margin-bottom:2px;
background:linear-gradient(to right, #486e93, #9ab1cb, #9ab1cb, #dde3ea, #dde3ea, #dde3ea, #9ab1cb, #9ab1cb, #486e93);}
.separateInner
{position:relative; margin:auto; width:100%; height:1px; vertical-align:top; margin-top:2px; margin-bottom:2px;
background:linear-gradient(to right, #dde3ea, #dde3ea, #9ab1cb, #9ab1cb, #486e93, #486e93, #9ab1cb, #9ab1cb, #dde3ea, #dde3ea );}
.separateLeft
{position:relative; margin:auto; width:100%; height:1px; vertical-align:top; margin-top:2px; margin-bottom:2px;
background:linear-gradient(to right, #486e93, #486e93, #9ab1cb, #9ab1cb, #dde3ea, #dde3ea, #ffffff , #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);}

ul 
{position:relative; list-style-type:none; width:100%; margin:0; padding:0;}

.logoTopLeft
{float:left; display:inline-block; width:47%; border:0;}
.logoTopLeft img
{max-width:100%;}
.logoTopRight
{float:right; display:inline-block; width:50%;}
.advertSpace
{display:none;}

.logoA
{display:inline-block;}
.logoB
{display:none;}

.navA
{display:block;}
.navB
{display:none;}

.navTopA
{display:none;}
.navTopB
{display:none;}
.navTopC
{display:inline-block; float:right;}

.footerInnerLeft
{display:none;}
.footerInnerList
{display:none;}
.footerInnerListMobile
{display:inline-block; width:auto; height:auto; vertical-align:top; padding:0px; margin:2px; margin-right:8px;}
.footerInnerGraphic
{display:none;}
.footerInnerGraphicMobile
{display:none;}
.footerInnerRight
{display:none;}

.footerInnerList ul li 
{padding-top:2px;}
.footerInnerListMobile ul li
{padding-top:1px;}

.line 
{display:flex; flex-wrap:wrap;}
.galleryImage 
{flex:50%; padding:5px; min-width:0px;}
.galleryImage img
{max-width:100%;}

@media screen and (min-width:550px) and (max-width:699px)
{
	.logoTopLeft
	{width:40%;}
	.logoTopLeft img
	{max-width:100%;}
	.logoTopRight
	{width:58%;}

	.advertSpace
	{display:none;}
	
	.logoA
	{display:inline-block;}
	.logoB
	{display:none;}

	.navA
	{display:block;}
	.navB
	{display:none;}

	.navTopA
	{display:none;}
	.navTopB
	{display:inline-block; float:right;}
	.navTopC
	{display:none;}
	
	.footerInnerLeft
	{display:none;}
	.footerInnerList
	{display:inline-block; width:auto; height:120px; vertical-align:top; padding:4px; margin:2px; margin-right:5px;}
	.footerInnerListMobile
	{display:none;}
	.footerInnerGraphic
	{display:none;}
	.footerInnerGraphicMobile
	{display:inline-block; width:auto; float:right; height:120px; vertical-align:top; padding:4px; margin:2px; margin-right:5px;}
	.footerInnerRight
	{display:none;}
	
	.galleryImage 
	{flex:33.3%;}
}

@media screen and (min-width:700px) and (max-width:899px)
{
	.logoTopLeft
	{width:42%;}
	.logoTopLeft img
	{max-width:100%;}
	.logoTopRight
	{width:56%}
	
	.advertSpace
	{display:none;}
	
	.logoA
	{display:none;}
	.logoB
	{display:inline-block;}
	
	.navA
	{display:none;}
	.navB
	{display:block;}

	.navTopA
	{display:none;}
	.navTopB
	{display:inline-block; float:right;}
	.navTopC
	{display:none;}
	
	.footerInnerLeft
	{display:none;}
	.footerInnerList
	{display:inline-block; width:auto; height:120px; vertical-align:top; padding:4px; margin:0px; margin:2px; margin-right:5px;}
	.footerInnerListMobile
	{display:none;}
	.footerInnerGraphic
	{display:none;}
	.footerInnerGraphicMobile
	{display:inline-block; width:auto; float:right; height:120px; vertical-align:top; padding:4px; margin:0px; margin:2px; margin-right:5px;}
	.footerInnerRight
	{display:none;}
	
	.galleryImage 
	{flex:33.3%;}
}

@media screen and (min-width:900px) and (max-width:1099px)
{
	.logoTopLeft
	{width:35%;}
	.logoTopLeft img
	{max-width:100%;}
	.logoTopRight
	{width:63%;}
	
	.advertSpace
	{display:none;}

	.logoA
	{display:none;}
	.logoB
	{display:inline-block;}
	
	.navA
	{display:none;}
	.navB
	{display:block;}

	.navTopA
	{display:none;}
	.navTopB
	{display:inline-block; float:right;}
	.navTopC
	{display:none;}
	
	.footerInnerLeft
	{display:none;}
	.footerInnerList
	{display:inline-block; width:auto; height:120px; vertical-align:top; padding:4px; margin:0px; margin-right:5px; margin-left:5px;}
	.footerInnerListMobile
	{display:none;}
	.footerInnerGraphic
	{display:inline-block; width:auto; height:120px; vertical-align:top; padding:4px; margin:0px; margin-right:5px; margin-left:5px;}
	.footerInnerGraphicMobile
	{display:none;}
	.footerInnerRight
	{display:block; clear:left; width:auto; float:right; height:120px; max-height:120px; vertical-align:top; padding:4px; margin:0px; margin-left:5px;}
	
	.galleryImage 
	{flex:25%;}
}

@media screen and (min-width:1100px) 
{
	.logoTopLeft
	{width:28%;}
	.logoTopLeft img
	{max-width:100%;}
	.logoTopRight
	{width:70%;}
	
	.advertSpace
	{float:right; display:block; width:auto; max-width:60%; max-height:130px; border:0px; box-sizing:border-box; text-align:center; 
	padding:2px; margin:4px; box-shadow:0px 0px 6px 1px #bdbec1; border-radius:4px;}
	
	.logoA
	{display:none;}
	.logoB
	{display:inline-block;}
	
	.navA
	{display:none;}
	.navB
	{display:block;}

	.navTopA
	{display:inline-block; float:right;}
	.navTopB
	{display:none;}
	.navTopC
	{display:none;}
	
	.footerInnerLeft
	{display:inline-block; width:auto; height:120px; max-height:120px; vertical-align:top; padding:4px; margin:0px; margin-right:5px;}
	.footerInnerList
	{display:inline-block; width:auto; height:120px; max-height:120px; vertical-align:top; padding:4px; margin:0px; margin-right:5px; margin-left:5px;}
	.footerInnerListMobile
	{display:none;}
	.footerInnerGraphic
	{display:inline-block; width:auto; height:120px; max-height:120px; vertical-align:top; padding:4px; margin:0px; margin-right:5px; margin-left:5px;}
	.footerInnerGraphicMobile
	{display:none;}
	.footerInnerRight
	{display:block; clear:left; width:auto; float:right; height:120px; max-height:120px; vertical-align:top; padding:4px; margin:0px; margin-left:5px}
	
	.galleryImage 
	{flex:25%;}
}

br { clear: both; }

.clearer { clear: both; }