@charset "utf-8";

#contents ul.csg_toc_button{
	margin-top: 1.5em;
}

/* ----- ページ上部 ----- */
#contents ul.csg_toc_button div.toc_textbox {
	margin-left: 1.8em;
	margin-bottom: 1em;
}

@media screen and (min-width: 480px) {
	#contents ul.csg_toc_button li.toc_left {
		width: 35%;
		display: inline-block;
		margin: 0 auto;
	}
	#contents ul.csg_toc_button li.toc_right {
		width: 60%;
		display: inline-block;
		margin: 0 auto;
		margin-top: 1em;
	}
}

/* ----- ナビゲーション部 ----- */
#contents ul.csg_toc_button li span.toc_image2{
	display: block;
	width: auto;
	padding-right: 0;
	text-align: center;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #000000;
}
#contents ul.csg_toc_button li span.toc_image3{
	display: block;
	width: auto;
	padding-right: 0;
	text-align: right;
}
@media screen and (min-width: 800px) {
	#contents ul.csg_toc_button span.toc_mintext {
		font-size: 0.8em;
	}
}
@media screen and (max-width: 480px) {
	#contents ul.toc_border li {
		padding: 0.5em;
		border: 1px solid #e6e6e6;
		border-radius: 5px;
		-webkit-box-shadow: 3px 3px 3px #999999; /* Android2.3 */
		box-shadow: 3px 3px 3px #999999;
	}
}

/* ----- EN用 ボタン内画像テキスト化 ----- */
.toc_subtext {
	width: auto;
	margin-top:0.5em;
	padding: 0.5em;
	border-radius: 5px;
	background-color: #CCCCCC;
}

/* 目次（ボタン） */
#contents ul.csg_toc_button {
	list-style: none;
	padding-left: 0;
}
#contents ul.csg_toc_button li { margin-bottom: 0.5em; }
/* ---- PDF処理のためCSS修正 ---- */
#contents ul.csg_toc_button .linktext {
	display: block;
	margin: 0 0 0.5em;
	padding: 0.5em 2%;
	text-decoration: none;
	text-align: center;
}
#contents ul.csg_toc_button a {
	color: #005cff;
	text-decoration: none;
}
#contents ul.csg_toc_button span.linktext a span.stc{
	border-bottom: 1px solid #005cff;
}
#contents ul.csg_toc_button a:hover {
	color: #ff6600;
}
#contents ul.csg_toc_button span.linktext a:hover span.stc{
	border-bottom: 1px solid #ff6600;
}
#contents ul.csg_toc_button span.toc_image img { width: 50%; }
#contents ul.csg_toc_button span.toc_image {
	display: block;
	text-align: center;
}

/*　2021秋大判用　*/
#contents .link {
		padding: 10px;
		margin-bottom: 15px;
		border: 1px solid #333333;
		border-radius: 10px;
		background-color: #F2EBD8;
		text-align:center;
}

@media screen and (min-width: 480px) {
	/* 目次（ボタン） */
	#contents ul.csg_toc_button li {
		display: inline-block;
		width: 45%;
		margin: 0 2% 1em 2%;
		vertical-align: top;
	}
	#contents ul.csg_toc_button li a {
		display: block;
	}

	#contents ul.csg_toc_button span.toc_image img { width: 100%; }

	#contents ul.csg_toc_button span.toc_image {
		display: block;
		width: auto;
		padding-right: 0;
		text-align: center;
	}
}

@media print {
	#contents ul.csg_toc_button li.toc_left {
		width: 35%;
		display: inline-block;
		margin: 0 auto;
	}
	#contents ul.csg_toc_button li.toc_right {
		width: 60%;
		display: inline-block;
		margin: 0 auto;
	}
	/* 目次（ボタン） */
	#contents ul.csg_toc_button li {
		display: inline-block;
		width: 45%;
		margin: 0 4% 1em 0;    /* 印刷時は左寄せ */
		vertical-align: top;
	}
	#contents ul.csg_toc_button li a {
		display: block;
	}
	#contents ul.csg_toc_button span.toc_image {
		display: block;
		width: auto;
		padding-right: 0;
		text-align: center;
	}
	#contents ul.csg_toc_button span.toc_image img { width: 100%;  }
}