/* Panel */
#PanelArticle
{
	display				:	table;
	width				:	100%;
}
#PanelArticleArticle
{
	display				:	table-cell;
	width				:	850px;
	vertical-align			:	top;
}
#PanelArticleArchive
{
	display				:	table-cell;
	width				:	300px;
	padding				:	0px 0px 0px 50px;
	vertical-align			:	top;
}

/* Article */
div.PanelArticleBody
{
	margin				:	0px 0px 30px 0px;
}
div.PanelArticleHeader
{
	display				:	table;
	width				:	100%;
	padding				:	0px 0px 10px 0px;
	margin				:	0px 0px 20px 0px;
	border-bottom			:	solid 2px #896038;
}
div.PanelArticleIcon
{
	float				:	left;
	margin-right			:	10px;
	display				:	none;
}
div.PanelArticleTitle
{
	display				:	table-cell;
	padding				:	0px;
	text-align			:	left;
	vertical-align			:	middle;
}
div.PanelArticleTitle h2
{
	color				:	inherit;
	font-size			:	18px;
	margin				:	0px;
}
div.PanelArticleTime
{
	display				:	table-cell;
	padding				:	0px;
	text-align			:	right;
	vertical-align			:	middle;
}
div.PanelArticleComment
{
	margin				:	0px;
	padding				:	0px;
}
div.PanelArticleComment span
{
	line-height			:	2em;
}

/* Archive */
div.PanelArticleArchiveBox
{
}
div.PanelArticleArchiveBox h2
{
	color				:	inherit;
	font-size			:	18px;
	padding				:	0px 0px 5px 0px;
	border-bottom			:	solid 2px #896038;
}
#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(255,255,255,0.5);
	padding			:	15px 20px;
	margin			:	50px 0px 30px 0px;
	border-radius		:	5px;
}
div.LabelArticlePageButton, div.LabelArticlePageButtonSelected
{
	display			:	inline-block;
	padding			:	10px 15px;
	margin			:	0px 5px 0px 0px;
	border-radius		:	3px;
	font-size		:	18px;
	line-height		:	1em;
}
div.LabelArticlePageButton
{
	border			:	solid 1px #999999;
	background-color	:	#ffffff;
	color			:	#006838;
}
div.LabelArticlePageButtonSelected
{
	color			:	#ffffff;
	background-color	:	#006838;
	border			:	solid 1px #006838;
}
a:hover div.LabelArticlePageButton
{
	color			:	#ffffff;
	background-color	:	#006838;
	border			:	solid 1px #006838;
}
div.PanelArticleButtonTop
{
	margin-top		:	2em;
	text-align		:	right;
}



/*
======================================
Smart Phone
======================================
*/
@media (max-width:1024px)
{
	/* Panel */
	#PanelArticle
	{
		display				:	block;
		width				:	100%;
	}
	#PanelArticleArticle
	{
		display				:	block;
		width				:	100%;
		margin				:	0px 0px 30px 0px;
		padding				:	0px 0px 0px 0px;
	}
	#PanelArticleArchive
	{
		display				:	block;
		width				:	100%;
		margin				:	0px 0px 30px 0px;
		padding				:	0px 0px 0px 0px !important;
	}

	/* Header */
	div.PanelArticleHeader
	{
		display				:	table;
		width				:	300px;
		margin				:	0px 0px 15px 0px;
		padding				:	0px;
	}
	div.PanelArticleTitle
	{
		display				:	block;
		width				:	100%;
		margin				:	0px 0px 10px 0px;
		padding				:	0px !important;
		text-align			:	left;
	}
	div.PanelArticleTitle h2
	{
		font-size			:	14px;
		margin				:	0px !important;
		padding				:	0px !important;
	}
	div.PanelArticleTime
	{
		display				:	block;
		width				:	100%;
		margin				:	0px 0px 10px 0px;
		padding				:	0px;
	}

	/* Comment */
	div.PanelArticleComment span
	{
		line-height		:	1.6em;
	}
	div.PanelArticleComment img,
	div.PanelArticleComment iframe
	{
		max-width		:	100%;
		height			:	auto;
	}
	div.PanelArticleTitle,
	div.PanelArticleTime
	{
		display			:	block;
	}
	div.PanelArticleBody
	{
		width			:	100%;
	}
	div.PanelArticleTitle h2
	{
		padding			:	0px 0px 0px 40px;
		background-size	:	30px 20px;
	}
	div.PanelArticleTitle h2
	{
		color			:	inherit;
		font-size		:	18px;
		line-height		:	1.5em;
		white-space		:	normal;
	}

	/* Button */
	div.PanelArticlePageButton
	{
		padding			:	10px;
	}
	div.LabelArticlePageButton, div.LabelArticlePageButtonSelected
	{
		font-size		:	14px;
	}
}