body   {
    color: black;
    font-size: 10px;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
}
/*  基本ボックス */
#mainbox{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    　clear: both;
}
img .cover{
	object-fit: cover;
}

.lead {
    display: block;
    clear: both;
    font-size: 9pt;
    font-height: 12pt;
    color: #808080;
    text-align: left;
    width: auto;
    height: auto;
    padding-left: 30px;
    margin-left: auto;
    margin-right: auto;
}

/*  トップナビボックス */
#naviheader{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    height: 140px;
}


#naviheader ul{
    display: block;
    width: 100%;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
}
#naviheader ul li{float:left; display:block; 
}

#naviheader ul li :hover{backgound-color:#90ee90; display:block;
}

/*  中身ボックス */
#contentsbox{display:block; clear:both;
}


/*　a:hover {
	background-color:#006400; padding:-5px; }　*/
	
	
/*  ニュース詳しくページ（様子紹介ページ）　*/

li.popup{list-style-type:none; display:block; float:left; border-bottom-width:2px; border-bottom-style:solid; border-color:#33cc66; 
}
	
li.head {
	list-style-type:none;
	float:left;
	display:block; 
	color: #008000;
	font-weight: bold;
	font-size: 12pt;
	line-height: 150%;
	width:170px;
	 height:130px;  }


li.headright {
	list-style-type:none;
	float:left;
	display:block; 
	color: #008000;
	font-weight: bold;
	font-size: 12pt;
	line-height: 150%;
	width:160px;
	 height:140px;  }



.white12b  {
	color: #ffffff;
	font-weight: bold;
	font-size: 120%;
	line-height: 150%; }

.white12  {
	color: #ffffff;
	font-size: 120%;
	line-height: 150%; }

.white10b {font-size:10pt;line-height:15pt;color:#ffffff;font-weight:bold;}
.white10 {font-size:10pt;line-height:15pt;color:#ffffff;}
.black12b {font-size:12pt;line-height:15pt;color:#000000;font-weight:bold;}
.black12 {font-size:12pt;line-height:15pt;color:#000000;}
.black10b {font-size:10pt;line-height:14pt;color:#000000;font-weight:bold;}
.black10 {font-size:10pt;line-height:14pt;color:#000000;}
.black9b {font-size:9pt;line-height:12pt;color:#000000;font-weight:bold;}
.black9 {font-size:9pt;line-height:12pt;color:#000000;}
.black8b {font-size:8pt;line-height:12pt;color:#000000;font-weight:bold;}
.black8  { color: #000000; font-size: 8pt; line-height: 110% }
.syu10b {font-size:10pt;line-height:15pt;color:#b22222;font-weight:bold;}
.syu10 {font-size:10pt;line-height:15pt;color:#b22222;}
.syu9b {font-size:9pt;line-height:12pt;color:#b22222;font-weight:bold;}
.syu9 {font-size:9pt;line-height:12pt;color:#b22222;}
.syu8b {font-size:8pt;line-height:12pt;color:#b22222;font-weight:bold;}
.syu8 {font-size:8pt;line-height:12pt;color:#b22222;}

.kon10b {font-size:10pt;line-height:15pt;color:#000080;font-weight:bold;}
.kon10 {font-size:10pt;line-height:15pt;color:#000080;}
.kon9b {font-size:9pt;line-height:12pt;color:#000080;font-weight:bold;}
.kon9 {font-size:9pt;line-height:12pt;color:#000080;}
.kon8b {font-size:8pt;line-height:12pt;color:#000080;font-weight:bold;}
.kon8 {font-size:8pt;line-height:12pt;color:#000080;}

.gray12b {font-size:12pt;line-height:15pt;color:#808080;font-weight:bold;}
.gray12 {font-size:12pt;line-height:15pt;color:#808080;}
.gray10b {font-size:10pt;line-height:12pt;color:#808080;font-weight:bold;}
.black10 {font-size:10pt;line-height:12pt;color:#000000;}
.gray9b {font-size:9pt;line-height:12pt;color:#808080;font-weight:bold;}
.gray9 {font-size:9pt;line-height:12pt;color:#808080;}

#footer{clear:both; display:block; text-align:center; position:relative; bottom:0px; font-size:12pt; color:#008000; margin-top:40px;
}


    /*　以下BRAKE POINT指示　*/


    /*　画面サイズが600pxから960pxまではここを読み込む　*/
@media screen and (min-width:600px) and (max-width:900px){
body {
    max-width: 920px;
    min-width: 620px;
}
}


    /*　画面サイズが960pxから1280pxまではここを読み込む　*/
@media screen and (min-width:960px) and (max-width:1280px){
body {
    min-width: 980px;
    max-width: 1200px;
}
}