body {
	padding: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: #f0ffff;
}

h1 {
	margin-bottom: 0px;
	padding: 5px 0;
	color: #000000;
	font-size: 150%;
}

h2 {
	margin-bottom: 0px;
	padding: 5px 0;
	color: #000;
	font-size: 100%;
	border-bottom: 1px solid #999;
}

form {
	/* フォームをページの中央に置く */
	margin-left: auto;
	margin-right: auto;
	/* フォームの範囲がわかるようにする */
	padding: 1em;
}
  
input[type=text] {
	padding: 5px 10px;
	font-size: 100%;
	border: none;
	border-radius: 3px;
	background: #CCE4FF;
}

input[name=sub1],
input[name=sub2],
input[name=btn_confirm],
input[name=btn_submit],
input[name=btn_back],
input[name=update] {
	padding: 1px;
	font-size: 100%;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	background: #0000cd;
}

input[name=btn_back] {
	padding: 1px;
	font-size: 100%;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	background: goldenrod;
}

label {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	width: auto;
}

label[for=gender_male],
label[for=gender_female],
label[for=agreement] {
	margin-right: 10px;
	width: auto;
	font-weight: normal;
}

textarea[name=address],
textarea[name=i_address],
textarea[name=invoice] {
    padding: 5px 10px;
	width: 60%;
	height: 100px;
	font-size: 120%;
	border: none;
	border-radius: 3px;
	background: #CCE4FF;
}

.error_list {
    margin-left: auto;
    margin-right: auto;
	padding: 10px 30px;
	color: #ff2e5a;
	font-size: 86%;
	text-align: left;
    width: 40%;
	border: 1px solid #ff2e5a;
	border-radius: 5px;
}

.list_item {
    width: 20%;
    color: #FFFFFF;
    background: #006A35;
	text-align: right;
	font-weight: bold;
}

.list_data_large {
    width: 80%;
	text-align: left;
    color: #000;
	font-size: 120%;
}

.list_data {
    width: 80%;
	text-align: left;
    color: #000;
	font-size: 100%;
}

table, table tr, table td {
    border: 2px solid #d1d1ff;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

/* 外側のテーブルにボーダーを適用 */
.table_block > table {
    border: 2px solid #d1d1ff;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

/* 外側のテーブル内のセルのボーダーを消す */
.table_block > table > tbody > tr > th,
.table_block > table > tbody > tr > tr,
.table_block > table > tbody > tr > td {
    border: none;
    margin-left: auto;
    margin-right: auto;
}

/* 内側のテーブルのボーダーを非表示にする */
.table_block table table {
    border: none;
}

/* 内側のテーブル内のセルのボーダーも非表示にする */
.table_block table table th,
.table_block table table tr,
.table_block table table td {
    border: none;
}

td.hleft { text-align: left;}
td.hcenter { text-align: center;}
td.hright { text-align: right;}
td.tleft { text-align: left;}

td.tcenter { 
	text-align: center;
	font-size: 14pt;
	color: #ffffff;
	background-color:#0c6b50;
}
td.tright { text-align: right;}

.btn-warning {
	color:#fff;
	background-color:#f0ad4e;
	border-color:#eea236
}

.btn-success {
	color:#fff;
	background-color:#5cb85c;
	border-color:#4cae4c
}