/* 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 40px 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(75,164,93);
	color				:	rgb(255,255,255);
	margin				:	0px 0px 30px 0px;
	border-radius			:	8px;
}
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(75,164,93);
	color				:	#ffffff;
	padding				:	8px 20px;
	font-size			:	16px;
	line-height			:	18px;
	border-radius			:	8px;
}
#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;
	border-radius			:	8px;
}
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(75,164,93);
}
div.LabelArticlePageButtonSelected
{
	color			:	#ffffff;
	background-color	:	rgb(75,164,93);
	border			:	solid 1px rgb(75,164,93);
}
a:hover div.LabelArticlePageButton
{
	color			:	#ffffff;
	background-color	:	rgb(75,164,93);
	border			:	solid 1px rgb(75,164,93);
}
div.PanelArticleButtonTop
{
	margin				:	80px 0px 30px 0px;
	text-align			:	center;
}


/*
======================================
Smart Phone
======================================
*/
@media (max-width: 1024px)
{
	#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;
	}
}