table.generic,
table.generic500,
table.generic600
{
	width:750px;
}
table.generic td.rowspacer,
table.generic500 td.rowspacer,
table.generic600 td.rowspacer
{
	height:20px;
}
table.generic td.left,
table.generic td.right,
table.generic600 td.left,
table.generic600 td.right
{
	width:75px;
}
table.generic td.center,
table.generic600 td.center
{
	width:600px;
}
table.generic500 td.left,
table.generic500 td.right
{
	width:125px;
}
table.generic500 td.center
{
	width:500px;
}

ul.flow500,
ul.flow600
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 90%;
}
ul.flow500
{
	width: 500px; /* 記述エリアの幅 */
}
ul.flow600
{
	width: 600px; /* 記述エリアの幅 */
}
/* --- boxとboxのマージン --- */
ul.flow500 li,
ul.flow600 li
{
	margin-bottom: 15px;
}
ul.flow500 li ol li,
ul.flow600 li ol li
{
	margin-bottom: 0px;
}
/* --- ボックス --- */
ul.flow500 dl,
ul.flow600 dl
{
	margin: 0;
}
/* --- タイトルエリア --- */
ul.flow500 dt,
ul.flow600 dt
{
	padding: 10px 30px 10px; /* タイトル(クリーム色)のパディング（上、左右、下） */
	font-weight: buld;
}
ul.flow500 dt{
	background: #ffffff url(../image/COMM013080.png) no-repeat top;
}
ul.flow600 dt
{
	background: #ffffff url(COMM013020.png) no-repeat top;
}
/* --- タイトル --- */
ul.flow500 dt strong,
ul.flow600 dt strong
{
	margin-left: 0px;/*左マージン*/
}
/* --- 本文エリア --- */
ul.flow500 dd,
ul.flow500 dd.long,
ul.flow600 dd
{
	margin: 0;
	padding: 15px 15px; /* 本文エリアのパディング（上下、左右） */
	line-height: 150%;
}
ul.flow500 dd
{
	background: #ffffff url(COMM013090.png) no-repeat bottom; /* 本文エリアの背景 */
}
ul.flow500 dd.long
{
	background: #ffffff url(COMM013050.png) no-repeat bottom; /* 本文エリアの背景 */
}
ul.flow600 dd
{
	background: #ffffff url(COMM013030.png) no-repeat bottom; /* 本文エリアの背景 */
}

ul.flow600 dd
{
	background: #ffffff url(COMM013030.png) no-repeat bottom; /* 本文エリアの背景 */
}
p {
width: 100%;
text-indent: 1em;
}

table.ButtonArea
{
	width:750px;
}
table.ButtonArea td.left,
table.ButtonArea td.right
{
	width:350px;
}
table.ButtonArea td.center
{
	width:50px;
}
table.ButtonArea td.spacer
{
	height:30px;
}

div.message
{
    width: 100%;
    text-indent: 1em;
}
table.generator {
background:#dfe4ee; /* 入力エリア（テーブル）の背景 */
font-size: 93%;
margin-left:2px;
margin-top:10px;/*上マージン*/
margin-bottom:20px;/*下マージン*/

}
table.generator td 
{
text-indent: 8px;
padding: 1px;
}
table.generator td span.remark {
color: #cc0033;
}


.btn-neu {
	padding: 14px 36px;
	font-size: 1rem;
	color: #333;
	background: #e0e5ec;
	border-radius: 12px;
	box-shadow: inset 4px 4px 8px rgba(255,255,255,0.8), inset -4px -4px 8px rgba(0,0,0,0.1), 8px 8px 16px rgba(0,0,0,0.07);
	border: none;
	cursor: pointer;
	transition: box-shadow 0.3s, transform 0.2s;
}

	.btn-neu:hover {
		transform: translateY(-2px);
		box-shadow: inset 2px 2px 4px rgba(255,255,255,0.8), inset -2px -2px 4px rgba(0,0,0,0.1), 12px 12px 24px rgba(0,0,0,0.1);
	}

	.btn-neu:active {
		transform: translateY(0);
		box-shadow: inset 4px 4px 8px rgba(0,0,0,0.1), inset -4px -4px 8px rgba(255,255,255,0.8);
	}