@import url("../../css/common_h1.css");
#maincontent,
#maincontent_s {
	padding: 1.6rem
}
#maincontent h1,
#maincontent_s h1 { margin-bottom: 1.6rem }
h3,
h4,
h5,
h6 { font-size: 1.6rem }
h4 { margin-left: 1.6rem }
h5 { margin-left: 3.2rem }
h6 { margin-left: 4.8rem }
.prg3 { margin-left: 1.6rem }
.prg4 { margin-left: 3.2rem }
.prg5 { margin-left: 4.8rem }
.prg6 { margin-left: 6.4rem }
ul { margin-bottom: .8rem }
dl,
h3,
h4,
h5,
h6 { margin-bottom: .8rem }
h3 { clear: both }
#maincontent p,
#maincontent_s p {
	text-indent: 1em;
	margin-bottom: .8rem
}
.imgcap {
	width: 550px;
	display: block;
	margin-left: .8rem;
	margin-right: .8rem;
	float: right
}
.size1 { width: 320px }
.size2 { width: 578px }
.size3 { width: 508px }
.imgcap img { width: 100% }
.caption {
	visibility: visible;
	display: block;
	font-size: 1.28rem;
	text-align: center
}
.refer {
	visibility: visible;
	display: block;
	font-size: 1.28rem;
}
.caption_nc { text-align: left }
span.emphasis { text-decoration: underline }
#n-FootNote span,
p span.note {
	font-size: 1.28rem;
	vertical-align: baseline;
	position: relative;
	top: -1.0ex;
	text-decoration: none
}
.noteqt {
	font-size: 1.6rem;
	font-style: italic;
	text-decoration: none
}
#n-FootNote span.noteqt {
	font-size: 1.6rem;
	position: static;
	top: 0
}
ul.re-ten { /* list-style-image: url("image/re-ten.gif") */ }
@media screen and ( max-width: 799px ) {
	.imgcap {
		width: calc(100vw - 12em);
		max-width: 550px
	}
	.size1 { max-width: 320px }
	.size2 { max-width: 578px }
	.size3 { max-width: 508px }
}
@media screen and ( min-width: 641px ) and ( max-width: 799px ) {
	.imgcap { width: calc(100vw - 26em) }
}