@charset "utf-8";

	/* Summary */
	#PanelSummary
	{
	}
	#PanelSummary td.ListName
	{
		width				:	20%;
		padding				:	15px 20px;
		text-align			:	center;
		vertical-align			:	middle;
		font-weight			:	normal;
		color				:	rgb(0,46,110);
		background-color			:	rgb(212,227,245);
	}
	#PanelSummary td.ListContent
	{
		padding				:	15px 20px;
	}
	
	/* Certification */
	#PanelCertification
	{
	}
	#PanelCertification ul
	{
		margin				:	0px;
		padding				:	0px;
	}
	#PanelCertification ul li
	{
		display				:	inline-block;
		margin				:	0px;
		padding				:	0px;
	}
	div.PanelCertification
	{
		display				:	table;
		width				:	100%;
	}
	div.PanelCertificationPhoto
	{
		display				:	table-cell;
		vertical-align			:	middle;
		margin				:	0px;
		padding				:	0px;
	}
	div.PanelCertificationText
	{
		display				:	table-cell;
		vertical-align			:	middle;
		margin				:	0px;
		padding				:	0px;
	}
	
	/* Branch */
	#PanelBranch
	{
	}
	#PanelBranch ul
	{
	}
	#PanelBranch ul li
	{
		display				:	block;
		margin				:	0px;
		padding				:	5px 0px;
	}
	div.PanelBranch
	{
		display				:	table;
		margin				:	0px;
		padding				:	0px;
	}
	div.PanelBranchName
	{
		display				:	table-cell;
		width				:	150px;
		margin				:	0px;
		padding				:	15px 20px;
		text-align			:	center;
		vertical-align			:	middle;
		font-weight			:	normal;
		color				:	rgb(0,46,110);
		background-color			:	rgb(212,227,245);
	}
	div.PanelBranchAddress
	{
		display				:	table-cell;
		margin				:	0px;
		padding				:	10px 20px;
	}
	
	/* List */
	ul.ListShort
	{
		margin				:	0px;
	}
	ul.ListShort li
	{
		display				:	inline-block;
		width				:	8em;
		margin				:	0px 1em 0px 0px;
		padding				:	0px;
		white-space			:	nowrap;
	}
	ul.ListShorter
	{
		margin				:	0px;
		list-style: none;
	}
	ul.ListShorter li
	{
		display				:	inline-block;
		width				:	6em;
		margin				:	0px 1em 0px 0px;
		padding				:	0px;
		white-space			:	nowrap;
		list-style: none;
	}

/*
======================================
Pc
======================================
*/
@media (min-width: 401px)
{
	/* Certification */
	#PanelCertification ul li
	{
		display				:	block;
//		width				:	470px;
//		margin				:	0px 35px 30px 0px;
		margin				:	0px 0px 20px 0px;
		padding				:	0px;
	}
	#PanelCertification ul li:nth-child(2n)
	{
//		margin-right			:	0px;
	}
	div.PanelCertificationPhoto
	{
		width				:	145px;
		padding				:	0px 0px 0px 0px;
	}
	div.PanelCertificationPhoto img
	{
		height				:	90px;
	}

	/* List */
	ul.ListShort
	{
		width				:	500px;
	}
	ul.ListShort li
	{
	}
}

/*
======================================
Smart Phone
======================================
*/
@media (max-width: 400px)
{
	/* Branch */
	div.PanelBranchName
	{
		display				:	table-cell;
		width				:	80px;
		padding				:	5px 10px;
	}
	div.PanelBranchAddress
	{
		padding				:	5px 10px;
	}

	/* Certification */
	#PanelCertification ul li
	{
		display				:	block;
		margin				:	0px 0px 20px 0px;
	}
	#PanelCertification ul li:last-child
	{
		margin-bottom			:	0px;
	}
	div.PanelCertificationPhoto
	{
		width				:	90px;
		padding				:	0px 10px 0px 0px;
		vertical-align			:	top;
	}
	div.PanelCertificationPhoto img
	{
		height				:	60px;
	}
	div.PanelCertificationText
	{
		vertical-align			:	top;
	}

}