/* Works */
ul.ListWorks
{
	margin						:	0px;
	padding						:	0px;
}
ul.ListWorks li
{
	display						:	block;
	margin						:	0px 0px 30px 0px;
	padding						:	0px;
}
div.PanelWorks
{
	display						:	table;
	width						:	100%;
}
div.PanelWorksPhoto
{
	position						:	relative;
	display						:	table-cell;
	width						:	450px;
	vertical-align					:	top;
}
div.PanelWorksPhoto img
{
	position						:	relative;
	width						:	100%;
}
div.PanelWorksPhoto span.LabelCaption
{
	position						:	absolute;
	top						:	235px;
	right						:	10px;
	z-index						:	1000;
}
div.PanelWorksComment
{
	display						:	table-cell;
	vertical-align					:	top;
	padding-left					:	30px;
}
div.PanelWorksCommentTitle
{
}
div.PanelWorksCommentTitle h4
{
	float						:	left;
	margin						:	0px;
	line-height					:	30px;
}
div.PanelWorksCommentTitle div
{
	float						:	left;
	height						:	30px;
	line-height					:	30px;
	margin						:	0px 0px 0px 15px;
	padding						:	0px;
}
div.PanelWorksCommentBody
{
	padding						:	15px 0px 0px 0px;
	clear						:	both;
}

/*
======================================
PC
======================================
*/
@media (min-width: 401px)
{
	/* Panel */
	h1.PanelTitle
	{
		background-image			:	url('./image/Panel/BackgroundPc.jpg');
		background-position			:	top center;
		padding					:	50px 0px 250px 0px;
	}
	h1.PanelTitle img
	{
		height					:	75px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media (max-width: 400px)
{
	/* Panel */
	h1.PanelTitle
	{
		padding					:	40px 0px;
		background-image			:	url('./image/Panel/BackgroundSmart.jpg');
		background-size			:	cover;
		background-position			:	center 0px;
	}
	h1.PanelTitle img
	{
		height					:	70px;
		margin					:	0px 15px 0px auto;
	}
	/* Works */
	div.PanelWorks
	{
		display						:	block;
		width						:	100%;
	}
	div.PanelWorksPhoto
	{
		display						:	block;
		width						:	100%;
		margin						:	0px 0px 10px 0px;
		padding						:	0px;
	}
	div.PanelWorksPhoto span.LabelCaption
	{
		top						:	170px;
	}
	div.PanelWorksComment
	{
		display						:	block;
		width						:	100%;
		padding						:	0px;
	}
	div.PanelWorksCommentTitle h4
	{
		clear						:	both;
		margin						:	0px 0px 5px 0px;
	}
	div.PanelWorksCommentTitle div
	{
		clear						:	both;
		height						:	auto;
		line-height					:	inherit;
		margin						:	0px 0px 5px 0px;
	}

}