@charset "utf-8";
/* box-maroon 追加 2025/07/15 */
body {
	background-color: #ffffff;
	margin: 0.5em 1em;
	color: #000000;
	line-height: 1.5em;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ","Hiragino Kaku Gothic","游ゴシック",YuGothic,sans-serif,"ＭＳ ゴシック";
	}

/* link */
a:link{		color: #0000ff }
a:visited{	color: purple }
a:active{	color: #ff0000 }
a:hover {	background-color:#ffcc99; }

/* ヘッダー用 */
div.topic_path{
	 float: left;
	 width: auto;
	 font-size: 0.8em;
	}

div.update{
	float: right;
	width: auto;
	font-size: 0.8em;
	}

/* Text layout */
.center		{	text-align: center;	}
.center-small{	text-align: center;font-size:0.8em;line-height:1.3em;	}

.right		{	text-align: right;	}
.right-small{	text-align: right;font-size:0.8em;line-height:1.3em;	}

.left		{	text-align: left;	}
.left-small	{	text-align: left;font-size:0.8em;line-height:1.3em;		}

.l4			{	margin-left:4em;	}
.l4-small	{	margin-left:4em;font-size:0.8em;line-height:1.3em;		}

.small		{	font-size:0.8em; line-height:1.3em;						}

/* memo用囲み */
.note-white{
	border: 1px solid gray;
	border-radius: 4px;
	background-color: #ffffff;
	color: #000000;
	padding: 0.5em;
	margin-left:1em;margin-right:1em;
	}

.note-gray{
	border: 1px solid gray;
	border-radius: 4px;
	background-color: #f0f0f0;
	color: #000000;
	padding: 1em;
	margin-left:1em;margin-right:1em;
	}

.note-green{
	border:solid 2px green;
	background-color: #f8fff8;
	border-radius: 4px;
	color: green;
	padding: 1em;
	margin-left:1em;margin-right:1em;
	}

/* 見出し */
.title {
	border:double 6px maroon;
	color:maroon;
	text-align:center;
	line-height:2em;
	}

.midasi{
	border-width: 12px 1px 3px 1px;
	border-color: maroon;
	border-style: solid;
	margin-top: 1em;
	padding-top: 0.7em ;
	padding-bottom: 0.2em;
	color: maroon;
	text-align: center;
	background-color: #fffff0;
	}

.midasi-slim{
	border-width: 3px 1px;
	border-color: maroon;
	border-style: solid;
	margin-top: 1em;
	padding-top: 0.4em ;
	padding-bottom: 0.1em;
	color: maroon;
	text-align: center;
	background-color: #fffff0;
	}

.midasi-line{
	border-width: 1px 3px 1px 24px;
	border-color: maroon;
	border-style: solid;
	margin-top: 1em;
	color: maroon;
	background-color: #fffff0;
	padding: 6px 0px 4px 1em;
	}

/* 脚注 */
.note{
	padding-left:16em;
	font-size:0.8em;
	line-height:1.4em;
	margin-top:-1em;
	}

/* listにマークをつける */
.liststyle-orange{
	list-style-image: url("../icon/disk-orange8.png");
	}

/* 文字囲み  文字のみ＆取り囲み */
.green-box{
	border:solid 1px green;
	background-color: #efffef;
	color: green;
	}

.box-green{
	border:solid 1px green;
	background-color: #fafffa;
	color: green;
	}

.siege-green{
	border:solid 2px green;
	padding: 0 0.5em;
	background-color: #fafffa;
	color:green;
	font-weight:bold;
	}

.box-teal {
	border: 1px solid teal;
	background-color: oldlace;
	color: teal;
	padding: 0px 8px;
	}

.box-maroon {
	border: 1px solid maroon;
	background-color: oldlace;
	color: maroon;
	font-weight:bold;
	background-color: #fffff0;
	padding: 0px 8px;
	}


/* 画面分割 calc使用 */

.col1{
	width: calc( 7 / 10 );
	column-count:1;
	}


.col2{
	width: calc( 1 / 2 );
	column-count:2;
	}

.col3{
	width: calc( 1 / 3 );
	column-count:3;
	}


/* listにマークをつける */
.liststyle-orange{
	list-style-image: url("../icon/disk-orange8.png");
	}

/* 画像2、3枚を並べて表示する */
.figure2 {width:49%; height: auto;
	float:left;
	}
.figure3 {width:31%; height: auto;
	float:left;
	}
figcaption {
	font-size:0.8em;
	text-align:center;
	}