@CHARSET "UTF-8";
div.header{
	width:92%;max-width:1000px;
	margin:auto;padding:2em 1% 0px 1%;
}
div.header h1{
	display:inline-block;
	margin-left:30px;
}
div.header a{
	background-image:none;
	border-width:0px;
}
div.titleBanner{float:left;}
div.titleBanner img{float:left;vertical-align:top;}
div.titleBanner span.main{
	font-size:36.5pt;font-family:'Lucida Grande','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ＭＳ ゴシック','MS Gothic',monospace;
	line-height:1.1em;
}
div.titleBanner span.en{
	font-size:22pt;font-family:'Lucida Sans','Lucida Grande',sans-serif;
	line-height:1.1em;
}
div.titleBanner p.sub{
	text-align:right;
	font-size:16pt;font-family:'Lucida Grande','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ＭＳ ゴシック','MS Gothic',monospace;
	line-height:1.1em;
	margin-top:0.6em;
}
div.configBanner{float:right;}
div.configBanner input{
	font-size:22pt;
	width:8em;height:1.7em;
	margin-bottom:0.5em;
}
div.intro{
	clear:both;
	width:92%;max-width:1000px;
	margin:auto;
}
div.wrapper{
	width:92%;max-width:1000px;
	margin:auto;
	padding:0px 1% 0px 1%;
}
div.leftArea, div.rightArea{
	width:18%;
	float:left;
	padding:0em 1% 3em 1%;
}
div.leftArea{margin-right:3%;}
div.rightArea{margin-left:3%;}

div.leftArea p, div.rightArea p{
	font-size:100%;font-weight:bold;
	line-height:1.1em;
}
div.centerArea{
	width:54%;
	float:left;
	padding:0.1em 3% 0.1em 3%;
}
div.wideArea{
	width:77%;
	float:left;
	padding:0.1em 0px 0.1em 0px;
}
div.wideRArea{
	width:77%;
	float:right;
	padding:0.1em 0px 0.1em 0px;
}
div.fullArea{
	width:100%;
	padding:0.1em 0px 0.1em 0px;
}
div.footer{
	text-align:center;
	clear:both;
	width:100%;
	padding:1em 0px 1em 0px;
}
div.footer li{
	display:inline;
	list-style:none;
	margin:0px 0.1em 0px 0.1em;
}

div.skipper{display:none;}

img.menuTop{
	display:block;
	width:100%;height:0.4em;
	margin-top:1.5em;
}
img.menuBottom{
	display:block;
	width:100%;height:0.7em;
	margin-bottom:1.5em;
}

.humburger {
	margin-top: 0;
	display: none;
}

#navMainHum{
	color: inherit;
	background-color: inherit;
}

div.menu{
	clear: both;
	position: relative;
	text-align:left;
}
div.menu ul{
	width:96%;max-width:1020px;
	margin:auto;
}
div.menu li{
	display:inline;
	font-family:'ヒラギノ 角ゴ Pro','Hiragino Kaku Gothic Pro','ＭＳ ゴシック','MS Gothic',monospace;
	margin:0px;padding:0px;
}
div.menu a{
	width:5.5em;
	display:inline-block;
	margin:0em -0.2em 0px -0.2em;
	padding:0.8em 1em 0.7em 1em;
}
div.menu a.long {
	width:8.5em;
}

div.subMenu{width:100%;}
div.subMenu li{
	display:inline-block;
	margin:0px 0px 0.6em 0px;
}
div.subMenu a{
	float:left;
	width:100%;
	padding:0px;
}
div.subMenu img{
	width:100%;height:0.6em;
}
div.subMenu div{
	padding:0px 0.2em 0px 0.2em;margin-left:0.2em;
}

div.innerMenu{width:100%;}
div.innerMenu li{
	margin:0px 0px 0.6em 0px;
}
div.innerMenu a{
	font-size:100%;font-weight:bold;
	display:block;
	margin:0px 0.3em 0px 0.3em;padding:0.8em 0.5em 0.3em 0.5em;
}

