a:link{
	text-decoration:none;
	color:#0060d0;
}

a:visited{
	color:#904020;
}

a:hover{
	text-decoration:underline;
}

h2{
	margin:32px 0 0;
}

h3{
	margin:0;
}

ul{
	margin:0;
	list-style-type:circle;
}

article{
	display:flex;
    flex-flow:column;
    gap:32px;
}

article.gap-large{
	gap:64px;
}

section{
}

p{
	margin:0;
}

hr{
	border-top:1px solid #c0c0c0;
	border-left:none;
}

/* ==== */

div.image{
}

div.image img{
	display:block;
	max-width:100%;
	margin:0 auto;
}

div.image-top{
	background-color:#505050;
}

div.image-top img{
	display:block;
	max-width:100%;
	margin:0 auto;
}

div.div-button{
	display:inline-block;
	height:2.5em;
	padding:0 1em;
	border:1px solid #808080;
	border-radius:1.25em;
	line-height:2.5em;
	text-align:center;
	font-size:90%;
	user-select:none;
}

div.div-button:hover{
	background-color:#e8e8e8;
	cursor:pointer;
}

a.a-button{
	display:inline-block;
	height:2.5em;
	padding:0 1em;
	border:1px solid #808080;
	border-radius:1.25em;
	line-height:2.5em;
	text-align:center;
	font-size:90%;
	user-select:none;
	color:#000000;
}

a.a-button:hover{
	background-color:#e8e8e8;
	cursor:pointer;
	text-decoration:none;
}

p.image-title{
	text-align:center;
}

p.note-center{
	text-align:center;
}

span.item-name{
	font-weight:bold;
}

ul.link-list{
	padding:0;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	list-style-type:none;
}

ul.link-list li{
	border-bottom:1px solid #c0c0c0;
}

ul.link-list li.click-event{
	padding:8px 8px 6px;
}

ul.link-list li.click-event:hover{
	background-color:#e8e8e8;
	cursor:pointer;
}

ul.link-list a{
	display:flex;
	padding:8px 8px 6px;
}

ul.link-list a:hover{
	text-decoration:none;
	background-color:#e8e8e8;
}

ul.link-list a:link{
	color:#103070;
}

ul.link-list p{
	padding:8px 8px 6px;
}

ul.link-list img{
	margin:8px 8px;
}

/* ==== */

body{
	margin:0;
	background-color:#f4f4f4;
	font-family:sans-serif;
}

.wrapper{
	margin:0;
}

header{
	margin:0 auto;
	padding:0px;
	border-bottom:1px solid #c0c0c0;
	background-color:#ffffff;
}

.header-inner{
	max-width:832px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

h1.title-logo{
	margin:0;
	font:inherit;
}

h1.title-logo img{
	display:block;
	max-width:100%;
}

ul.main-menu{
	margin:0;
	padding:0;
	list-style: none;
	display:flex;
}

ul.main-menu li{
}

ul.main-menu li.sel{
	font-weight:bold;
}

ul.main-menu li a{
	display:block;
	color:#000000;
}

ul.main-menu li a:hover{
	text-decoration:none;
	background-color:#e8e8e8;
}

#main-menu-hb:hover{
	text-decoration:none;
	background-color:#e8e8e8;
	cursor:pointer;
	user-select:none;
}

ul.hamburger-menu{
	position:absolute;
	background-color:#ffffff;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	margin:0;
	padding:0;
	list-style: none;
}

ul.hamburger-menu li.border{
	border-top:1px solid #e8e8e8;
}

ul.hamburger-menu a{
	height:52px;
	line-height:52px;
	padding:0 16px;
}

@media(max-width:374px){
	h1.title-logo{
		width:128px;
		padding:12px 8px;
	}
	ul.main-menu > li > a{
		height:41px;
		line-height:41px;
		padding:0 8px;
		font-size:80%;
	}
	#main-menu-hb{
		height:41px;
		line-height:41px;
		padding:0 20px;
		font-size:110%;
	}
}

@media(min-width:375px) and (max-width:479px){
	h1.title-logo{
		width:184px;
		padding:12px 12px;
	}
	ul.main-menu > li > a{
		height:50px;
		line-height:50px;
		padding:0 12px;
		font-size:90%;
	}
	#main-menu-hb{
		height:50px;
		line-height:50px;
		padding:0 22px;
		font-size:125%;
	}
}

@media(min-width:480px){
	h1.title-logo{
		width:256px;
		padding:12px 16px;
	}
	ul.main-menu > li > a{
		height:58px;
		line-height:58px;
		padding:0 16px;
	}
	#main-menu-hb{
		height:58px;
		line-height:58px;
		padding:0 24px;
		font-size:150%;
	}
}

/* ==== */

nav.topicpath{
	max-width:800px;
	margin:0 auto;
	padding:2px 16px;
}

nav.topicpath ul{
	display:flex;
	padding-left:0;
	list-style-type:none;
	flex-wrap:wrap;
}
nav.topicpath li{
	font-size:75%;
	color:#404040;
}
nav.topicpath li a{
	color:#606060;
}
nav.topicpath li:not(:last-child):after{
	font-size:x-small;
	color:#c0c0c0;
	content:"\025b6";
	padding:0 0.5em;
}

/* ==== */

header.main-topicpath{
	background-color:#fafafa;
}

header.main-topicpath a{
	text-decoration:none;
	color:black;
}

header.main-topicpath a:hover{
	text-decoration:underline;
}

/* ==== */

.main-inner{
	max-width:800px;
	margin:0 auto;
}

.main-inner-narrow{
	max-width:720px;
	margin:0 auto;
}

@media(max-width:374px){
	.main-inner{
		padding:0px 8px;
	}
	
	.main-inner-narrow{
		padding:0px 8px;
	}
}

@media(min-width:375px) and (max-width:479px){
	.main-inner{
		padding:0px 12px;
	}
	
	.main-inner-narrow{
		padding:0px 12px;
	}
}

@media(min-width:480px){
	.main-inner{
		padding:0px 16px;
	}
	
	.main-inner-narrow{
		padding:0 16px;
	}
}

/* ==== */

.main-inner-sep-narrow{
	max-width:720px;
	margin:0 auto;
}

.main-inner-sep-narrow article{
	padding-top:16px;
    gap:16px;
}

.main-inner-sep-narrow section{
	background-color:#fafafa;
	border:1px solid #c0c0c0;
	border-radius:4px;
}

@media(max-width:374px){
	.main-inner-sep-narrow{
		padding:0px 8px;
	}
	.main-inner-sep-narrow section{
		padding:8px;
	}
}

@media(min-width:375px) and (max-width:479px){
	.main-inner-sep-narrow{
		padding:0px 12px;
	}
	.main-inner-sep-narrow section{
		padding:12px;
	}
}

@media(min-width:480px){
	.main-inner-sep-narrow{
		padding:0 16px;
	}
	.main-inner-sep-narrow section{
		padding:16px;
	}
}

/* ==== */

footer{
	margin:32px 0;
	font-size:small;
	text-align:center;
	color:#808080;
}

footer a:link{
	color:#808080;
}

footer a:visited{
	color:#808080;
}

footer nav.footer-menu{
	margin-bottom:16px;
}

footer .adsense{
	display:inline-block;
	margin:64px auto 32px;
}

footer .copyright{
}

/* ==== */

.ad_bar_nztk { width: 320px; height: 100px; }
@media(min-width: 500px) { .ad_bar_nztk { width: 468px; height: 60px; } }
@media(min-width: 800px) { .ad_bar_nztk { width: 728px; height: 90px; } }