/* Panel */
h1.PanelTitle
{
	background-position		:	center center;
}
h1.PanelTitle img
{
}

/* 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		:	rgba(41,169,224,0.1);
	margin				:	0px 0px 30px 0px;
}
div.PanelArticleTitle
{
	display				:	table-cell;
	padding				:	8px 20px;
	vertical-align			:	middle;
}
div.PanelArticleTitle h2
{
	color				:	rgb(41,169,224);
	margin				:	0px;
}
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%;
	height				:	auto !important;
}


/* Archive */
div.PanelArticleArchiveBox
{
	margin				:	0px 0px 30px 0px;
}
div.PanelArticleArchiveBox h2
{
	background-color		:	rgb(41,169,224);
	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(41,169,224,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;
	font-size			:	18px;
	line-height			:	1em;
}
div.LabelArticlePageButton
{
	border			:	solid 1px #cccccc;
	background-color	:	#ffffff;
	color			:	rgb(41,169,224);
}
div.LabelArticlePageButtonSelected
{
	color			:	#ffffff;
	background-color	:	rgb(41,169,224);
	border			:	solid 1px rgb(41,169,224);
}
a:hover div.LabelArticlePageButton
{
	color			:	#ffffff;
	background-color	:	rgb(41,169,224);
	border			:	solid 1px rgb(41,169,224);
}
div.PanelArticleButtonTop
{
	margin				:	80px 0px 30px 0px;
	text-align			:	center;
}

/* Index */
#PanelArticleIndexPhoto
{
}
#PanelArticleIndexPhoto ul
{
	margin					:	0px;
	padding					:	0px;
}
#PanelArticleIndexPhoto ul li
{
	display					:	inline-block;
	margin					:	0px;
	padding					:	0px;
	vertical-align				:	top;
}
#PanelArticleIndexPhoto ul li img
{
	max-width				:	100%;
}

/*
======================================
PC
======================================
*/
@media (min-width: 801px)
{
	/* Index */
	#PanelArticleIndexPhoto ul li
	{
		width				:	470px;
		margin				:	0px 35px 50px 0px;
	}
	#PanelArticleIndexPhoto ul li:nth-child(2n)
	{
		margin-right			:	0px;
	}
}

/*
======================================
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;
	}
	div.PanelArticleComment
	{
		padding				:	0px 15px;
	}
	div.PanelArticleComment table
	{
		max-width				:	100% !important;
	}

	/* Index */
	#PanelArticleIndexPhoto ul li
	{
		width					:	100%;
		margin				:	0px 0px 30px 0px;
	}
}