@charset "utf-8";

		/* ▼タブ領域全体 */
		#tabcontrol {
			margin: 0;
		}

		/* ▼タブ */
		#tabcontrol a {
			display: inline-block;                /* インラインブロック化 */
			border-width: 1px 1px 0px 1px;        /* 下以外の枠線を引く */
			border-style: solid;                  /* 枠線の種類：実線 */
			border-color: #B7B7B7;                  /* 枠線の色 */
			border-radius: 0.5em 0.5em 0px 0px; /* 枠線の左上角と右上角だけを丸く */
			padding: 0.75em 1em;                  /* 内側の余白 */
			text-decoration: none;                /* リンクの下線を消す */
			color: #000000;                         /* 文字色：黒色 */
			background-color: white;              /* 背景色：白色 */
			font-weight: bold;                    /* 太字 */
			position: relative;                   /* JavaScriptでz-indexを調整するために必要 */
		}

		/* ▼タブにマウスポインタが載った際（任意） */
		#tabcontrol a:hover {
			text-decoration: underline;   /* リンクの下線を引く */
		}

		/* ▼タブの中身 */
		#tabbody div {
border-color: #B7B7B7 #FFFFFF #FFFFFF;
border-style: solid;
border-width: 1px; /* 黒色の実線を1pxの太さで引く */
margin-top: -1px;        /* 上側にあるタブと1pxだけ重ねるために「-1px」を指定 */
padding: 1em;            /* 内側の余白 */
background-color: white; /* 背景色：白色 */
position: relative;      /* z-indexを調整するために必要 */
z-index: 0;              /* 重なり順序を「最も背面」にするため */
min-height: 5em;         /* 最低の高さが必要なら指定(不要なら省略可) */
		}

		/* ▼タブの配色 */
		#tabcontrol a:nth-child(1), #tabbody div:nth-child(1) { background-color: #ffffff; }	/* 1つ目のタブとその中身用の配色 */
		#tabcontrol a:nth-child(2), #tabbody div:nth-child(2) { background-color: hsla(0,0%,97%,1.00); }	/* 2つ目のタブとその中身用の配色 */