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

body {margin: 0px;padding: 0px; background: #ffffff;color: #666666;font: 14px verdana;}
main{position: relative;width: 100%;max-width:1100px;min-width:320px;margin:auto;z-index:100;border:1px solid #000000;}
section.main header{position: relative;width: 100%;z-index:1000;}
section.main header img{display:block;width:100%;max-height:145px;}
section.side header{display:none;}
section.side header img{display:block;width:100%;max-height:167px;}
section.flex{position:relative;display:flex;z-index:1100;}
section.main{position:relative;flex:1 1 75%;margin: 0px 0px 5px 0;order:1;}
section.side{position:relative;flex:1 1 15%;margin: 0px 0px 5px 0px;display:flex;flex-direction:column;order:2;border-left:1px solid #000000;}

div.dh_w{position:relative;display:block;}
div.dh_n{position:relative;width:60px; display:none;z-index:2000;}
div.dh_w a{position: relative;display:block;color:#000000;padding:2px 10px;font:1.0em verdana;text-align:center;}
div.dh_w a:hover{background:#eeeeee;text-decoration:none;}
div.dh_w a.a1{text-decoration:none;color:#000000;text-decoration:none;border:1px solid #666666;margin:2px 4px;}
div.dh_w a.ac{border:none;text-align:right;color:#000000;}
div.dh_w a.ac:hover{background:none;}
div.dh_n a{display:block;color:#000000;}
div.dh_n a.nm{display:inline-block;color:#ffffff;}
div.dh_n div#nm{display:none;position:absolute;left:-7px;top:18px;width:198px;margin-top:4px;font:1.0em verdana; border:2px solid #888888;background: #ffffff;}
div.dh_n div#nm a{position: relative;display:block;color:#000000;padding:2px 10px;text-align:center;}
div.dh_n div#nm a:hover{background:#eeeeee;text-decoration:none;}
div.dh_n div#nm a.a1{text-decoration:none;color:#000000;text-decoration:none;border:1px solid #666666;margin:2px 4px;}
div.dh_n div#nm a.ac{border:none;text-align:right;color:#000000;}
div.dh_n div#nm a.ac:hover{background:none;}

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


div.dh1{position: relative;padding:4px 5px 2px 10px;font:700 1.0em times new roman;color:#ffffff;background:#ff0000;box-sizing: border-box;}
img#im_buy{display:block;margin:auto;max-width:678px;width:100%;}
div.acc{position: relative;width: 100%;margin-bottom:20px;font:1.0em arial;box-sizing: border-box;}
div.dh3{position: relative;font: 1.1em arial;padding:10px;color:#666666;}
div.dh3 ol{position: relative;padding-left:15px;font:0.9em arial;margin:auto;}
div.dh3 a{font-size:1.0em;color:#000000;}
div.dh3 a:hover{text-decoration:none;}

table.tbpick{position: relative;width: 100%;font:0.9em arial;color:#000000;}
table.tbpick tr:nth-child(odd){background:#f0f0f0;}
table.tbpick td{border-bottom:1px solid #aaaaaa;text-align:center;}
table.tbpick td img{width:14px;}
table.tbpick tr.trh4 td{font:700 1.0em verdana;color:#000000;padding:3px 0;background:#ff0000;}
table.tbpick tr.trh2 td{font:1.0em verdana;background:#cccccc linear-gradient(to bottom,#eeeeee,#aaaaaa);}

div.arch{position: relative;padding: 0px 5px;}
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;background:#cccccc linear-gradient(to bottom,#eeeeee,#aaaaaa);}

div.p{padding: 10px; color:#bbbbbb;font-size:0.9em;}
p.p1{font-size:1.1em;color:#000000;}
div.dp1{position: relative;margin:5px 30px;color:#888888;}
div.dp2{position: relative;border:1px solid #aaaaaa;padding:20px;10px;margin:5px;width:250px;}
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%;color:#000000;}
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;}

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

input.in1{width: 96%;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: 98%;margin: 3px 0 5px 0;font-size: 1.0em;border: 1px solid #888888;color: #000000;}
input.in1_1{width: 150px;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:inline-block;}

	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:inline-block;}

	textarea{width:80%;}
}

@media all and (min-width: 768.1px) and (max-width:1024px) {
	section.flex{display:block;}
	section.side{border-right:none;}
	div.dh_w{display:none;}	
	div.dh_n{display:inline-block;}

	textarea{width:70%;}
}
@media all and (min-width: 1024.1px)  {
	section.main header img{height:145px;}
	section.side header{display:block;}
	textarea{width:60%;}
	
}