body {
			margin: 1px 10px 1px 10px;
			padding: 0;
		}

		.headtitle {
			margin-top: 0px;
		}


		h1 {
			background-color: rgb(166, 255, 166);
			color: black;
			margin: 0px;
			padding: 5px;
		}

		h2 {
			background-color: rgb(166, 255, 166);
			color: black;
			margin: 0px;
			padding: 5px;
		}

		h3 {
			background-color: rgb(166, 255, 166);
			color: black;
			margin: 0px;
			padding: 5px;
		}

		hr {
			margin-top: 1px;
			margin-bottom: 1px;
		}

		p {
			background-color: rgb(166, 255, 166);
			color: black;
			margin: 1px;
			padding: 5px;
		}

		/* dt-nowrap dh-nowrapが効かないので独自実装 */
		/*thは"-nowrap"と"-head-nowrap"の時に反映する*/
		th.dt-nowrap{
			white-space: nowrap;
		}
		 
		th.dt-head-nowrap{
			white-space: nowrap;
		}
		 
		/*tdは"-nowrap"と"-body-nowrap"の時に反映する*/
		td.dt-nowrap{
			white-space: nowrap;
		}
		 
		td.dt-body-nowrap{
			white-space: nowrap;
		}

		@media screen and (max-width: 768px) {}

		@media screen and (max-width: 480px) {}

		/* モーダルCSS */
		.modalArea {
			display: none;
			position: fixed;
			z-index: 10;
			/*サイトによってここの数値は調整 */
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.modalBg {
			width: 100%;
			height: 100%;
			background-color: rgba(30, 30, 30, 0.9);
		}

		.modalWrapper {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 70%;
			max-width: 500px;
			padding: 10px 30px;
			background-color: #fff;
		}

		.closeModal {
			position: absolute;
			top: 0.5rem;
			right: 1rem;
			cursor: pointer;
		}