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


a.btnCancel {
	background: #989898;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 15px 0;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	transition: .2s linear;
	display: inline-block;
	vertical-align: middle;
	width: 150px;
}

a.btnCancel:hover {
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	transition: .2s linear;
	background: rgba(204,204,204,1);
}


a.btnTransmission {
	background: #989898;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 15px 0;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	transition: .2s linear;
	display: inline-block;
	vertical-align: middle;
	width: 150px;
}

a.btnTransmission:hover {
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	transition: .2s linear;
	background: rgba(204,204,204,1);
}


a.btnCancel,
a.btnCancel:link,
a.btnCancel:hover,
a.btnCancel:visited { color: #fff; }


table td{ background: #fff;}
table th{ background: #346393; color: #fff;}

table td, table th {
    padding:15px;
    border-right: 2px solid #f4f4f6;
    border-bottom: 2px solid #f4f4f6;
    line-height: 1.5rem;
    vertical-align: top;
	text-align:left;
}

#formArea {margin:0 auto 80px;width:920px; background:#f4f4f6; padding:30px;}
.chargetable th {
    padding: 8px 15px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    line-height: 1.5rem;
    vertical-align: top;}
#entryBtn { margin-top:40px;}
#frontFrm table { margin:0 auto;}
.mar20 { margin-right:20px;}

@media screen and (max-width: 768px) {
#formArea {margin:0 auto 80px;width:100%; padding:20px 10%;}

}

@media screen and (max-width: 480px) {
#pop_body { padding:10px 10px 30px 10px;}

#contentWidthfree { width:90%;}
#formArea {margin:0 auto 80px;width:90%; padding:20px 5%;}
	
	.rpOr { width: 94%; }

	
	table { width: 100%; table-layout: auto; margin: 0 auto 40px;  }
	table td,
	table th { padding: 3px; border-right: none; border-bottom: 1px solid #fff; font-size: 0.8rem;   }
	col.ctw { width: 2em;}
	table { width: 100%; table-layout: fixed; }
	table th { color: #fff; font-weight: normal; font-size: 0.8rem; }
	table td,
	table th { display: block; width: 95% ; width: calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); padding: 3px 5px; border-right: none; border-bottom: 1px solid #fff;  }
	table td { font-size: 0.8rem; border-bottom: 3px solid #fff; }
	#entryBtn { margin-top:30px;}
#entryBtn a{ float:none; display:block; width:100%; margin:0 auto;}
#entryBtn .btnCancel{ margin-bottom:20px;}
.mar20 { margin-right:0;}

}