/* Headline */
	h1.PanelMain
	{
	}
	h2
	{
		margin			:	0px 0px 20px 0px;
	}
	
	
	/* Article */
	div.PanelArticleBody, div.PanelArticleBodyEnd
	{
		margin			:	0em 0em 2em 0em;
	}
	div.PanelArticleBody
	{
		padding			:	0em 0em 0.5em 0em;
	}
	div.PanelArticleHeader
	{
		background-color		:	rgb(184,211,45);
		color				:	inherit;
		padding			:	6px 20px;
		margin			:	0px 0px 30px 0px;
		border-radius		:	5px;
	}
	div.PanelArticleIcon
	{
		float				:	left;
		margin-right			:	10px;
		display			:	none;
	}
	div.PanelArticleTitle
	{
		float				:	left;
	}
	div.PanelArticleTitle h2
	{
		color				:	inherit;
		font-size			:	16px;
		line-height			:	24px;
		margin				:	0px;
	}
	div.PanelArticleTime
	{
		color				:	inherit;
		text-align			:	right;
		line-height			:	24px;
	}
	div.PanelArticleComment
	{
		margin			:	1em 0em;
	}
	
	/* Archive */
	div.PanelArticleArchiveBox
	{
	}
	div.PanelArticleArchiveBox h2
	{
		background-color		:	rgb(184,211,45);
		color				:	inherit;
		padding			:	6px 20px;
		font-size			:	16px;
		line-height			:	24px;
		border-radius		:	5px;
	}
	#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		:	#eeeeee;
		padding			:	10px 20px;
		margin			:	0px 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				:	rgb(184,211,45);
	}
	div.LabelArticlePageButtonSelected
	{
		color				:	#ffffff;
		background-color		:	rgb(184,211,45);
		border			:	solid 1px rgb(184,211,45);
	}
	a:hover div.LabelArticlePageButton
	{
		color				:	#ffffff;
		background-color		:	rgb(184,211,45);
		border			:	solid 1px rgb(184,211,45);
	}
	div.PanelArticleButtonTop
	{
		margin			:	2em 0em 0em 0em;
		text-align			:	center;
	}
	div.PanelArticleButtonTop img
	{
		position			:	relative;
		margin			:	0px;
		top				:	0px;
		right				:	0px;
	}
	
	


/*
======================================
Pc
======================================
*/
@media (min-width:1001px)
{
	/* Panel */
	#PanelArticle
	{
		display		:	table;
		width			:	100%;
	}
	#PanelArticleArticle
	{
		display		:	table-cell;
		padding		:	0px 40px 0px 0px;
		vertical-align		:	top;
	}
	#PanelArticleArchive
	{
		display		:	table-cell;
		width			:	240px;
		vertical-align		:	top;
	}

}

/*
======================================
Smart Phone
======================================
*/
@media (max-width:1000px)
{
	#PanelArticleArticle
	{
		clear			:	both;
		width			:	100%;
	}
	#PanelArticleArchive
	{
		clear			:	both;
		width			:	100%;
	}
	div.PanelArticleBody img
	{
		max-width		:	100%;
		width			:	auto;
		height			:	auto !important;
	}
	div.PanelArticleButtonTop img
	{
		height			:	60px !important;
	}

}