div.pageLink{
	clear:both;
	width:80%;
	margin-left:11%;
}
div.pageLink div.toNext, div.pageLink div.toPrev, div.pageLink div.toText, div.pageLink div.toBody, div.pageLink div.toParent, div.pageLink div.toHome{
	float:left;
	margin:0.4em 2em 0.6em 0px;
}

div.pageLink a{
	background-image:none;
	padding:0px;
}
div.pageLink img{
	position:relative;top:0.4em;
	width:1.6em;height:1.6em;
	margin-right:1em;
}


div.index{
	margin-bottom:0.5em;
	padding:0.5em;
}
div.index h1, div.index h2{
	font-size:100%;
	font-weight:bold;
}

div.contents{
	padding:0.5em 0px 0.7em 1em;
	margin-bottom:4%;
}
div.contents p{padding-bottom:1em;}
div.contents ul, div.contents ol{padding-bottom:0.6em;}
div.contents h2{
	font-size:100%;
	font-weight:bold;
	margin:1em 0px 0.4em -0.5em;
	padding:0.6em 0px 0.6em 0.5em;
}
div.contents h3{
	font-size:100%;
	font-weight:bold;
	margin:1em 1em 0.4em 0em;
	padding:0.4em 0em 0.4em 0.5em;
}

div.image{
	text-align:center;
}
div.image a{
	background-image:none;
}
div.image img{
	width:80%;
}

div.pImg{
	display:inline-block;
	padding:0px 2.5% 0px 2.5%;
}
div.pImg img{
	max-width:80%;
	margin:0px 5% 0.5em 5%;padding:0.5em 5% 0.5em 5%;
}
div.pImg p{
	margin:0px 0.5em 0.5em 0.5em;
}
div.pImg a{
	background-image:none;
}

div.pImgL{
	max-width:40%;max-height:40%;
	float:left;
}
div.pImgR{
	max-width:40%;max-height:40%;
	float:right;
}
div.pImgL img, div.pImgR img{
	max-width:80%;
	margin:0.2em 5% 0.5em 5%;padding:0.5em 5% 0.5em 5%;
}
div.pImg p, div.pImgL p, div.pImgR p{
	margin:0px 10% 0px 10%;
}
div.pImg a, div.pImgL a, div.pImgR a{
	background-image:none;
}

div.button:hover{}
div.button a{padding:0px;background-image:none;}
div.button img{width:100%;height:0.8em;}
div.button p{padding:0px 1em 0px 1em;}

div.about h2{
	text-align:center;
	width:60%;
	margin:0px 0px 1em 20%;
}
div.about dl{
	max-width:44em;
	margin:0.5em 0px 2em 1em;
}
div.about dt{
	width:6em;
	float:left;
	margin:0px;padding:1em 0.3em 1em 1em;
}
div.about dd{
	margin-left:6.5em;padding:1em 0.3em 1em 1em;
}


p.in1{padding-left:1em;}
p.in2{padding-left:2em;}
p.ti1{text-indent:1em;}

a.NI:link,a.NI:visited,a.NI:hover,a.NI:active{background-image:none;}

ul.circle li, ul.circle2 li, ul.cube li{
	display:block;
	padding-left:1.5em;
	text-indent:-1.5em;
}
ul.circle li:before{content: '● ';}
ul.circle2 li:before{content: '◎ ';}
ul.cube li:before{content: '◇ ';}

