html {
	width:100%;
	height:100%;
	overflow-x: auto;
	overflow-y: scroll;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, 'Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',sans-serif;
}
html, body, form, h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
}
body, td, th {
	font-size:10pt;
}
body {
	text-align: center;
}
#wrapper {
	width:860px;
	margin: 0 auto;
	text-align: left;
}


h1 {
	font-size:20pt;
	padding: 45px 0 10px 10px;
	color:#FFF;
}
h2 {
	font-size:14pt;
	padding: 0 0 10px 10px;
	color:#FFF;
}
h3 {
	font-size:11pt;
	padding: 10px 0 0;
	border-bottom:#3B73AF solid 2px;/*--------- color ----------*/
}

p {
	padding: 10px 0 0;
}
table {
	margin: 20px 0 0;
}
table table {
	margin: 0;
}
table.frame {
	border:1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background: #fafafa;
	padding: 25px 0;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
table.frame td, table.frame th {
	padding: 6px 20px;
	font-size:9pt;
	line-height: 26px;
}
table.frame th {
	text-align: left;
}
table.frame td {
}
table.frame td td,
table.frame td th {
	padding: 0;
	border: 0;
}
table.frame th.caption {
	font-size:11pt;
	background:#3B73AF;/*-- color --*/
	color: #fff;
	padding: 2px 15px;
}

h1, h2 {
	background-color:#3B73AF;/*--------- color ----------*/
}


label {
	margin-right: 12px;
}


input {
	margin:3px 6px 3px 0;
}
input.text {
	font-size:10pt;
	padding: 0 5px;
	height:26px;
	border:1px solid #bbb;
	background: #fff;
	outline: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
input.text:focus {
	border-color: #666;
}
input.button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size:11pt;
	padding: 10px 40px;
	border: 1px solid #aaa;
	background: #fafafa;
	cursor: pointer;
}
input.button:hover {
	background: #fff;
}
input.button:active {
	background: #ddd;
	border-color: #666;
}
input.name {
	width:200px;
}
input.short {
	width:130px;
}
input.middle {
	width:189px;
}

input.card {
	width:200px;
}

input.securitycode {
	width:60px;
}
input.zip1 {
	width:30px;
}
input.zip2 {
	width:40px;
}

input.birthday {
	width:40px;
}
input.amount {
	width:100px;
}
input.long {
	width:400px;
}
input.affili {
	width:340px;
}
input.solong {
	width:600px;
}

tr.require th:before {
	content: "*";
	color: #d00;
	display: inline-block;
	width:10px;
	margin-left:-10px;
	font-size:10pt;
}
tr.error {
	background: #FFECEC;
}
tr.error td, tr.error th {
	border-style: solid;
	border-color: #FCD7D8;
}
tr.error th {
	color: #c00;
	border-left-width: 1px;
}
tr.error td {
	border-right-width: 1px;
}
tr.error .text {
	border-color: #FAABAC;
}
tr.error .text:focus {
	border-color: #DE171C
}
div.error {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size:8pt;
	font-weight: bold;
	color: #fff;
	background: #d00;
	line-height: 100%;
	padding: 3px 6px;
	display: inline-block;
}
div.error:before {
	display: block;
	content: " ";
	text-align: left;
	overflow: hidden;
}
.warning {
	color: #d00;
}
.japanese {
	color: #006;
}

.navigator {
	padding: 10px 0 0;
	height:30px;
	text-align: center;
}
.navigator .button {
	padding-left: 0;
	padding-right: 0;
	width:140px;
}
.navigator div {
	width:420px;
	height:30px;
}
.navigator .right {
	float: right;
	text-align: left;
}
.navigator .left {
	text-align: right;
	float: left;
}
.comment {
	text-align: center;
}

.copyright {
	text-align: center;
	padding: 30px 0 20px;
	font-size:9pt;
	font-weight: bold;
}

table#memo {
	margin-bottom:10px;
	border:#000 solid 1px;
	border-collapse:collapse;
}

table#memo th{
	padding:5px 5px 5px 5px;
	border:#000 solid 1px;
	border-collapse:collapse;
	background-color:#CCF;
	vertical-align:top;
}

table#memo td{
	padding:5px 5px 5px 5px;
	border:#000 solid 1px;
	border-collapse:collapse;
	vertical-align:top;
}

input.number{ 
	ime-mode: disabled;
}
td.comments {
	word-break: break-all;
}