/* CSS Document */
/* CSS addition all items 2020-10-26 */


ul.nav>li>span {
	margin-left: 10px;
	display: block;
	background-color: #344273;
	width: 250px;
}
ul.nav>li>span>a {
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}


ol.namepart {
	margin: 0 0 0 2.5em;
}

ol.namepart li, ol.namepart p {
	margin-bottom: 2px;
}
section.namepart > p.indent {
	margin-bottom: 1em;
}



img.w600 {
	width: 100% !important;
	max-width: 600px;
}




.mt1 { margin-top:1em !important; }
.mt2 { margin-top:2em !important; }
.mt3 { margin-top:3em !important; }
.mt4 { margin-top:4em !important; }
.mt5 { margin-top:5em !important; }
.mt6 { margin-top:6em !important; }
.mt7 { margin-top:7em !important; }
.mt8 { margin-top:8em !important; }
.mt9 { margin-top:9em !important; }

.mb1 { margin-bottom:1em !important; }
.mb2 { margin-bottom:2em !important; }
.mb3 { margin-bottom:3em !important; }
.mb4 { margin-bottom:4em !important; }
.mb5 { margin-bottom:5em !important; }
.mb6 { margin-bottom:6em !important; }
.mb7 { margin-bottom:7em !important; }
.mb8 { margin-bottom:8em !important; }
.mb9 { margin-bottom:9em !important; }


.indent_ml15 {
	text-indent: -1.5em;
	margin-left: 3em;
}

.indent20 {
	text-indent: -2em;
	margin-left: 2em;
}


.ml15 { margin-left: 1.5em !important; }
.ml20 { margin-left: 2em !important; }
.ml30 { margin-left: 3em !important; }
.ml35 { margin-left: 3.5em !important; }
.ml40 { margin-left: 4em !important; }
.ml45 { margin-left: 4.5em !important; }
.ml50 { margin-left: 5em !important; }
.ml55 { margin-left: 5.5em !important; }
.ml60 { margin-left: 6em !important; }


dl.exp>dt {
	font-weight:bold;
}
dl.exp>dt:nth-child(n+2) {
	margin-top:2em;
}

dl.exp>dd {
	font-weight:normal;
	margin-left:1.5em;
}


.enclose {
	border:1px solid;
	border-radius:2px;
	padding:1px 5px;
	margin:0 3px;
	font-size:0.8em;
	white-space: nowrap;
}

.red {
	color: #a82626;
}

.blue {
	color: #00a3eb;
}


img.ds {
	box-shadow:0px 0px 3px 2px #969696;
}

a.blank_link {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(../common/i_new_window.png);
	padding-right: 24px;
	margin-right: 3px;
}


.nowrap {
	white-space: nowrap;
}


/* PL用テーブル */
table.pl {
	border:none;
}
table.pl tr td {
	border:none;
	padding-bottom:1em;
	vertical-align:top;
}
table.pl tr td:first-child {
	font-weight:bold;
	text-align:center;
	width:2em;
}
table.pl tr td:first-child img {
	height:2em;
	width:auto;
	display:inline-block;
}
table.pl tr td p:first-child {/* 1行だけのときはpタグを使わず記述することで、boldを回避する */
	font-weight:bold;
}

div.pl {/* 警告や注意のタイトル用 */
	border: 1px solid #000000;
	text-align:center;
	padding:0.5em 0em;
}
div.pl img {
	height:2em;
	width:auto;
	display:inline-block;
}
div.pl span {
	font-size:1.5em;
	font-weight:bold;
}


@media screen and (max-width: 766px){
/* 横スクロール　テーブル */
	div.scroll {
		overflow: auto;
		white-space: nowrap;
	}
	div.scroll>table {
		width:100%;
		font-size:0.8em;
	}
	div.scroll>table tr td:first-child {
		min-width: 3em;
		white-space: normal;
	}
	div.scroll>table tr:first-child th:first-child {
		min-width: 4em;
	}
	div.scroll::-webkit-scrollbar {
		height: 5px;
	}
	div.scroll::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	div.scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}


	.sphide {
		display: none;
	}

}


.underline {
  background:linear-gradient(rgba(0,0,0,0) 60%,#66ffcc 60%)
}


input::-webkit-input-placeholder {
		font-size: 0.9em;
}
input:-moz-placeholder {
		font-size: 0.9em;
}


#downloadAll {
	text-align: center;
	margin: 0 30px 10px 0;
	display: block;
	border: 1px solid #344273;
	width: 230px;
}
#downloadAll a {
	text-decoration: none;
}
#downloadAll div {
	padding: 10px;
	color: #344273;
	font-size: 12px;
	text-decoration: none;
		/*cursor: pointer;*/
}
#downloadAll img {
	width: 24px;
	margin-right: 10px;
}


section.srvy {
	width: 13em;
	max-width: 50%;
	margin:30px 10px 0 270px;
	position: relative;
	padding: 0.5em 1em;
	border: solid 1px #659099;
	border-radius: 8px;
}

@media screen and (max-width: 766px){
	section.srvy {
		width:auto;
		max-width: 100%;
		margin:30px 0 0 0;
		position: relative;
		padding: 0.5em 1em;
		border: solid 1px #659099;
		border-radius: 8px;
	}
}

section.srvy p.srvytitle {
	position: absolute;
	display: inline-block;
	top: -0.5em;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 0.8em;
	background: #e9ecf4;
	color: #659099;
	font-weight: normal;
}

section.srvy .srvygood, section.srvy .srvybad {
	margin-right: 1em;
	padding: 1pt 3pt;
	font-size:0.6em;
	display:inline;
	border: solid 1px #659099;
	cursor: pointer;
}


div.boxlnk {
	height: auto;
	overflow: hidden;
	margin-bottom: 0;
}

div.boxlnk>div {
	padding:0.4em 0.8em;
	margin:0.9em;
	width:13em;
	height:3em;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size:0.8em;
	background-color:#e9ecf4;
}

#nbase {
	display: none;
}
p.parents {
	font-size: 0.6em;
	letter-spacing: 0;
}
div.tag {
	margin-top: -10px;
	margin-bottom: 2rem;
	padding-left: 20px;
	font-size: 0.8rem;
	letter-spacing: 0;
	line-height: 2.3rem;
}
div.tag span {
	background-color: #e9ecf4;
	padding: 4px 6px;
	margin-right: 1em;
	white-space: nowrap;
	cursor: pointer;
}
@media screen and (max-width: 766px) {
	div.tag {
		padding-left: 5px;
	}
}
th {
	background-color:#eee;
}
section.caution td, section.caption td {
	background-color:#fff;
}

div.continue {
	/* height: calc(2em + 18px); */
	margin:0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
div.continue p {
	text-align: center;
	margin-bottom: 0.5em;
}
div.continue>a {
	text-decoration: none;
}
div.continue div {
	padding:0.4em 0.8em;
	margin-left: 6px;
	widows: 5;
	height:1.8em;
	float: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	/* font-size:0.8em; */
	background-color:#e9ecf4;
	border-radius: 2px;
}
div.continue div.nowOpen {
	background-color: darkslateblue;
	color: white;
}

div.branch {
	margin:0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;

}
div.branch:after {
	display: block;
}
div.branch>a {
	color: #666;
	background: #eeeeee;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	white-space: nowrap;
	text-align: center;
	padding: 10px .5em;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	flex: 1;
	margin-right: 1px;
	margin-bottom: 1px;
}
div.branch>a.checked {
	color: black;
	border-top: 4px solid rgb(143, 162, 204);
}