@charset "utf-8";
* {
	margin:0;
	padding:0;
}
body {
/*	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-family: 'Noto Sans JP', sans-serif;
	background-color: #FFFFFF;
	font-size: 100%;
	line-height:1.7;
	color:#333;
}
img {
	display: block;
	margin:0 auto;
	max-width:100%;
	vertical-align:bottom;
/*    float: left;*/
}
.cf:after {
	display:block;
	content:"";
	clear:both;
}
.cf {
    zoom: 1; /* for IE6/7 */
}
mark {
	font-weight:bold;
}
a {
	color:#999;
}
a:hover {
	color:#333;
}
#wrap {
	margin: auto;
	width: 94%;
	min-width:480px;
	max-width:1024px;
}

h1 {
	color: #FFFFFF;
	background-color: #339933;
	padding: 0 5px 5px 20px;
	text-align:center;
}
h1 span {
	font-size:1rem;
}
.contents-left {
	width: 52%;
	float: left;
	margin-bottom:2rem;
}
.bold {
	font-weight:bold;
}
.contents-right {
	width: 45%;
	padding-right: 3%;
	float: left;
	margin-bottom:2rem;
}
.contents-right .bold {
    clear: both;
	font-weight:bold;
	font-size: 85%;
	margin-bottom:1rem;
}
.contents-right p {
	font-size: 85%;
	margin-bottom:0.5rem;
}
.contents-right .text {
	margin-bottom:2rem;
}
.section {
	margin-left: 2rem;
	margin-bottom: 3rem;
}

.section h2 {
	border-left: 20px solid #339933;
	border-bottom: 3px solid #339933;
	text-indent: 1rem;
	line-height: 1.7;
	padding-bottom: 0.3rem;
	padding-top: 0.3rem;
	color: #339933;
	margin-bottom:1rem;
}
.section h2 + p {
	color: #339933;
	font-size: 100%;
	font-weight: normal;
	padding-top: 0.5rem;
	padding-right: 1.5rem;
	padding-bottom: 0.5rem;
	margin-bottom:1rem;
}
.section h3 {
	color: #FFFFFF;
	background-color: #339933;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	border-radius: 2rem;
	width: 97%;
	margin-left:1rem;
	margin-bottom:1.5rem;
	text-indent: 1.4rem;
	clear:both;
}
.section h3:before {
    content: " ▶";
    margin-right: 0.5rem;
}
.section h3 + p {
	padding-right: 1.5rem;
}
.section h4 {
	color: #ffa500;
	font-size:1rem;
	padding-left: 2rem;
}
.section h4:before {
	content:"●";
	margin-right:0.2rem;
	font-size:1.2rem;
}
.section h4 + ul {
	margin-top: -1rem;
}
.section h5 {
	font-size:1rem;
	padding-left: 2rem;
}
.section h5 + p {
	margin-top: -1.5rem;
	padding-left: 3rem;
}

.section p {
	padding-left: 2rem;
	text-align:justify;
	-ms-hyphens:auto;
	hyphens: auto;
}
.section ul,
.section ol {
	padding-left: 4rem;
}
.section .yajirushi {
	font-size: 2rem;
	font-weight: bold;
	color: #FF6600;
	margin-top:-1rem;
	margin-bottom:-1rem;
}

.column-box {
    clear: both;
	margin:auto;
	width:90%;
	padding:1rem;
	border: 2px solid #ffa500;
	border-radius:1rem;
	margin-bottom:3rem;
	margin-top:3rem;
	background-color: #FFFFDD;
}
.column {
	font-size:130%;
	font-weight: bold;
	color:#ffa500;
    margin-bottom: 0.7rem;
}
.column:before {
	content:"Memo";
	background-color:#ffa500;
	padding:0.2rem 0.5rem;
	color:#FFF;
	border-radius:0.5rem;
	margin-right:0.5rem;
}
.column-box {
  font-size: 86%;
}

.point {
	color:#FF6600;
	font-weight:bold;
}
.point-text {
	width:5rem;;
	padding:10px 5px 10px 0;
	border-radius:20px;
	background:#FF6600;
	color:white;
	margin-bottom:1rem;
	margin-left:2rem;
}
	

.code {
	width:80%;
	margin: auto;
	padding: 0.5rem 1rem 0.5rem 3rem;
	background-color:#efefff;
	border-radius: 0.5rem;
	line-height:1.3;
}
#nav_bg {
}
#nav {
	width:100%;
	padding: 2rem 0;

}
#nav ul li {
	color:#339933;
	list-style:disc inside;
	margin-left:2.2rem;
	font-size:0.9rem;
	padding:0.2rem 0;
}
#nav ul li:last-child {
	margin-right:20px;
}
#nav ul li a {
	color:#339933;
	font-weight:normal;
}
#nav ul li a:hover {
	color:#999;
}

.top_btn {
	text-align:center;
	width:10rem;
	height: 3rem;
	margin:0 auto;
}
.top_btn a {
	font-size: 1rem;
	padding:0.8rem;
	background-color:#339933;
	font-weight:bold;
	border-radius:0.4rem;
	display:block;
	color: #FFF;
	text-decoration:none;
  box-shadow: 0 6px 0 #055d05;
}
.top_btn a:hover {
  position: relative;
  bottom: -3px;
  box-shadow: 0 3px 0 #055d05;
}
.top_btn_gb {
	width:10rem;
	margin:auto;
	margin-bottom:3.5rem;
}
.float-none {
	float:none;
	width:96%;
}

#local-nav {
	width:100%;
	line-height:2;
	margin-bottom:2rem;
}
#local-nav ul li {
	list-style:none;
	margin-left:2.2rem;
	display:inline-block;
	font-size:0.9rem;
}
#local-nav ul li:last-child {
	margin-right:20px;
}
#local-nav ul li a {
	color:#339933;
	font-weight:normal;
}
#local-nav ul li a:hover {
	color:#999;
}

footer p {
  font-size: 0.8em;
  text-align: center;
  margin-bottom: 0.5em;
  color:#339933;
}


/* contents width */
.width-100 {
	width: 100%;
}
.width-95 {
	width:96%;
}
.width-90 {
	width: 90%;
}
.width-80 {
	width: 80%;
}
.width-70 {
	width: 70%;
}
.width-65 {
	width: 65%;
}
.width-60 {
	width: 60%;
}
.width-55 {
	width: 55%;
}
.width-50 {
	width: 50%;
}
.width-45 {
	width: 45%;
}
.width-40 {
	width: 40%;
}
.width-35 {
	width: 35%;
}
.width-30 {
	width: 30%;
}
.width-20 {
	width: 20%;
}
.width-10 {
	width: 10%;
}
/* margin */
.margin {
	margin-bottom:1rem;
}

body:after {
  content: "";
  display: block;
  background-color: #339933;
  height: 1.5rem;
}

p.src {
  padding: 0.5rem 0;
  font-size: 0.8rem;
}