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

body {margin: 0px;padding: 0px; background:#008f49 url(images/bgm.gif) repeat-x;color:#000000;font:14px verdana;}

main{position: relative;width: 100%;max-width:1120px;min-width:320px;margin:auto;}
div.dline{position: relative;width: 100%;height:42px;}
div.dline a{display:inline-block;font-size:1.0em;font-weight:700;color:#ffffff;padding:9px 10px;text-decoration:none;}
div.dline a.a1{text-decoration:underline;}
div.dline a:hover{text-decoration:underline;}
header{position:relative;width: 100%;z-index:1000;}

section.flex{position:relative;display:flex;clear:both;z-index:900;background:#008543;}
section.main{position:relative;flex:1 1 80%;margin:5px 0;}
section.side{position:relative;flex:1 1 210px;display:flex;flex-direction:column;background:#006e36;border-left:1px solid #000000;}

img.im1{position:relative;display:block;width:100%;max-width:660px;height:120px;z-index:200;}
img.im2{position:relative;display:block;height:120px;z-index:100;margin-top:5px;}
nav{position: relative;width: 100%;background:#c90304 linear-gradient(#990100,#c90304,#990100);border:1px solid #51270f;border-left:none;border-right:none;z-index:2000;}
div.dh_w{position:relative;display:block;}
div.dh_n{position:relative;display:none;}

div.dh_w a{position: relative;display:inline-block;padding:3px 16px 5px 16px;color: #ffffff;font:700 1.0em arial;text-align: center;text-decoration: none;border-right:1px solid #000000;}
div.dh_w a:hover{text-decoration:underline;}
div.dh_w a.a1{text-decoration:underline;}
div.dh_n a.nm{display:block;font:1.2em verdana;color:#ffffff;text-decoration:none;padding:4px 5px;}
div#nm{position:absolute;left:10px;top:31px;display:none;border:1px solid #000000;background:#008f49;}
div#nm a{position: relative;display:block;padding:7px 30px;color: #ffffff;font: 1.0em arial;text-align: center;text-decoration: none;border-bottom:1px solid #aaaaaa;}
div#nm a:last-child{border:none;}
div#nm a.a1{background:#eeeeee linear-gradient(#eeeeee,#aaaaaa);text-decoration:underline;color:#000000;}
div#nm a:hover{background:#eeeeee linear-gradient(#eeeeee,#aaaaaa);color:#000000;}

section.side div.acc{position: relative;}
section.side div.dh1{position: relative;width: 100%;background:#c90304 linear-gradient(#990100,#c90304,#990100);border:1px solid #51270f;border-left:none;border-right:none;}
section.side div.dh1 a{position: relative;display:inline-block;padding:4px 5px;color: #ffffff;font:1.0em arial;text-align:left;text-decoration:none;}
div#dbi{position:relative;text-align:center;margin-top:5px;}
div#dbi img{display:inline-block;width:88px;height:31px;border:1px solid #888888;margin:2px;}

section.main div.dh1{position: relative;margin:5px 0 10px 0;padding:2px 5px;font:1.2em verdana;color:#000000;box-sizing:border-box;background:#eeffee;}
table.tbpick{position: relative;width: 100%;font:0.9em arial;background:#eeffee;}
table.tbpick tr:nth-child(odd){background: #96c596;}
table.tbpick td{text-align:center;color:#000000;}
table.tbpick td span{font-weight:700;}
table.tbpick tr.trh4 td{font:700 0.9em courier;color:#000000;}

div.arch{position: relative;margin: 10px 0px;}
div.arch a{display: inline-block;color: #000000;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;}


table.tbmail{width: 100%;color:#ffffff;}
table.tbmail td.tdl{text-align:left;}
table.tbmail td.tdc{text-align:center;font-size:1.2em;}
table.tbmail1 td.tdl{padding-left:50px;}

div.how{position: relative;color:#aaaaaa;font:0.8em verdana;}
p.ptc{font-size:1.4em;}
ol.ol1{padding:20px 40px;}
ol.ol1 li{font:700 1.0em courier;color:#ffffff;}
ol.ol1 ul li{font: 1.6em verdana;color:#ffffff;}
ol.ol1 ul li:hover{color:#ffd700;}
ol.ol1 a{color:#ffffff;}
ol.ol1 a:hover{color:#ffd700;}
p.p1{color:#ffffff;font-size:1.2em;background:#006e36;padding:5px;}
div.how p{padding-left:10px;}
div.how1{position: relative;color:#eeeeee;font:1.0em verdana;padding:10px;}
div.how1 a{color:#ffffff;}
div.how1 a:hover{color:#ffd700;}

input.in1{width: 150px;height: 18px;margin: 2px 5px 4px 10px;font-size: 1.0em;border: 1px solid #cccccc;color: #000000;}
input.in2{width: 30px;height: 16px;margin: 2px 5px 2px 10px;font-size: 1.0em;color: #000000;}
textarea{width:70%;margin: 2px 5px 2px 10px;}

footer{position: relative;width:100%;padding:5px 0px;font:0.9em verdana;color:#eeeeee;text-align:center;}

@media all and (max-width:410px) {
	body{font-size:11px;}
	img.im2{display:none;}
	section.side div.dh1 a{font:1.2em verdana;padding:4px 5px;}
	
	div.dh_n{display:block;}
	div.dh_w{display:none;}	
	section.flex{display:block;}
}
@media all and (min-width: 410.1px) and  (max-width:768px) {
	body{font-size:12px;}
	img.im2{display:none;}
	section.side div.dh1 a{font:1.2em verdana;padding:4px 5px;}
	
    div.dh_n{display:block;}
	div.dh_w{display:none;}
	section.flex{display:block;}
}

@media all and (min-width: 768.1px) and (max-width:1024px) {

}
@media all and (min-width: 1024.1px)  {
	
}