/* Title */
	#PanelBodyTitle
	{
		background-image			:	url( './image/Panel/Background.jpg' );
	}
	
	/* Box */
	div.PanelBox
	{
		text-align				:	left;
	}
	
	/* Layout */
	#PanelArticle
	{
		display				:	table;
		width					:	100%;
		margin				:	0px auto;
	}
	#PanelArticleArticle
	{
		display				:	table-cell;
		width					:	75%;
		padding				:	0px 60px 0px 0px;
		vertical-align				:	top;
	}
	#PanelArticleArchive
	{
		display				:	table-cell;
		padding				:	0px;
		vertical-align				:	top;
	}
	
	/* Article */
	div.PanelArticle
	{
		margin				:	0em 0em 2em 0em;
		padding				:	0em 0em 1em 0em;
	}
	div.PanelArticleHeader
	{
		display				:	table;
		width					:	100%;
		background-color			:	rgb(0,160,233);
		color					:	rgb(255,255,255);
		margin				:	0px 0px 30px 0px;
	}
	div.PanelArticleTitle
	{
		display				:	table-cell;
		padding				:	8px 20px;
		vertical-align				:	middle;
	}
	div.PanelArticleTitle h2
	{
		color					:	inherit;
		margin				:	0px;
		font-size				:	18px;
	}
	div.PanelArticleTime
	{
		display				:	table-cell;
		padding				:	8px 20px;
		text-align				:	right;
		vertical-align				:	middle;
	}
	div.PanelArticleComment
	{
		margin				:	1em 0em;
	}
	
	div.PanelArticleComment img
	{
		width				:	auto;
		max-width			:	100%;
	}
	div.PanelArticleComment div.PanelFormButton li
	{
		margin				:	0px;
	}
	
	/* Archive */
	div.PanelArticleArchiveBox
	{
		margin				:	0px 0px 30px 0px;
	}
	div.PanelArticleArchiveBox h2
	{
		background-color			:	rgb(0,160,233);
		color					:	#ffffff;
		padding				:	8px 20px;
		font-size				:	16px;
		line-height				:	18px;
	}
	#PanelArticleArchiveByDate
	{
	}
	#PanelArticleArchiveByMonth
	{
	}
	#PanelArticleArchiveByCategory
	{
	
	}
	#PanelArticleArchiveByCategory li.ListArticleCategoryLarge
	{
		list-style-type			:	none;
		margin-left				:	0px;
	}
	#PanelArticleArchiveByCategory li.ListArticleCategoryMiddle
	{
	
	}
	#PanelArticleArchiveByCategory li.ListArticleCategorySmall
	{
	
	}
	div.PanelArticleArchiveBox a.LinkSelected
	{
		color				:	#cc0000;
		text-decoration			:	none;
	}
	
	/* Button */
	div.PanelArticlePageButton
	{
		background-color		:	rgba(75,164,93,0.1);
		padding				:	10px 20px 5px 20px;
		margin				:	0px 0px 30px 0px;
	}
	div.LabelArticlePageButton, div.LabelArticlePageButtonSelected
	{
		display				:	inline-block;
		padding				:	10px 15px;
		margin				:	0px 5px 5px 0px;
		border-radius			:	3px;
		font-size			:	18px;
		line-height			:	1em;
		border-radius			:	5px;
	}
	div.LabelArticlePageButton
	{
		border			:	solid 1px #999999;
		background-color	:	#ffffff;
		color			:	rgb(0,160,233);
	}
	div.LabelArticlePageButtonSelected
	{
		color			:	#ffffff;
		background-color	:	rgb(0,160,233);
		border			:	solid 1px rgb(0,160,233);
	}
	a:hover div.LabelArticlePageButton
	{
		color			:	#ffffff;
		background-color	:	rgb(0,160,233);
		border			:	solid 1px rgb(0,160,233);
	}
	div.PanelArticleButtonTop
	{
		margin				:	80px 0px 30px 0px;
		text-align			:	center;
	}


/*
======================================
Smart Phone
======================================
*/
@media (max-width: 800px)
{
	#PanelArticle,
	#PanelArticleArticle,
	#PanelArticleArchive
	{
		display				:	block;
		width				:	100%;
		margin				:	0px 0px 15px 0px;
	}
	div.PanelArticleHeader
	{
		display				:	block;
		width				:	inherit;
		margin				:	0px 0px 15px 0px;
		padding				:	8px 20px;
	}
	div.PanelArticleTitle,
	div.PanelArticleTime
	{
		display				:	block;
		padding				:	2px 0px;
	}
	div.PanelArticleArchiveBox
	{
		display				:	block;
		width				:	100%;
		margin				:	0px 0px 30px 0px;
	}
}