.h1_area {
	width: 800px;
	maragin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
	justify-content: center;
}
.h1 {
	align-items: center;
  	justify-content: center;
	font-size: 150%;
	font-weight: 600;
	border:1px solid #CBB698;
	border-radius: 3px;
	padding: 8px 0 5px 0;
	width: 630px;
	color: 	#339933;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
	box-shadow: inset 0px -14px 13px 0px rgba(246, 238, 225, 0.5), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
	line-height: 120%;
}
#page {
	width: 800px;
}
#contents a:hover{
	opacity: 0.7;
}
.h2_green {
	background: rgb(0,141,70);/*#008d46 #64C01C*/
	background: linear-gradient(357deg, rgba(0,141,70,1) 0%, rgba(100,192,28,1) 100%);
	color: #fff;
	border-radius: 8px;
	font-weight: 500;
	font-size: 130%;
	padding: 4px 0 3px 20px;
	font-family:"Noto Sans JP","M PLUS Rounded 1c","游ゴシック Medium",メイリオ,Meiryo,sans-serif;
	margin: 0px;
}
.h2_orange {
	background: rgb(255,111,7);/*#FF6F07 #F6AF00*/
	background: linear-gradient(357deg, rgba(255,111,7,1) 0%, rgba(246,175,0,1) 100%);
	color: #fff;
	border-radius: 8px;
	font-weight: 500;
	font-size: 130%;
	padding: 4px 0 3px 20px;
	font-family:"Noto Sans JP","M PLUS Rounded 1c","游ゴシック Medium",メイリオ,Meiryo,sans-serif;
}
.h3_green {
	border:1px solid #00A34E;
	border-right: 45px solid #00A34E;
	padding: 1px 10px;
	font-weight: 600;
	font-size: 120%;
	color: #00803E;
	font-family:"Noto Sans JP","M PLUS Rounded 1c","游ゴシック Medium",メイリオ,Meiryo,sans-serif;
	width: 80%;
}
.h3_orange {
	
	
border:1px solid #ff6f07;
	border-right: 45px solid #ff6f07;
	padding: 1px 10px;
	font-weight: 600;
	font-size: 110%;
	color: #ff6f07;
	font-family:"Noto Sans JP","M PLUS Rounded 1c","游ゴシック Medium",メイリオ,Meiryo,sans-serif;
	width: 80%;
}
.h3_pink {
	border:1px solid #E4498C;
	border-right: 45px solid #E4498C;
	padding: 1px 10px;
	font-weight: 600;
	font-size: 110%;
	color: #D92070;
	font-family:"Noto Sans JP","M PLUS Rounded 1c","游ゴシック Medium",メイリオ,Meiryo,sans-serif;
	width: 80%;
}
.h3_blue {
	border:1px solid #007FD1;
	border-right: 45px solid #007FD1;
	padding: 1px 10px;
	font-weight: 600;
	font-size: 110%;
	color: #007FD1;
	font-family:"Noto Sans JP","M PLUS Rounded 1c","游ゴシック Medium",メイリオ,Meiryo,sans-serif;
	width: 80%;
}
.shogai_shiryo {
	list-style: none;
	font-size: 110%;
    padding: 0em 0em 0.3em 1.3em;
  	background: transparent;
	font-weight: 600;
	margin: 0px 0 10px 10px;
	display: flex;
    align-items: center;
    position: relative;
	}
.shogai_shiryo::before{
	content: "";
  position: absolute;
  margin: auto;
  top: -8px;
  bottom: 0;
  left: 3px;
  width: 16px;
  height: 16px; 
  border-radius: 50%; 
  background: #00A34E;	
}
.shogai_shiryo::after {
  content: "";
  position: absolute;
  margin: auto;
  top: -8px;
  bottom: 0;
  left: 9px;
  height:0;
	width:0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #fff;
}
.list1 {
	list-style: url(../image/top/00maru.gif);
	margin-bottom: 7px;
	line-height: 150%;
	margin-top: 5px;
	font-size: 90%;
	margin-left: -5px;
}

