@charset "utf-8";

/* page.css */


h1 {
	padding:0 0 20px;
	background-color:#ffffff;
	border-bottom:1px solid #999999;
	line-height: 1;
}

#mainInr #about {
	margin:0 0 1em;
	font-size: 1.063rem;
	line-height: 1.8;
}

#mainInr #about p {
	margin:0 0 1em;
	color:#000000;
}

#mainInr #about ul {
	margin:0 0 0 1em;
	color:#1d76bc;
}

#mainInr #about ul li:before {
	content: "\f111";
	margin-right:1em;
	font-family: FontAwesome;
	font-size: 1.063rem;
	color:#1d76bc;
}

#mainInr #outline {
	margin:0 0 2em;
	line-height: 1.8;
}

#mainInr #outline p {
	margin:0 0 1em;
}

#mainInr #outline dl {
	margin:0 0 0 1em;
}

#mainInr #outline dt {
	float:left;
	clear:both;
	width:5.4em;
	color:#000000;
}

#mainInr #outline dd {
	color:#1d76bc;
}

#mainInr #outline dd i{
	margin-left:0.5em;
	color:#666666;
}

#mainInr #outline dd a {
	text-decoration:underline;
	color:#1d76bc;
}

#mainInr #outline dd a:hover {
	text-decoration:none;
}

#mainInr #charm {
	line-height:1.8;
}

#mainInr #charm h2 {
	margin:0;
	padding:12px 20px 10px;
	background-color:#5db7e8;
	font-weight:bold;
	font-size:1.875rem;
	line-height:1;
	color:#ffffff;
}
	
#mainInr #charm h3 {
	margin:0 0 10px;
	padding:10px 4px;
	border-bottom:1px solid #999999;
	font-weight:bold;
	font-size:1.5rem;
	color:#231916;
}

#mainInr #charm h4 {
	font-size:1.125rem;
	color:#58595b;
}

#mainInr #charm h4 strong{
	font-size:1.5rem;
	font-weight:bold;
	color:#920883;
}

#mainInr #charm h4 + p {
	margin:0 0 0 2em;
}

#mainInr #charm ol {
	list-style-type:decimal;
	margin:0 0 1em 2.5em;
}

#mainInr #charm .sectionA,
#mainInr #charm .sectionB {
	margin:0 0 0.5em;
	padding:0 4px;
	border-bottom:1px solid #999999;
}

#mainInr #charm .sectionA dl {
	padding:0 0 0 2em;
}

#mainInr #charm .sectionA dt {
	font-size: 1.063rem;
	color:#000000;
}

#mainInr #charm .sectionA dt strong {
	font-weight:bold;
	color:#1d76bc;
}

#mainInr #charm .sectionA dd {
}

#mainInr #charm .sectionB dl {
	padding:0 0 0 2em;
}

#mainInr #charm .sectionB dt {
	font-size: 1.063rem;
	font-weight:bold;
	color:#1d76bc;
}

#mainInr #charm .sectionB dd {
}

#mainInr #charm .sectionB dd ol {
	margin-bottom:1em;
}

#mainInr > p {
	font-size:0.875em;
}


@media only screen and (max-width: 640px) {

#mainInr #about ul {
	margin:0 1em;
}

#mainInr #outline dl {
	margin:0 1em;
}

#mainInr #outline dt {
	float:none;
	display:block;
	width:100%;
}

#mainInr #outline dd {
}

#mainInr #charm h4 + p {
	margin:0 0 0 0;
}

#mainInr #charm .sectionA dl {
	padding:10px 0 0;
}

#mainInr #charm .sectionA dd {
	marign-bottom:10px;
}

#mainInr #charm .sectionA dt strong {
	display:block;
}

#mainInr #charm .sectionA dd {
	margin:5px 0 0;
}

#mainInr #charm .sectionA dd ol {
	margin:0.5em 0 1em 2em;
}

#mainInr #charm .sectionB dl {
	padding:10px 0 0;
}

#mainInr #charm .sectionB dd {
	margin:0;
}

#mainInr #charm .sectionB dd ol {
	margin:0 0 1em 2em;
}

}