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

body {margin: 0px;padding: 0px; background: #ffffff url(images/back.png) repeat-x;color: #ffffff;font: 14px verdana;}
main{position: relative;width: 100%;max-width:1150px;min-width:320px;margin:auto;}
header.h0{position: relative;width: 100%;}
header.h0>img{position: relative;width: 100%;display:block;}

section.flex{position:relative;display:flex;z-index:1100;background:#445f83;}
section.main{position:relative;flex:1 1 70%;margin: 0 1px 5px 0;order:2;}
section.side{position:relative;flex:1 1 29%;margin: -84px 0 5px 0;padding:5px;display:flex;flex-direction:column;order:1;background:#445f83;}

header.h1{position: relative;width: 100%;z-index:1000;}
nav.n1{position: relative;width:100%;padding:1px;box-sizing:border-box;}
nav.n2{position: relative;width:100%;}

div.dh_w{position:relative;display:block;background:#fea551 linear-gradient(to bottom,#fea551,#b26f2b);border:1px solid #aaaaaa;}
div.dh_n{position:relative;display:none;z-index:2000;}
div.dh_w a{position: relative;display:inline-block;color:#003399;padding:2px 10px;font:1.0em verdana;border-right: 1px solid #003399;}
div.dh_w a:hover{text-decoration:none;}
div.dh_w a.a1{text-decoration:none;color:#ffffff;}

div.dh_n div#d_menu{position:absolute;top:6px;left:80px;color:#dddddd;font-style:italic;}
div.dh_n a.nm{display:block;color:#ffffff;padding:3px 10px 6px 10px;font:1.0em verdana;background:#fea551 linear-gradient(to bottom,#fea551,#b26f2b);border:1px solid #aaaaaa;}
div#nm{position:absolute;left:5px;top:30px;display:none;border:1px solid #000000;background:#5682b3;width:190px;}
div#nm a{position: relative;display:block;padding:6px 20px;color:#003399;font:1.2em verdana;background:#fea551 linear-gradient(to bottom,#fea551,#b26f2b);border:1px solid #bbbbbb;margin:1px;}
div#nm a.a1{color:#ffffff;}
div#nm a:hover{text-decoration: none;}

div.dh1{position: relative;top:-1px;padding:4px 5px 6px 10px;font:700 1.0em verdana;color:#000000;background:#efefef linear-gradient(to bottom,#96c2f361,#ffffff 80%);box-sizing:border-box;border:1px solid #aaaaaa;border-left:none;border-right:none;}
div.acc{position: relative;width: 100%;margin-bottom:5px;color:#000000;border: 1px solid #ffffff;font:1.0em arial;background:#ffffff;box-sizing: border-box;}
div.dh2{position: relative;width:100%;padding:3px 5px 5px 5px;font:1.1em verdana;color:#ffffff;background:#2a425f;box-sizing: border-box;}
div.dh3{position: relative;width: 100%;font: 1.1em arial;padding:10px;box-sizing: border-box;}
div.dh3 span{font-size:1.2em;font-weight:700;color:#006699;}
nav.n1 div{margin:5px;}
nav.n1 a{display:inline-block;color:#006699;margin:5px;}
nav.n1 a:hover{text-decoration:none;}
nav.n1 a.a1{text-decoration:none;}
div.dh3 ol{position: relative;padding-left:20px;font:0.9em arial;margin:auto;}
div.dh3 ol a,div.dh3 a{color:#006699;}
div.dh3 ol a:hover,div.dh3 a:hover{text-decoration:none;}

div.menuf{position: relative;margin: 1px 0px;background:#efefef linear-gradient(to bottom,#96c2f361,#ffffff 60px);border: 2px solid #cfcfcf;border-radius: 10px;}
qdiv.menuf div.d1{position: relative;color: #ffffff;font: 700 14px verdana;margin: 5px 0px 0px 10px;}
qdiv.menuf div.d2{position: relative;width: 75%;color: #666666;font: 700 1.8em verdana;margin: 50px auto 50px auto;text-align: center;}
qdiv.menuf div.d21{position: relative;width: 75%;color: #000000;font: 700 2.0em verdana;margin: 5px auto;}
qdiv.menuf div.d22{position: relative;width: 75%;color: #444444;font: 1.6em verdana;margin: 10px auto;}
qdiv.menuf div.d3{position: relative;display:inline-block;width: 25%;color: #999999;font: italic 18px verdana;margin-top: 3px;text-align: center;}

table.tbpick{position: relative;width: 100%;font:1.0em arial;border:1px solid #dddddd;}
qtable.tbpick tr:nth-child(odd){background:#e0e0e0;}
table.tbpick td{text-align:center;color:#ffffff;border-bottom:1px solid #888888;}
table.tbpick td span{font:700 1.0em verdana;color:#006699;}
table.tbpick tr.trh4 td{font:700 1.0em arial;color:#ffffff;padding:5px 0;background:#5682b3;}
table.tbpick tr.trh2 td{color:#1b3412;font:1.2em arial;background:#ffffff;}

div.arch{position: relative;margin: 10px 0px;}
div.arch a{display: inline-block;color:#ffffff;margin: 3px 10px;font:1.1em verdana;}
div.arch a:hover{text-decoration:none;}
div.stat{font: 1.1em verdana;margin: 5px 0;padding:5px;color:#ffffff;text-align: left;background:#5682b3;}


p.p1{position: relative;margin:0;padding:10px 0 10px 10px;font:1.2em verdana;color:#ffffff;background:#5682b3;}
ol.ol1,ol.ol1 ul{color:#ffffff;padding:20px 0 20px 40px;margin:0px;font:1.1em verdana;}
ol.ol1 ul{color:#ffd700;}
ol.ol1 a{color:#ffd700;font-size:1.1em;}
ol.ol1 a:hover{text-decoration:none;}

div.how{position: relative;color:#aaaaaa;font:0.9em arial;}
div.how p.ptc{font-size:1.2em;}
div.how p{padding:5px 10px;margin:0;}
div.how1{position: relative;color:#dddddd;font:1.0em verdana;padding:10px;}
div.how1 a{color:#ffffff;font-weight:700;}
div.how1 a:hover{text-decoration:none;}
div.how1 img{border:1px solid #888888;}

table.tbmail{width: 100%;color:#ffffff;border:1px solid #ffffff;margin-right:1px;box-sizing:border-box;}
table.tbmail td.tdr{text-align:right;width:25%;}
table.tbmail td.tdl{text-align:left;}
table.tbmail td.tdc{text-align:center;font:1.2em verdana;}
table.tbmail td.td66{color:#bbbbbb;}
table.tbmail td.td16{font-size:1.6em;}
table.tbmail td.td20{font-size:2.0em;}

input.in1{qwidth: 150px;qheight: 21px;margin: 3px 2px 5px 5px;font-size: 1.1em;border: 1px solid #888888;color: #000000;}
input.in1::placeholder{color:#cccccc;}
input.in2{width: 30px;height: 16px;margin: 2px 5px 2px 2px;font-size: 1.0em;color: #000000;}

textarea{width:70%;margin: 2px 5px 2px 5px;}

div#dbi{text-align:center;padding-top:5px;}
div#dbi img{display:inline-block;width:88px;height:31px;border:1px solid #888888;margin:2px;display:inline-block;}

footer{position:relative;width:100%;text-align:center;color:#aaaaaa;}
footer hr{width:75%;}

@media all and (max-width:410px) {
	body{font-size:11px;}
	div.dh_w{display:none;}	
	div.dh_n{display:block;}
	section.flex{display:block;}
	section.side{margin-top: 5px;}
	div#acc_ma{display:none;}

	textarea{width:90%;}

}
@media all and (min-width: 410.1px) and  (max-width:768px) {
	body{font-size:12px;}
	div.dh_w{display:none;}	
	div.dh_n{display:block;}
	section.flex{display:block;}
	section.side{margin-top: 5px;}
	div#acc_ma{display:none;}

	textarea{width:80%;}
}

@media all and (min-width: 768.1px) and (max-width:1024px) {
	div.dh_w{display:none;}	
	div.dh_n{display:block;}
	section.flex{display:block;}
	section.side{margin-top: 5px;}
	div#acc_ma{display:none;}
	textarea{width:70%;}
}
@media all and (min-width: 1024.1px)  {
	div.dh_n a.nm{margin-right:0px;}
	textarea{width:60%;}
	
}