@charset "shift_jis";

.table-scroll {
	overflow-x: auto;
}
.table-scroll table {
	width: 100%;
	min-width: 670px;
	border-collapse: collapse;
}
.table-scroll th {
	background-color: #07194E;
	color: #fff;
}
.table-scroll, .table-scroll td, .table-scroll th {
	border: 1px solid #666;
}
.table-scroll td, .table-scroll th {
	padding: 5px;
}
.UpArea {
	text-align: right;
}
.NmArea {
	text-align: right;
}
.StArea {
	text-align: right;
}

div#main div.form div.personal {
	border: solid 10px #F2F2F2;
/*	background: #D9D9D9;*/
	background: url(/img/common/popup_g_line.gif);
	background-repeat: repeat-y;
}
div#main div.form div.personal dt {
	float: left;
	width: 144px;
	clear: both;
	padding: 10px;
	border-top: solid 1px #F2F2F2;
}
/*div#main div.form div.personal dt div {
	padding: 10px;
}*/
div#main div.form div.personal dd {
	float: left;
	width: 510px;
	padding: 10px;
	border-top: solid 1px #F2F2F2;
	background: #FFFFFF;
/*	min-height: 55px;*/
}
/*div#main div.form div.personal dd div {
	padding: 10px;
}*/
/*div#main div.form div.personal dt,
div#main div.form div.personal dd { border-top: solid 1px #F2F2F2; padding: 10px; }*/

div#main div.form label { padding-right: 15px; }

div#main div.form div.personal .ty02,
div#main div.form div.personal .ty02 dt,
div#main div.form div.personal .ty02 dd {
	float: none;
	width: auto;
} 
div#main div.form div.personal dt.ty02 { 
	background: #D9D9D9;
}
div#main div.form div.personal dd.ty02 { 
	background: #FFFFFF;
}
div#main div.form div.personal dd textarea { width: 99%; }
div#main div.form div.personal dd .input-age {
	width: 3em;
}
div#main div.form div.personal dd .input-zip {
	width: 5em;
}
div#main div.form div.personal dd .input-etc {
	width: 99%;
}

div#main div.form div.personal dl.tyui {
	border: dotted 1px #868686;
	margin: 8px 0;
	padding: 5px 10px;
}
div#main div.form div.personal dl.tyui dt,
div#main div.form div.personal dl.tyui dd {
	border: none;
	padding: 0;
}
div#main div.form div.personal dl.tyui dt {
	font-weight: bold;
}
div#main div.form div.personal dl.tyui dt.mt {
	margin-top: 10px;
}

/*
 *
 * SmartPhone
 *
 */
@media screen and (max-width: 767px) {

div#main div.form div.personal,
div#main div.form div.personal dt,
div#main div.form div.personal dd {
	float: none;
	width: auto;
} 
div#main div.form div.personal {
	width: 100%;
	border: none;
}
div#main div.form div.personal dt { 
	background: #D9D9D9;
}
div#main div.form div.personal dd { 
	background: #FFFFFF;
}

div#main div.form label { padding-right: 15px; }

div#main div.form div.personal .ty02,
div#main div.form div.personal .ty02 dt,
div#main div.form div.personal .ty02 dd {
	float: none;
	width: auto;
} 
div#main div.form div.personal dt.ty02 { 
	background: #D9D9D9;
}
div#main div.form div.personal dd.ty02 { 
	background: #FFFFFF;
}
div#main div.form div.personal dd textarea { width: 99%; }
div#main div.form div.personal dd .input-age {
	width: 3em;
}
div#main div.form div.personal dd .input-zip {
	width: 5em;
}
div#main div.form div.personal dd .input-etc {
	width: 99%;
}

div#main div.form div.personal dl.tyui {
	border: dotted 1px #868686;
	margin: 8px 0;
	padding: 5px 10px;
}
div#main div.form div.personal dl.tyui dt,
div#main div.form div.personal dl.tyui dd {
	border: none;
	padding: 0;
	width: 100%;
}
div#main div.form div.personal dl.tyui dt {
	font-weight: bold;
}
div#main div.form div.personal dl.tyui dt.mt {
	margin-top: 10px;
}
}