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


/* import{header, global-navi, utility, footer} */
@import "../../shared/css/common.css";
@import "../../shared/css/common_cont.css";

/*プルダウン対応*/
option {
	margin-right: 5px;
}

table tbody tr th {
	width: 200px;
}

table {
	font-size:9pt;
}
table.form-table tbody tr.show_row td {
	border-width: 1px;
}	


/* =========== left contents area =========== */
div.form-contents {
	width: 800px;
}
/* for width640 of headcaution */
div.caution-area{
	width: 580px;
	margin-left: 110px;
	margin-bottom: 5px;
	}
	
div.version-secured-area{
	width: 580px;
	margin-left: 110px;
	margin-bottom: 5px;
	line-height: 140%;
	}
	
div.version-secured-area a{
	width: 120px;
	display: block;
	float: left;
	}
	
div.version-secured-area a img{
	display: block;
	float: left;
	padding-rifght: 20px;
	}
	
div.version-secured-area p{
	width: 460px;
	padding-top: 20px;
	display: block;
	float: left;
	}

span.ast-red{
	color: #ff0000;
	padding: 3px;
	}
span.form-example{
	width: 120px;
	font-size: 85%;
	display: block;
	}
span.form-font85{
	font-size: 85%;
	display: block;
	padding: 3px;
	}

/* for normal table */
table.form-table{
	width: 580px;
	margin-left: 110px;
	margin-bottom: 25px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	text-align: left;
	}

table.form-table thead tr th{
	padding: 7px 10px 7px 10px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #C1CCD4;
	color: #2B3D4B;
	font-weight: lighter;
	}

table.form-table thead tr td{
	padding: 7px 10px 7px 10px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	}

table.form-table tbody tr th{
	padding: 7px 10px 7px 10px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #E6EBEF;
	color: #716050;
	font-weight: lighter;
	}

table.form-table tbody tr td{
	padding: 7px 10px 7px 10px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	}
	
td.form-table-btarea{
	background-color: #fafafa;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	}
	
/* for 「ダイナシティクラブ会員の方はメールアドレスとパスワードを･･･」 table */
table.form-table02{
	width: 580px;
	margin-left: 110px;
	margin-bottom: 25px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	text-align: left;
	}

table.form-table02 thead tr th{
	padding: 7px 10px 7px 10px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #C1CCD4;
	color: #2B3D4B;
	font-weight: lighter;
	}

table.form-table02 thead tr td{
	padding: 7px 10px 7px 10px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #efefef;
	font-weight: lighter;
	}

table.form-table02 tbody tr th{
	padding: 7px 10px 7px 10px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #E6EBEF;
	color: #716050;
	font-weight: lighter;
	}

table.form-table02 tbody tr td{
	padding: 7px 10px 7px 10px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	}

table.form-table02 tbody tr td div{
	float: left;
	}

table.form-table02 tbody tr td a:link,
table.form-table02 tbody tr td a:active,
table.form-table02 tbody tr td a:visited{
	display: block;
	margin-top: 5px;
	color: #2C7CC3;
	font-size: 85%;
	}

table.form-table02 tbody tr td div a:hover{
	display: block;
	margin-top: 5px;
	color: #2C7CC3;
	}

/* for 「▼さしつかえなければ以下の･･･」 table */
div.birthday{
	margin-top: 5px;
	padding-top: 5px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	}
	
/* =========== for accessibility issue =========== */
.accessibility-hidden {

	position: absolute;

	left: 0;

	top: 0;

	overflow: hidden;

	width: 0;

	height: 0;

	font-size: 0;

	color: #fff;

	background: #fff;
	
	border: none;
	clear: both;
}