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

body {margin: 0px;padding: 0px; background: #ffffff;color: #000000;font: 14px verdana;}
main{position: relative;width: 100%;max-width:1024px;min-width:320px;margin:auto;border:1px solid #888888;}
header{position: relative;z-index:1000;}
header img{position: relative;width: 100%;display:block;}
nav.n1{position: relative;text-align:right;color:#000000;background:#f5831f;border-bottom:1px solid #cb2201;}
nav.n1 a{display:inline-block;color:#000000;margin:1px 3px;font-size:0.9em;}
nav.n1 a:hover{text-decoration:none;}
nav.n1 a.a1{text-decoration:none;font-weight:700;}
nav.n1 div.d{position: absolute; top: 30px;border: 1px solid #888888;background: #ffffff;display: none;z-index:100;}
nav.n1 span.srf{display:none;} 
div#dfg{right: 5px;width: 270px;}
div#drg{right: 5px;width: 270px;}
div#dch{right: 5px;width: 270px;}
nav.n1 div.d a.a1{text-align: center;margin: 5px;color:#000000;text-decoration:underline;}
nav.n1 div.d1{font-size: 11px;margin: 5px;}
nav.n1 div.d2{font-size: 12px;margin: 5px;border: 1px solid #ffffff;}

nav.n2{position: relative;width:100%;}
div.dh_w{position:relative;display:block;background: #f5831f;color:#000000;border-top:1px solid #cb2201;border-bottom:1px solid #cb2201;}
div.dh_n{position:relative;display:none;background: #f5831f;border-top:1px solid #cb2201;border-bottom:1px solid #cb2201;}
div.dh_w a{position: relative;display:inline-block;margin:3px 0 5px 0;padding: 0px 10px;color:#000000;}
div.dh_w a.a1{font-weight:700;text-decoration:none;}
div.dh_n a.nm{display:inline-block;margin:3px 0 5px 0;padding: 0px 10px;color:#000000;font-weight:700;}
div#nm{position:absolute;left:5px;top:30px;display:none;border:1px solid #000000;background:#ffffff;width:190px;}
div#nm a{position: relative;display:block;margin:3px 5px 5px 3px;padding: 3px 20px;color:#000000;text-align:center;border-bottom:1px solid #bbbbbb;}
div#nm a:last-child{border-bottom:none;}
div#nm a.a1{font-weight:700;text-decoration:none;}

div.acc{position: relative;margin:10px;color:#000000;font:1.0em arial;border:1px solid #cb2201;background:#ffffff;}
div.dh2{position: relative;padding:3px 5px 5px 5px;font:1.1em verdana;color:#ffffff;background:#f5831f;}
div.dh2_1{position: relative;padding:3px 5px 5px 5px;font:1.2em verdana;color:#000000;}
div.dh3{position: relative;font: 1.1em verdana;padding:10px;}
div.dh3 span{font-size:1.2em;font-weight:700;color:#006699;}

div.dp0{position: relative;text-align: center;}
div.dp{position: relative;display:inline-block;width: 32%;margin:0.5%;min-height:110px;font: 1.1em tahoma;border:1px solid #000000;vertical-align:middle;;color: #666666;text-align:center;}
div.dp1{margin: 2px;}
div.dp1_1{margin-bottom: 2px;width: 100%;padding: 2px 0;font-size:1.2em;}
div.dp1_2{background:#f5831f;}
div.dp2{margin: 2px;text-align: center;padding-top: 15px;}
div.dp2 a{display:block;font-weight:400;color: #aaaaaa;text-decoration:underline;}
div.dp2 a:hover{color: #000000;text-decoration: none;}
div.dp2_1{font-size:1.2em;}
div.dp2_1 a{font-size:1.0em;color:#ffffff;margin-bottom:15px;}
div.dp2_1 a:hover{color:#ffffff;text-decoration: none;}
div.p1{margin: 10px;line-height: 1.5em;}

table.tbpick{position: relative;width: 100%;font:0.9em arial;color:#000000;}
table.tbpick tr:nth-child(odd){background:#f8f8f8;}
table.tbpick td{text-align:center;border-bottom:1px solid #dddddd;}
table.tbpick td span.w{font:1.0em verdana;font-weight:700;color:#d56300;}
table.tbpick td span.l{font:1.0em verdana;font-weight:700;color:#aaaaaa;}
table.tbpick td span.d{font:1.0em verdana;font-weight:700;color:#f5831f;}
table.tbpick tr.trh4 td{font:700 1.0em verdana;color:#ffffff;padding:5px 0;background:#f5831f;}

div.arch{position: relative;margin: 0px;display:inline-block;}
div.arch a{display: inline-block;color:#000000;margin: 2px 3px;font:1.0em verdana;}
div.arch a:hover{text-decoration:none;}
div.arch strong{font-size:1.1em;margin-left:5px;}
div.stat{font: 1.1em verdana;margin: 5px 0;padding:5px;color:#000000;text-align: left;background:#f8f8f8;}

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

div.how1{position: relative;color:#000000;font:1.0em verdana;padding:10px;}
div.how1 a{color:#666666;font-weight:700;}
div.how1 a:hover{color:#000000;}
div.how1 img{border:1px solid #000000;}
div.how1 p.p1{font:1.2em verdana;padding:10px;}

input.in1{height: 18px;margin: 2px 0 2px 4px;font-size: 0.9em;border: 1px solid #888888;color: #000000;}
input::placeholder{color:#cccccc;}
input.in2{margin:1px 5px 1px 1px;color: #000000;}


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

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;}
	div.dp{width: 95%;}
		
	input.in1{width:100px;}
	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;}
	div.dp{width: 95%;}
	
	input.in1{width:120px;}
	textarea{width:80%;}
}

@media all and (min-width: 768.1px) and (max-width:1024px) {
	nav.n1 span.srf{display:inline-block;}
	div.dp{width: 48%;}
	input.in1{width:130px;}
	textarea{width:70%;}
}
@media all and (min-width: 1024.1px)  {
	nav.n1 span.srf{display:inline-block;}
	input.in1{width:150px;}
	textarea{width:60%;}
	
}