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

body {margin: 0px;padding: 0px; background: #fdffff;color: #666666;font: 14px verdana;}
main{position: relative;width: 100%;max-width:1100px;min-width:320px;margin:auto;z-index:100;background: url(images/bg.jpg) no-repeat 0px -200px;}
header{position: relative;width: 100%;background: #f8f8ee;border-bottom:1px solid #000000;}
header img#im1{display:block;margin:0 auto;width:100%;max-width:1100px;}
header a{display:inline-block;}
section.flex{position:relative;display:flex;z-index:1100;}
section.main{position:relative;flex:1 1 70%;margin: 5px;border:1px solid #000000;order:2;}
section.side{position:relative;flex:1 1 30%;margin: 5px;border:1px solid #000000;order:1;display:flex;flex-direction:column;}

div.dh_w{position:absolute;left:0;top:-30px;display:block;width:100%;}
div.dh_n{position:absolute;left:0;top:-35px;display:none;width:100%;z-index:2000;}
div.dh_w a{position: relative;display:inline-block;color:#000000;margin:3px 4px 4px 4px;padding:3px 10px;font:700 1.0em verdana;border:1px solid #000000;background: #eeeeeeaa;}
div.dh_w a:hover{text-decoration:none;background: #ffffffdd;}
div.dh_w a.a1{text-decoration:none;background: #ffcc00;}
div.dh_w span,div.dh_n span{float:right;display:inline-block;padding:2px 10px;margin:5px 10px 0 0;color:#000000;font:700 1.0em arial;border:1px solid #000000;background: #eeeeeeaa;}
div.dh_n a{display:inline-block;color:#ff0000;margin:3px 4px 3px 4px;padding:2px 10px;font:1.0em verdana;}
div.dh_n a.nm{position: relative;display:inline-block;color:#000000;margin:3px 4px 4px 4px;padding:3px 10px;font:700 1.0em verdana;border:1px solid #000000;background: #eeeeeeaa;}
div.dh_n div#nm{display:none;position:absolute;left:5px;top:30px;width:198px;margin-top:4px;font:1.0em verdana; border:2px solid #888888;background:#eeeeeebb;}
div.dh_n div#nm a{position: relative;display:block;color:#000000;padding:2px 10px;text-align:center;border:1px solid #555555;}
div.dh_n div#nm a:hover{text-decoration:none;}
div.dh_n div#nm a.a1{text-decoration:none;margin:2px 4px;background:#ffcc00;}
div.dh_n div#nm a.ac{border:none;text-align:right;color:#ff0000;}
div.dh_n div#nm a.ac:hover{text-decoration:none;}

div.d{position: relative;border:1px solid #aaaaaa;border-left:none;border-right:none;padding:5px;display: none;z-index:100;background:#ffffff;}
div.d a.ac{border:none;text-align:right;color:#000000;}
div.d a.ac:hover{background:none;}
div.d1{position: relative;font:0.9em arial;text-align:center;}

div.dh1{position: relative;padding:4px 5px 2px 10px;font:700 1.0em verdana;color:#252525;box-sizing: border-box;background:#dd880066;border-bottom:1px solid #000000;}
div.acc{position: relative;margin:5px 5px 0 5px;font:1.0em arial;box-sizing: border-box;border:1px solid #000000;background:#ffcc8866;}
div.acc:last-child{margin-bottom:5px;}
div.acc1{margin:10px;}
div.acc2{background:none;}
div#acc{display:none;padding-bottom:5px;}
div#acc a{display:block;color:#000000;margin:5px 10px;padding:2px 5px;border:1px solid #000000;background:#eeeeeeaa;width:170px;}
div#acc a.a1{text-decoration:none;background: #ffcc00;}
div.da2 a{width:48%;display:inline-block;}
div.dh3{position: relative;font: 1.1em arial;padding:10px;}
div.dh3 ol{position: relative;padding-left:15px;font:0.9em arial;margin:auto;}
div.dh3 Ul li{color:#ff6600;}
div.dh3 a{font-size:1.0em; color:#000000;}
div.dh3 a:hover{text-decoration:none;}
div.dh4{font-size:0.9em; line-height:0.95em;margin:10px;}
div.dh4 img{width:100%;margin:10px auto;}
div.dh5{display:flex;}
div.dh5 div.df{position:relative;flex:1 1 50%;margin: 5px;}
div.dh5 div.df a{position: relative;display:block;margin:10px;}
div.dh5 div.df img{display:block;width:100%;margin: 5px 10px 5px 0;}
div.dh5 div.df a.a3{display:inline-block;margin:0;}

table.tbpick{position: relative;width: 100%;font:0.9em arial;}
table.tbpick tr:nth-child(odd){background:#ffcc8833;}
table.tbpick td{text-align:center;}
table.tbpick td.w{background:#ffd700;}
table.tbpick td.l{background:#dddddd;}
table.tbpick td.d{background:#ffff00;}
table.tbpick tr.trh4 td{font:700 0.9em arial;color:#000000;padding:3px 0;border-right:1px solid #888888;background:#ffdd88;}
table.tbpick tr.trh4 td:last-child{border:none;}
table.tbpick tr.trh2 td{font:1.0em verdana;background:#ddddbb44;padding:6px 0;}

form.fr2{text-align:left;}

div.arch{position: relative;padding: 0px 5px;text-align:left;}
div.arch a{display: inline-block;color:#000000;padding: 2px 5px;margin:1px;font:1.1em verdana;border:1px solid #888888;}
div.arch a:hover{text-decoration:none;}
div.stat{font: 1.1em verdana;padding:5px;color:#000000;text-align: left;}

div.p{padding: 10px; color:#000000;font-size:0.9em;}
p.p1{font-size:1.1em;}
p.p1 a{color:#000000;}
p.p1 a.as{font-size:1.2em;}
p.p1 span{text-decoration:underline;color:#000000;}
p.p2{margin:10px;padding:10px;border:1px solid #000000;border-radius:10px;color:#000000;background:#dd880066;font-size:1.4em;}
p.p2 img{vertical-align:middle;}
div.dp1{position: relative;margin:10px 20px;color:#000000;}
div.dp2{position: relative;border:4px double #aaaaaa;padding:20px;margin:5px;width:250px;border-radius:20px;}
div.dp1 a{color:#000000;}
div.dp2 a{color:#000000;}

div.how1{position: relative;font:1.0em verdana;padding:10px;color:#888888;}
div.how1 a{color:#000000;font-weight:700;text-decoration:underline;}
div.how1 a:hover{text-decoration:none;}
div.how1 img{border:1px solid #ffffff;}

table.tbmail{width: 100%;}
table.tbmail td.tdr{text-align:right;}
table.tbmail td.tdl{text-align:left;}
table.tbmail td.tdc{text-align:center;font:1.2em verdana;}
table.tbmail a{color:#000000;}

qspan.right{float:left;text-align:right;}

input.in1{width: 200px;margin: 3px 0 5px 0;font-size: 1.0em;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;}
input.in3{width: 200px;margin: 3px 0 5px 0;font-size: 1.0em;border: 1px solid #888888;color: #000000;}
input.in1_1{margin: 3px 0 5px 0;font-size: 1.0em;border: 1px solid #888888;color: #000000;}
input.in1_1::placeholder{color:#cccccc;}
textarea{width:70%;margin: 2px 5px 2px 0;}/**/

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;z-index:100;}
footer hr{width:75%;}

@media all and (max-width:410px) {
	body{font-size:11px;}
	section.flex{display:block;}
	section.side{border-right:none;}
	div.dh_w{display:none;}	
	div.dh_n{display:block;}
	div.dh5{display:block;}
	div.dh5 div.df a{margin:0px;}
	div.dh5 div.df img{width:100%;}
	
	textarea{width:90%;}

}
@media all and (min-width: 410.1px) and  (max-width:768px) {
	body{font-size:12px;}
	section.flex{display:block;}
	section.side{border-right:none;}
	div.dh_w{display:none;}	
	div.dh_n{display:block;}
	div.dh5{display:block;}
	div.dh5 div.df a{margin:3px;}
	qdiv.dh5 div.df img{width:100%;}
	
	textarea{width:80%;}
}

@media all and (min-width: 768.1px) and (max-width:1024px) {
	section.flex{display:block;}
	section.side{border-right:none;}
	div.dh5 div.df img{width:80%;}
	div.dh_w{display:none;}	
	div.dh_n{display:block;}
	div.da2 a{width:30%;}
	
	textarea{width:70%;}
}
@media all and (min-width: 1024.1px)  {
	section.main{margin-left: 0;}
	
	div#acc{display:inline-block;}
	textarea{width:60%;}
	
}