.list2 {
	list-style: url(../image/top/02maru.gif);
	margin-bottom: 7px;
	margin-left: -20px;
	margin-top: 5px;
}
#articles-a {
	width: 800px;
	clear: both;
	float: none;
	margin-bottom: 30px;
}

#article1 {
	float: left;
	margin-right: 10px;
	width: 380px;
	margin-bottom: 20px;
}
#article2 {
	float: left;
	width: 380px;
	margin-left: 30px;
}
#articles-b {
	width: 800px;
	clear: both;
	float: none;
	margin-bottom: 20px;
}

#article3 {
	float: left;
	margin-right: 10px;
	width: 390px;
	margin-bottom: 20px;
}
#article4 {
	float: left;
	width: 390px;
	margin-left: 10px;
}
#articles-c {
	width: 800px;
	clear: both;
	float: none;
	margin-bottom: 20px;
}

#article5 {
	float: left;
	margin-right: 10px;
	width: 390px;
}
#article6 {
	float: left;
	width: 390px;
	margin-left: 10px;
}
#articles-d {
	width: 800px;
	clear: both;
	float: none;
	margin-bottom: 20px;
}

#article7 {
	float: left;
	margin-right: 10px;
	width: 390px;
	margin-bottom: 20px;
}

#articles-e {
	width: 800px;
	clear: both;
	float: none;
	margin-bottom: 20px;
}
#article8 {
	float: left;
	margin-right: 10px;
	width: 390px;
}

#articles-f {
	width: 800px;
	clear: both;
	float: none;
	margin-bottom: 20px;
}
#article9 {
	float: left;
	margin-bottom: 20px;
}

#articles-g {
	width: 800px;
	clear: both;
	float: none;
	margin-bottom: 20px;
}

#article11 {
	float: left;
	margin-bottom: 40px;
}


#articles-h {
	width: 800px;
	clear: both;
	float: none;
	margin-bottom: 20px;
}

#article12 {
	float: none;
	margin-right: 20px;
}

.list-green-2 {

	list-style: url(../image/top/02maru.gif);
	margin-bottom: 7px;
	margin-left: -20px;
	margin-top: 5px;
}
.list-green-1 {

	list-style: url(../image/top/00maru.gif);
	margin-bottom: 7px;
	line-height: 150%;
	margin-top: 5px;
	font-size: 90%;
	margin-left: -5px;
}
.archive {
	border: 1px solid #0066CC;
	margin-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
ul span{
	font-size: 85%;
}
.list-orange-1 {
	list-style: url(../image/top/03maru.gif);
	margin-bottom: 7px;
	line-height: 140%;
	margin-top: 5px;
	font-size: 90%;
	margin-left: -5px;
}

.list-orange-2 {


	list-style: url(../image/top/09maru.gif);
	margin-bottom: 7px;
	margin-left: -20px;
	margin-top: 5px;
}
.list-pink-1 {



	list-style: url(../image/top/06maru.gif);
	margin-bottom: 7px;
	line-height: 150%;
	margin-top: 5px;
	font-size: 90%;
	margin-left: -5px;
}
.list-pink-2 {



	list-style: url(../image/top/10maru.gif);
	margin-bottom: 7px;
	margin-left: -20px;
	margin-top: 5px;
}
.list-blue-1 {




	list-style: url(../image/top/05maru.gif);
	margin-bottom: 7px;
	line-height: 150%;
	margin-top: 5px;
	font-size: 90%;
	margin-left: -5px;
}
.list-blue-2 {
	list-style: url(../image/top/01maru.gif);
	margin-bottom: 7px;
	margin-left: -20px;
	margin-top: 5px;
}
.under {
		background: linear-gradient(transparent 60%, #afeeee 40%);
		}
.under2 {
		background: linear-gradient(transparent 60%, yellow 40%);
		}
.red {
		color: #dc143c;
	}
.douga_box{
		text-align: center;
		margin-bottom: 20px;
	}
h1 {
	margin-top: 20px;
}
h3 {
text-align: left;	
}
#copyright {
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px;
	width: 100%;
	clear: none;
	float: none;
	background: #64C01C;
	font-style: normal;
	font-size: 80%;
	margin-top: 9px;
}