@media (max-width: 767px) {
	div.header{
		width:98%;max-width:767px;
		margin:5em auto 0 auto;
		padding:2em 1% 0px 1%;
	}
	div.header h1{
		display:block;
		margin-left:0px;
	}
	div.header a{
		background-image:none;
		border-width:0px;
	}
	div.titleBanner{
		float:none;
		margin:0 auto;
		text-align:center;
	}
	div.titleBanner img{
		width: 30%;
		float:none;
		vertical-align:bottom;
		padding-bottom:1.5em;
	}
	div.titleBanner span.main{
		font-size:23pt;font-family:'Lucida Grande','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ＭＳ ゴシック','MS Gothic',monospace;
		line-height:1.1em;
	}
	div.titleBanner span.en{
		text-align:center;
		font-size:13pt;font-family:'Lucida Sans','Lucida Grande',sans-serif;
		line-height:1.1em;
	}
	div.titleBanner p.sub{
		text-align:center;
		font-size:16pt;font-family:'Lucida Grande','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ＭＳ ゴシック','MS Gothic',monospace;
		line-height:1.1em;
		margin-top:0.6em;
	}
	div.configBanner{float:none;}
	div.configBanner input{
		display:block;
		font-size:22pt;
		width:8em;height:1.7em;
		margin: 0 auto 0.5em auto;
	}
	div.intro{
		clear:both;
		width:98%;max-width:767px;
		margin:auto;
	}
	div.wrapper{
		width:98%;max-width:767px;
		padding:0px 1% 0px 1%;
	}
	div.leftArea, div.rightArea{
		width:98%;
		float:none;
		padding:0em 1% 3em 1%;
	}
	div.leftArea{margin-right:0%;}
	div.rightArea{margin-left:0%;}
	
	div.leftArea p, div.rightArea p{
		font-size:100%;font-weight:bold;
		line-height:1.1em;
	}
	div.centerArea{
		width:98%;
		float:none;
		padding:0.1em 1% 0.1em 1%;
	}
	div.wideArea{
		width:98%;
		float:none;
		padding:0.1em 1% 0.1em 1%;
	}
	div.wideRArea{
		width:98%;
		float:none;
		padding:0.1em 1% 0.1em 1%;
	}
	div.fullArea{
		width:98%;
		padding:0.1em 1% 0.1em 1%;
	}
	div.footer{
		text-align:center;
		clear:both;
		width:98%;
		padding:1em 1% 1em 1%;
	}
	div.footer li{
		display:inline;
		list-style:none;
		margin:0px 0.1em 0px 0.1em;
	}
	
	div.skipper{display:none;}
	
	img.menuTop{
		display:none;
		width:100%;height:0.4em;
		margin-top:1.5em;
	}
	img.menuBottom{
		display:none;
		width:100%;height:0.7em;
		margin-bottom:1.5em;
	}
	
	.humburger{
		width:100%;
		height:4em;
		margin:-3.5em 0 1em 0;
		display:block;
	}
	
	#navMainHum{
		color:#FFF;
		background-color: #039;
		font-size:125%;font-weight:bold;
		text-align:right;
		padding-right:1em;
		position:fixed;
		top:3.5em;
	}
	
	div.menu{
		text-align:left;
		display:none;
		position:fixed;
		top:4em;
		width:100%;max-width:700px;
		margin:0;
	}
	div.menu ul{
		width:96%;
		margin:0 2% 0 2%;
	}
	div.menu li{
		display:block;
		font-family:'ヒラギノ 角ゴ Pro','Hiragino Kaku Gothic Pro','ＭＳ ゴシック','MS Gothic',monospace;
		width:100%;
		margin:0;padding:0;
	}
	div.menu a{
		width:90%;
		display:inline-block;
		margin:0;
		padding:1.2em 2% 1.2em 2%;
	}
	div.menu a.long {
		width:8.5em;
	}
	
	div.subMenu{width:100%;}
	div.subMenu li{
		display:block;
		margin:0;padding:0;
	}
	div.subMenu a{
		display:block;
		float:none;
		width:92%;
		margin:0px 8% 0.7em 0%;
		padding:0px;
	}
	div.subMenu img{
		width:100%;height:0.6em;
	}
	div.subMenu div{
		padding:0.2em;
		margin-left:0.2em;
	}
	
	div.innerMenu{
		width:95%;
		margin-right:5%;
	}
	div.innerMenu li{
		padding: 0.3em 0 0.4em 0;
		margin:0px 0px 1em 0px;
	}
	div.innerMenu a{
		font-size:100%;font-weight:bold;
		display:block;
		margin:0px 0.3em 0px 0.3em;padding:0.8em 0.5em 0.4em 0.5em;
	}
	
	div.pageLink{
		clear:both;
		width:90%;
		margin-left:0%;
		padding: 0 8% 0 2%;
	}
	div.pageLink div.toNext, div.pageLink div.toPrev, div.pageLink div.toText, div.pageLink div.toBody, div.pageLink div.toParent, div.pageLink div.toHome{
		float:none;
		margin:0.4em 2em 0.6em 0px;
	}
	
	div.pageLink a{
		background-image:none;
		padding:0px;
		line-height:2em;
	}
	div.pageLink img{
		position:relative;top:0.4em;
		width:1.6em;height:1.6em;
		margin-right:1em;
	}


	div.index{
		margin-bottom:0.5em;
		padding:0.5em;
	}
	div.index h1, div.index h2{
		font-size:100%;
		font-weight:bold;
	}

	div.contents{
		padding:0.5em 0px 0.7em 1em;
		margin-bottom:4%;
	}
	div.contents p{padding-bottom:1em;}
	div.contents ul, div.contents ol{padding-bottom:0.6em;}
	div.contents h2{
		font-size:100%;
		font-weight:bold;
		margin:1em 0px 0.4em -0.5em;
		padding:0.6em 0px 0.6em 0.5em;
	}
	div.contents h3{
		font-size:100%;
		font-weight:bold;
		margin:1em 1em 0.4em 0em;
		padding:0.4em 0em 0.4em 0.5em;
	}
	
	div.image{
		text-align:center;
	}
	div.image a{
		background-image:none;
	}
	div.image img{
		width:80%;
	}
	
	div.pImg{
		display:inline-block;
		padding:0px 2.5% 0px 2.5%;
	}
	div.pImg img{
		max-width:80%;
		margin:0px 5% 0.5em 5%;padding:0.5em 5% 0.5em 5%;
	}
	div.pImg p{
		margin:0px 0.5em 0.5em 0.5em;
	}
	div.pImg a{
		background-image:none;
	}
	
	div.pImgL{
		max-width:40%;max-height:40%;
		float:left;
	}
	div.pImgR{
		max-width:40%;max-height:40%;
		float:right;
	}
	div.pImgL img, div.pImgR img{
		max-width:80%;
		margin:0.2em 5% 0.5em 5%;padding:0.5em 5% 0.5em 5%;
	}
	div.pImg p, div.pImgL p, div.pImgR p{
		margin:0px 10% 0px 10%;
	}
	div.pImg a, div.pImgL a, div.pImgR a{
		background-image:none;
	}
	
	div.button:hover{}
	div.button a{padding:0px;background-image:none;}
	div.button img{width:100%;height:0.8em;}
	div.button p{padding:0px 1em 0px 1em;}
	
	div.about h2{
		text-align:center;
		width:60%;
		margin:0px 0px 1em 20%;
	}
	div.about dl{
		max-width:44em;
		margin:0.5em 0px 2em 0em;
	}
	div.about dt{
		width:6em;
		float:left;
		margin:0px;padding:1em 0.3em 1em 1em;
	}
	div.about dd{
		margin-left:6.5em;padding:1em 0.3em 1em 1em;
	}


	p.in1{padding-left:1em;}
	p.in2{padding-left:2em;}
	p.ti1{text-indent:1em;}

	a.NI:link,a.NI:visited,a.NI:hover,a.NI:active{background-image:none;}

	ul.circle li, ul.circle2 li, ul.cube li{
		display:block;
		padding-left:1.5em;
		text-indent:-1.5em;
	}
	ul.circle li:before{content: '● ';}
	ul.circle2 li:before{content: '◎ ';}
	ul.cube li:before{content: '◇ ';}

}

@keyframes fadeIn {
	from {
		opacity: 0;
		left: -100%;
	}
	to {
		opacity: 1;
		left: 0%;
		width:100%;
	}
}
@keyframes fadeOut {
	from {
		opacity: 0;
		left: 0%;
	}
	to {
		opacity: 1;
		left: -100%;
	}
}