@import url("../../css/common_h1.css");
#n-Location,
#maincontent,
#maincontent_s,
#maincontent_ss { font-family: Arial, Verdana, Helvetica, sans-serif }
#n-Area h1 span {
	font-size: .8em;
	font-style: italic;
	line-height: 1em
}
#content h2 {
	clear: both;
	margin-top: .8rem;
	margin-bottom: .8rem;
	padding: 0 .8rem;
	font-size: 1.92rem;
	background: #9FC9D9;
	border-left: .8rem solid #2480A2;
	border-top: 2px solid #2480A2
}
#content h3 {
	font-size: 1.92rem;
	margin: 0 0 0 1.6rem;
	border-left: 1.6rem solid #2480A2
}
#content h4 {
	font-size: 1.92rem;
	margin: 1.6rem 0 0 3.2rem;
	padding-left: .8rem;
	border-top: 2px solid #2480A2;
	border-bottom: 2px solid #2480A2
}
#content h5 {
	font-size: 1.92rem;
	margin: 1.6rem 0 0 4.8rem;
	padding-left: .8rem;
	border-bottom: 1px solid #2480A2
}
#content h6 {
	margin: 1.6rem 0 0 4.8rem;
	padding-left: .8rem;
}
#content h3 span,
#content h4 span,
#content h5 span {
	font-size: .8em;
	background-color: #06038F;
	color: #FFFFFF
}
#content .timewarn { font-size: .8em }
#content p {
	text-indent: 1em;
	padding: 0 0 .8rem 6.4rem
}
#content p span { font-style: italic }
#content p.f_notice {
	text-indent: -.75em;
	margin-left: 3.2rem
}
#content span.subt { font-style: italic }
#content dl p { padding: 0 }
.thema { font-weight: 700 }
.speaker {
	padding-left: 0;
	font-weight: 700;
	color: #003399
}
#content dl { padding: 0 0 0 6.4rem }
#content ul.application { margin-left: 10em } /* 13em }*/
/*
#content input {
	width: 8em;
	padding: .16rem;
	font-size: 1.92rem;
	font-weight: 700
}
*/
#content ul.purpose {
	text-indent: -5.5em;
	margin-left: 9em;
	margin-bottom: 1.6rem;
	list-style-type: none
}
#content form {
	float: left;
	padding: 0 0 0 6.4rem
}
#content input {
	font-family: sans-serif;
	font-weight: 700
}
#content dt {
	font-weight: 700;
	margin-bottom: 0;
	padding-top: 0
}
#content dd {
	margin-top: 0;
	padding-top: 0
}
#content .adjustment {
	font-weight: normal;
	margin-bottom: .8rem
}

.note {
	clear: both;
	font-size: .8em;
	color: #FF3333
}
.essential { color: #FF0000 }

#imgBox {
	float: left;
	margin: 0 3.2rem;
	text-align: center;
	font-weight: 700;
	font-size: 1.28rem
}
#img01 {
	margin: 0 1.6em;
	padding: 0;
	border: outset 3px #FFFFFF;
	width: 80px
}
.warn {
	color: #FF0000;
	font-size: .8em
}
#n-Index { width: 18em }
#n-Area .normal,
#program a:link.normal { font-weight: normal }
#program a:link { font-weight: 700 }
.web {
	margin: 1.6rem;
	width: 215px;
	height: 348px;
	float: right
}
#n-Replace p {
	margin: 0;
	padding: 0;
	text-align: center;
	text-indent: 0;
	line-height: 1.2em;
	font-size: 1.28rem
}
#img_t img { margin: 5px }
#img_t img.icon {
	margin: 0;
	padding: 0;
	border: none
}
#img_t {
	background-color: #FFFFFF;
	float: right;
	width: 265px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 .8rem
}
/*
#img_t div {
	margin: 0;
	width: 424px
}
*/
#img_t div img { margin: 0 }
.speaker_t {
	display: block;
	padding-left: 20%
}

@media screen and ( max-width: 799px ) {
	#img_t {
		max-width: calc(100vw - 12em)
	}
	#img_t div img { width: 100% }
	#content p,
	#content dl { padding-left: 0 }
	#content dd { margin-left: 1.6rem }
	#content ul { padding-left: 1.6rem }
	#content ul.purpose { margin-left: 6em }
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6 { margin-left: 0 }
}
@media screen and ( min-width: 641px ) and ( max-width: 799px ) {
	#img_t { max-width: calc(100vw - 26em) }
}