body {margin:0; padding:0; text-align:center; font-size:100%; line-height:100%;
	font-family:"Calibri","メイリオ",Meiryo,Arial,'Hiragino Kaku Gothic Pro',Helvetica,'MS PGothic',Osaka,sans-serif; -webkit-text-size-adjust:100%;}
a:link {text-decoration:none; color:#000;}
a:visited {text-decoration:none; color:#006;}
a:active {text-decoration:none;}
a:hover {text-decoration: none; color:#339;}

div#c_body {margin:0 auto; max-width:740px;}
div#tophead_i {margin:8px 8px 0 8px;}
div#tophead_r {text-align:left; font-size:small; line-height:138%;}
div#sig {margin:6px 10px 12px 10px; position:relative}
div#sig div.nn {float:right; margin-right:30px; color:#fff; background-color:#086; display:inline-block; font-weight:bold; border:1px solid #fff; position:absolute;}
div#sig img {width:100%; height:auto;}
div.sz1 {margin:18px; color:#888; font-size:9pt;}
h3 {clear:left; margin:0 10px; padding:9px 10px 4px 26px; text-align:left; color:#fff; font-size:15px; height:18px;
	background-color:#333; background-image:url("../images/subback.gif"); line-height:100%;}
.sz2 {margin:7px 16px 12px 16px; font-size:small; text-align:left; line-height:160%;}
.sz2 span {color:#669;}
.sz3 {font-size:small; text-align:left; margin:10px 15px;}
.sz3 img {padding:0 7px; width:13px; height:9px;}
div.sz4 {margin-top:25px;}
div.sz4 a {padding:3px 50px; color:#fff; border-radius:13px; background-color:#069;}
form {margin:10px 20px; font-size:13px; text-align:left; color:#004;}
form p {line-height:23px;}
form p span {color:#f90;}
form p input, form p textarea {box-sizing:border-box; width:100%; resize:vertical;}
form > div#m_secu {padding:5px; background-color:#eee; border:1px solid #999; line-height:18px;}
form > div#m_secu div.ckbox {margin-top:3px; padding:4px; text-align:center; background-color:#ccc;}
form > div#mcheck {float:left; margin:6px 0;}
form > div#mcheck input {width:42px;}
form > div#ckimg {float:right;}
form p#msubmt {clear:both; margin:0 auto; width:75%;}
form p#msubmt input {margin-top:15px;padding:5px;}

td {text-align:left; font-size:13px;}
td.tth {background-color:#333; color:#fff;}
td.ttc {background-color:#fff; color:#000;}

div#badimg {margin:50px; padding:20px 10px; font-size:14px;
	border-radius:12px; background-color:#333; color:#fff; line-height:200%;}
div#badhint {margin:10px 0 0 0; padding:5px; background-color:#000; font-size:13px; color:#666;}
input.smt1 {padding:3px; width:50%;}

footer {margin:35px 16px 6px 6px; text-align:right; color:#666; font-size:12px; line-height:150%;}
footer span {padding:0 10px;}

/* send comp */
div#topsub {margin-bottom:10px; padding:10px 5px; color:#fff; background-color:#006; line-height:136%;}
div#topnone {margin-bottom:20px; padding:15px 5px; color:#fff; background-color:#f00;}
div#topword {padding:10px 0; text-align:left; font-size:14px; line-height:140%;}
div#formbody {text-align:left; font-size:14px; line-height:140%;}
p#totop a {margin:15px 0; padding:10px 6px; color:#336; font-size:13px; font-weight:bold; width:75%; display:inline-block;
	background-color:#eef; border-radius:15px; border:1px solid #889;}

div.clr {clear:both;}

@media only screen and (min-width:620px) {
	div#tophead_i {float:left; box-sizing:border-box; width:32%;}
	div#tophead_i img {width:92%; height:auto;}
	div#tophead_r {padding:12px 10px 10px 0; box-sizing:border-box;}
	div#sig div.nn {padding:7px 26px; border-radius:15px; top:35px; right:10px;}
	form > div#mcheck input {margin-left:8px;}
	form > div#mcheck br {display:none;}
	form > div#ckimg {margin:5px 5px 0 0;}
	table {margin:0 24px;}
	td {padding:5px 12px;}
	div#n_body {clear:left; margin:10px 20px;}
	div#topsub br {display:none;}
}

@media only screen and (max-width:619px) {
	div#tophead_i img {width:200px; height:auto;}
	div#tophead_r {margin:3px 10px;}
	div#sig div.nn {padding:4px 18px; border-radius:13px; font-size:small; top:25px; right:0;}
	form > div#ckimg {margin:15px 5px 0 0;}
	table {margin:0 12px;}
	td {padding:5px;}
	div#n_body {margin:10px 8px;}
}