@charset "utf-8";
/* CSS Document */

body {margin: 0px;padding: 0px; background:#25480e;color:#000000;font:14px verdana;}
main{position: relative;width: 100%;max-width:1150px;min-width:320px;margin:auto;}
header{position:relative;width: 100%;z-index:1000;}
header>img{display:block;width:100%;}
header div.d1{position:absolute;right:50px;top:1%;font:1.4em verdana;color:#ffffff;text-shadow:1px 1px #000000,-1px 1px #000000,1px -1px #000000,-1px -1px #000000;}

nav.nav{position: absolute;left:0px;bottom:-31px;width: 100%;margin:0;}
div.dh_w{position:relative;display:block;}
div.dh_n{position:relative;display:none;}

div.dh_w a{position: relative;display:inline-block;background:#25480e linear-gradient(#75985e,#25480e);max-width: 180px;min-width:100px;padding:7px 0px;color: #ffffff;font: 700 1.0em arial;text-align: center;text-decoration: none;border:1px solid #000000;border-bottom:none;border-top-left-radius: 5px;border-top-right-radius: 5px;margin:0 1px 0 1px; }
div.dh_w a:first-child{margin-left:30px;}
div.dh_w a:hover{text-decoration: underline;}
div.dh_w a.a1{background:#4a9301 linear-gradient(#7ac331,#4a9301);margin-bottom:0;padding:7px 0 8px 0;}
div.dh_w div.d2{position:relative;background:#4a9301;height:30px;border-radius: 5px;margin:0 3px;}
div.dh_n div.d2{position:relative;background:#4a9301;height:30px;border-radius: 5px;margin:0 3px;}
div.dh_n div.d2 a.nm{display:block;font:700 1.2em verdana;color:#ffffff;text-decoration:none;padding:4px 5px;}
div.dh_n div.d2 span{text-align:right;float:right;}
div.dh_n div.d2 span a{display:inline-block;font:700 1.1em verdana;color:#ffffff;padding:4px;}
div.dh_n div.d2 span a.a1{text-decoration:none;}
div.dh_n div.d2 span a:hover{text-decoration:none;}

div#nm{position:absolute;left:10px;top:31px;display:none;border:1px solid #000000;background:rgba(50,90,50,0.9);}
div#nm a{position: relative;display:block;width:150px;padding:9px 0px;color: #ffffff;font: 700 1.0em arial;text-align: center;text-decoration: none;border-bottom:1px solid #000000;}
div#nm a:last-child{border-bottom:none;}
div#nm a:hover{text-decoration: underline;}
div#nm a.a1{background:#4a9301 linear-gradient(#7ac331,#4a9301);}

section.flex{position:relative;display:flex;clear:both;z-index:900;background:#ffffff;padding-top:35px;}
section.main{position:relative;flex:1 1 70%;margin:5px 5px 5px 0;order:2;}
section.side{position:relative;flex:1 1 30%;margin:5px;display:flex;flex-direction:column;order:1;}

section.side div.acc{position: relative;;margin:5px;padding:5px;border:1px solid #4a9301;border-radius: 8px;box-sizing:border-box;}
section.side div.acc div.dh1{position: relative;margin-bottom:10px;padding:2px;background:#4a9301;font:1.1em verdana;color:#ffffff;border: 1px solid #000000;border-top-left-radius: 5px;border-top-right-radius: 5px;box-sizing:border-box;}
section.side div.acc div.dh2{padding:10px 10px 20px 10px;}
section.side div.acc div.dh2 a{display:block;font:700 1.1em verdana;color:#4a9301;}
section.side div.acc div.dh2 a:hover{text-decoration:none;}
section.side div.acc div.dh2 a.a1{text-decoration:none;}
section.side div.acc div.dh2 ol{padding-left:10px}
section.side div.acc div.dh2 ol a{display:inline-block;}
div#dbi{text-align:center;}
div#dbi img{width:88px;height:31px;border:1px solid #888888;margin:2px;}

section.main div.dh1{position: relative;margin:10px 0;padding:2px;font:700 1.1em verdana;color:#000000;box-sizing:border-box;}
table.tbpick{position: relative;width: 100%;}
table.tbpick tr:nth-child(even){background: #84d433;}
table.tbpick tr:nth-child(odd){background: #74c423;}
table.tbpick td{text-align:center;color:#000000;border-bottom: 1px solid #ffffff;border-left: none;border-right: none;}
table.tbpick tr.trh4 td{font:700 0.8em arial;color:#000000;}
table.tbpick tr.trh2 td{font: 700 1.2em arial;}

div.arch{position: relative;margin: 10px 0px;}
div.arch a{display: inline-block;color: #4a9301;margin: 3px 10px;font: 1.2em verdana;}
div.arch a:hover{text-decoration:none;}
div.stat{font-size: 1.2em;margin: 5px 0;padding:5px;color #000000;font-weight: 700;text-align: left;border: 1px solid #aaaaaa;border-radius: 5px;}

table.tbmail{width: 100%;background: #4a9301;color:#ffffff;}
table.tbmail td.tdl{text-align: left;width:60%;}
table.tbmail td.tdr{text-align: right;}

div.how{position: relative;color:#aaaaaa;font:0.9em courier;}
ol.ol1{background:#4a9301;padding:20px 5px;border-radius: 5px;}
ol.ol1 li{font:700 1.0em verdana;color:#ffffff;}
ol.ol1 ul li{font: 1.2em verdana;color:#dddddd;}
ol.ol1 ul li:hover{color:#ffcc00;}
ol.ol1 a{color:#ffffff;}
ol.ol1 a:hover{text-decoration:none;}
p.p1{background:#4a9301;color:#ffffff;padding:10px;}

input.in1{width: 150px;height: 18px;margin: 2px 5px 4px 0px;font-size: 1.0em;border: 1px solid #cccccc;color: #000000;}
input.in2{width: 30px;height: 16px;margin: 2px 5px 2px 0px;font-size: 1.0em;color: #000000;}
footer{position: relative;width:100%;padding:5px 0px;font:0.9em verdana;color:#dddddd;text-align:center;}

@media all and (max-width:410px) {
	body{font-size:11px;}
	header div.d1{top:0.1%;right:10px;font-size:1.2em}
	div.dh_n{display:block;}
	div.dh_w{display:none;}	
	a.nm{padding-top:6px;}
	section.flex{display:block;}
	section.main{margin:5px;}
	
	textarea{width:90%;}

}
@media all and (min-width: 410.1px) and  (max-width:768px) {
	body{font-size:12px;}
	header div.d1{right:20px;}
	div.dh_n{display:block;}
	div.dh_w{display:none;}
	a.nm{padding-top:6px;}
	section.flex{display:block;}
	section.main{margin:5px;}
	
	textarea{width:90%;}
}

@media all and (min-width: 768.1px) and (max-width:1024px) {
	header div.d1{right:40px;}
	div.dh_n{display:block;}
	div.dh_w{display:none;}
	a.nm{padding-top:6px;}
	section.flex{display:block;}	
	section.main{margin:5px;}
	
	textarea{width:70%;}
}
@media all and (min-width: 1024.1px)  {
	
	textarea{width:60%;}
	
}