@charset "UTF-8";
/* 全体背景 */
body {
	background-color:#ffffcc;
	background-image: url(../cimg/bg_cmn_top.jpg),url(../cimg/bg_cmn_foot.png);
	background-attachment: scroll;
	-webkit-background-size: auto, auto;
	background-size: auto, auto;
	background-position: 0px 0%, 0% 100%;
	background-repeat: repeat-x,repeat-x;
}

/* main */
/* common info */
.area_info {
	height: auto;
	margin: 5px 0px 10px;
	width: 100%;
	border-radius: 1.8em;
	box-shadow: rgb(135, 135, 135) 3px 3px 2px 0px;
	-webkit-box-shadow: rgb(135, 135, 135) 3px 3px 2px 0px;
	border: 2px solid #9780ff;
	padding: 2em;
	display: inline-block;
	background-color: #fee6e6;
	overflow-wrap: anywhere;
	word-break: normal;
}
.area_info h2, .area_info h3, .area_info h4 {
	display:block;
	text-align:center;
	font-weight:600;
	margin:0 auto 1em;
}
.area_info h2 { font-size:1.5em; }
.area_info h3 {
	margin:2em auto 1em;
	font-size:1em;
}
.area_info h4 {
	font-size:1em;
	text-align: left;
	margin:0 auto 0.2em;
}
.area_info>p {
	font-size:0.9em;
	margin:0 auto 1em;
}
.area_info strong { font-weight:600; }
.area_info>p>br { margin-bottom:0.5em; }
.area_info li {
	list-style: none;
}
.area_info ol {
	padding:0 0 0 1.5em;
	counter-reset:cnt;
	font-size:1em;
	margin:0 auto;
}
.area_info ol>ol { counter-reset:cntin; }
.area_info ol>ol>ol { counter-reset:cntin2; }
.area_info ol>li {
	margin:0.5em auto 0em;
	text-indent: -1.5em;
}
.area_info ol>li { counter-increment: cnt; }
.area_info ol>ol>li { counter-increment: cntin; }
.area_info ol>ol>ol>li { counter-increment: cntin2; }
.area_info ol>li::before {
	content: counter(cnt) ". ";
	margin-right: 5px;
}
.area_info ol>ol>li::before {
	content: counter(cntin) ". ";
	margin-right: 5px;
}
.area_info ol.kk>li::before {
	content: "(" counter(cnt) ") ";
	margin-right: 5px;
}
.area_info ol>ol.kk>li::before {
	content: "(" counter(cntin) ") ";
	margin-right: 5px;
}
.area_info ol>ol>ol.kk>li::before {
	content: "(" counter(cntin2) ") ";
	margin-right: 5px;
}
.sign {
	margin:1em auto;
	text-align: right;
}
.area_info>p.sign>br { margin-bottom:0.1em; }

/* COMMONS */
.pgtop {
	background-color: #600;
	border: 2px outset rgb(255, 168, 214);
	color: rgb(255, 255, 255);
	text-shadow: rgb(92, 0, 48) 1px 2px 1px;
}
.pgtop:hover {
	background-color: rgb(255, 168, 214);
	border-color: rgb(255, 168, 214);
	text-shadow: rgb(92, 73, 0) 1px 2px 1px;
}
/* footer */
.footer>nav>a {
	color:#000;
	text-shadow: none;
}
.footer>p {
	color:#000;
	text-shadow: none;
}
.trademark > p {
	font-size:0.8em;
	color:#000;
	text-shadow: none;
}

@media only screen and (max-width: 480px) {
	.area_info {
		font-size: 0.8em;
		margin: 0.5em 0px 0.7em;
		width: 100%;
		border-radius: 1em;
		padding: 1em 0.5em;
		overflow-wrap: anywhere;
		word-break: normal;
	}
	.area_info > p {
		font-size: 1em;
	}
	.area_info ol{
		font-size: 1em;
	}
	.area_info ol > ol.kk > li::before {
		margin-right: 2px;
	}
}