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

body {margin: 0px;padding: 0px; background:#cacaca;color:#000000;font:14px verdana;}
main{position: relative;width: 100%;max-width:1150px;min-width:320px;margin:auto;}
header.h0{position: absolute;left:0;top:0;width: 100%;z-index:1;}
header.h0>img{position: absolute;left:-9%;top:20px;width:70%;display:block;}
header.h1{position: relative;width: 100%;z-index:1000;}
div.dus{position:relative;font:italic 700 1.4em times new roman;color:#000000;text-shadow:2px 2px 2px #ffffff,-2px 2px 2px #ffffff,2px -2px 2px #ffffff,-2px -2px 2px #ffffff;}
div.dus img{position: relative;width:100%;max-width:900px;}

nav.n2{position: relative;padding:5px;margin-right:5px;background:#efefdf linear-gradient(to bottom,#f6f6f6,#dddddd);border-radius:5px;box-sizing:border-box;z-index:200;}
div.dh_w{position:relative;display:block;}
div.dh_n{position:relative;width:100%;display:none;}
div.dh_w a{position: relative;display:inline-block;padding:5px 15px 7px 15px;color:#777777;font-size:1.0em;font-weight:700;border-right:1px solid #f8f8f8;}
div.dh_w a:hover{text-decoration:none;background:#ffc53f linear-gradient(to bottom,#fee64a,#ffc53f);}
div.dh_w a.a1{text-decoration:none;background:#ffc53f linear-gradient(to bottom,#fee64a,#ffc53f);}
div.dh_n a.nm{display:inline-block;padding:5px 15px 7px 15px;color:#777777;font:700 1.0em verdana;}
div#nm{position:absolute;left:5px;top:22px;padding:5px 0px;display:none;border:1px solid #000000;background:rgba(255, 255,255,0.8);width:200px;z-index:100;}
div#nm a{position: relative;display:block;margin:-1px 5px;padding:5px 15px 7px 15px;color:#777777;font:700 1.0em verdana;background:#efefdf linear-gradient(to bottom,#f6f6f6,#dddddd);border:1px solid #777777;}
div#nm a.a1{text-decoration:none;background:#ffc53f linear-gradient(to bottom,#fee64a,#ffc53f);}
div#nm a:hover{text-decoration:none;}

nav.n1{display:none;}
nav.n1 a{display:inline-block;color:#000000;padding: 2px 20px;margin-right:7px;background:#ffc53f linear-gradient(to bottom,#fee64a,#ffc53f);border-radius:5px;box-shadow:1px 1px #888888;}
nav.n1 a:hover{background:#ffc53f linear-gradient(to bottom,#ffc53f,#fee64a);}
nav.n1 a.a2{display:inline-block;text-align:right;padding:5px 0 2px 5px;margin:0 5px 3px 0;background:none;border-radius:0;box-shadow:none;}
nav.n1 a.a2:hover{background:none;text-decoration:none;}

section.flex{position:relative;display:flex;z-index:900;margin: 5px 0 20px 0;z-index:10;}
section.main{position:relative;flex:1 1 78%;order:2;padding-right:5px;}
section.side{position:relative;flex:1 1 22%;display:flex;flex-direction:column;order:1;margin-right:5px;}
div.dh1{position: relative;padding:8px 5px 10px 5px;font:700 1.0em verdana;color:#000000;box-sizing: border-box;}
div.acc{position: relative;margin-bottom:5px;background:#efefef;border: 1px solid #888888;border-top-left-radius:8px;border-top-right-radius:8px;box-sizing:border-box;}
div.dh2{color:#444444; padding:3px 5px 5px 5px;font:400 1.0em verdana;border-top-left-radius:7px;border-top-right-radius:7px;background:#aaaaaa linear-gradient(to bottom,#d2d2d2,#959595);text-shadow:1px 1px #ffffff;}
div.dh3{position: relative;width: 100%;font: 1.0em arial;color:#000000;padding:10px;box-sizing: border-box;}
div.dh3 div{border-bottom:1px solid #dddddd;}
div.dh3 span{font-size:1.2em;}
div.dh3 ol{position: relative;padding-left:15px;font:400 0.9em arial;margin:auto;}

table.tbpick{position: relative;width: 100%;font:0.9em arial;margin-top:20px;}
table.tbpick tr{}
table.tbpick tr:nth-child(odd){background:#efefef;}
table.tbpick td{text-align:center;color:#000000;border-bottom:1px solid #888888;}
table.tbpick tr.trh4 td{font:700 1.0em arial;color:#444444;padding:10px 0;background:#dadada;}
table.tbpick tr.trh2 td{color:#000000;font:700 1.2em arial;}

div.arch{position: relative;margin: 10px 0px;}
div.arch a{display: inline-block;color:#888888;margin: 3px 10px;font:700 1.2em verdana;}
div.arch a:hover{text-decoration:none;}
div.stat{font-size: 1.2em;margin: 5px 0;padding:5px;color:#444444;text-align: left;}

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

p.p1{position: relative;margin:5px 0 10px 5px;padding:2px 5px;font:1.2em verdana;color:#000000;}
ol.ol1{color:#666666;background:#efefef;padding:10px 30px;}
ol.ol1 ul{font:1.1em verdana;color:#000000;}
ol.ol1 ul span{font:700 1.2em verdana;}
ol.ol1 a{color:#444444;}
ol.ol1 a:hover{color:#000000;}
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:#666666;font:1.0em verdana;padding:10px;}
div.how1 a{color:#000000;font-weight:700;}
div.how1 a:hover{color:#444444;}
div.how1 img{border:1px solid #000000;}

input.in1{width: 150px;margin: 0 5px;font-size: 1.1em;border: 1px solid #888888;}
input.in1::placeholder{color:#bbbbbb;}
input.in2{width: 30px;margin: 5px 5px;font-size: 1.0em;color: #000000;}

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

footer{position:relative;margin-top:20px;width:100%;padding-top:20px;background:#2a2a2a;text-align:center;color:#aaaaaa;}
footer div.df{position: relative;width: 100%;max-width:1050px;min-width:320px;margin:auto;}
div#dbi img{display:inline-block;width:88px;height:31px;border:1px solid #888888;margin: 2px;}
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.dus{left:5px;top:0px;font-size:1.2em;}
	
	section.flex{display:block;}
	section.main{margin-right:5px;}

	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.dus{left:5px;top:0px;font-size:1.3em;}
		
	section.flex{display:block;}
	
	textarea{width:80%;}
}

@media all and (min-width: 768.1px) and (max-width:1024px) {
	div.dus{left:5px;}
	nav.n1{display:block;position: absolute;top:5px;right:5px;border:3px double #888888;border-radius:5px;background:#efefdf linear-gradient(to bottom,#f6f6f6,#dddddd);z-index:200;}
	span.lg{display:none;}
	section.flex{display:block;}
	textarea{width:70%;}
}
@media all and (min-width: 1024.1px)  {
	nav.n1{display:block;position: absolute;top:5px;right:5px;border:3px double #888888;border-radius:5px;background:#efefdf linear-gradient(to bottom,#f6f6f6,#dddddd);z-index:200;}
	span.lg{display:none;}
	textarea{width:60%;}
	
}