@charset "utf-8";

	/* Form */
	#PanelForm dl
	{
		margin			:	0px;
		text-align			:	left;
	}
	#PanelForm dl dt
	{
		display			:	table-cell;
		width				:	25%;
		margin			:	0px;
		padding			:	0px;
		vertical-align			:	middle;
	}
	#PanelForm dl dd
	{
		display			:	table-cell;
		margin			:	0px;
		padding			:	0px;
		vertical-align			:	middle;
	}
	#PanelForm input.InputText,
	#PanelForm textarea.InputText
	{
		transition			:	all 0.2s ease-out;
		border			:	solid 1px rgba(0,0,0,0.25);
		border-radius		:	6px;
	}
	#PanelForm textarea.InputText
	{
		transition			:	all 0.2s ease-out;
	}


	td.Box
	{
		border							:	solid 1px rgba(0,0,0,0.25);
		background-color		:	rgba(0,132,91,0.1);
	}
	td.BoxSub
	{
		border							:	dotted 1px  rgba(0,0,0,0.5);
		background-color		:	rgba(255,255,255,0.9);
	}

	h3
	{
		margin			:	0px;
	}


/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{

	/* Form */
	#PanelForm dl
	{
		display			:	table;
		width				:	100%;
		border-bottom		:	solid 1px #999999;
		margin			:	0px auto;
		padding			:	10px 0px;
	}
	#PanelForm input.InputText,
	#PanelForm textarea.InputText
	{
		padding			:	10px 20px;
		max-width			:	640px;
	}
	#PanelForm textarea.InputText
	{
		margin			:	10px 0px 0px 0px;
		width				:	640px;
		height				:	150px;
	}
	#PanelForm h3
	{
		font-size			:	18px;
	}

	td.Box
	{
		width				:	400px;
		padding			:	6px 10px;
	}
	td.BoxSub
	{
		width				:	200px;
		padding			:	6px 10px;
	}

	/* Image */
	#ImageLogo
	{
		height				:	200px;
		margin			:	30px auto;
	}

	div.PanelFormButton div
	{
		width				:	220px;
	}
}

/*
======================================
Wide PC
======================================
*/
@media print, screen and (min-width:1241px)
{
}

/*
======================================
Narrow PC
======================================
*/
@media screen and (min-width:801px) and (max-width:1240px)
{
}

/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	#PanelForm dl
	{
		display			:	block;
		width				:	100%;
		padding			:	10px 0px;
		border			:	none;
	}
	#PanelForm dl dt
	{
		display			:	block;
		width				:	100%;
		padding			:	5px 0px;
		vertical-align			:	center;
		background-color		:	#eeeeee;
	}
	#PanelForm dl dd
	{
		display			:	block;
		width				:	100%;
		padding			:	10px 0px;
	}
	#PanelForm input.InputText,
	#PanelForm textarea.InputText
	{
		max-width			:	305px;
		padding			:	5px 10px;
	}
	#PanelForm textarea.InputText
	{
		height				:	80px;
		margin			:	10px 0px 0px 0px;
	}

	td.Box
	{
		width				:	300px;
		padding			:	5px 10px;
	}
	td.BoxSub
	{
		width				:	200px;
		padding			:	5px 10px;
	}

	/* Image */
	#ImageLogo
	{
		height				:	140px;
		margin			:	20px auto;
	}
}