@charset "utf-8";

/* History */
#PanelHistory
{
}
#PanelHistory ul
{
}
#PanelHistory ul li
{
	display				:	block;
	margin				:	0px;
	padding				:	0px;
}
div.PanelHistory
{
	display				:	table;
	margin				:	0px;
	padding				:	0px 0px;
}
div.PanelHistoryYear
{
	display				:	table-cell;
	width				:	70px;
	margin				:	0px;
	padding				:	5px 0px;
}
div.PanelHistoryMonth
{
	display				:	table-cell;
	width				:	40px;
	margin				:	0px;
	padding				:	5px 0px;
	text-align			:	right;
}
div.PanelHistoryDay
{
	display				:	table-cell;
	width				:	40px;
	margin				:	0px;
	padding				:	5px 20px 5px 0px;
	border-right			:	solid 1px #000000;
	text-align			:	right;
}
div.PanelHistoryText
{
	display				:	table-cell;
	margin				:	0px;
	padding				:	5px 0px 5px 20px;
}


/*
======================================
Smart Phone
======================================
*/
@media (max-width: 400px)
{
	/* History */
	div.PanelHistoryYear
	{
		display				:	table-cell;
		width				:	55px;
		margin				:	0px;
		padding				:	2px 0px;
	}
	div.PanelHistoryMonth
	{
		width				:	28px;
		padding				:	2px 0px;
	}
	div.PanelHistoryDay
	{
		width				:	28px;
		padding				:	2px 10px 2px 0px;
	}
	div.PanelHistoryText
	{
		padding				:	2px 0px 2px 10px;
	}

}