/* Detail */
	#PanelWorksDetail
	{
		padding			:	0px 0px 30px 0px;
		border-bottom		:	solid 1px #999999;
	}
	
	/* Title */
	div.PanelWorksDetailInformation
	{
		text-align			:	center;
	}
	div.PanelWorksDetailInformation h2
	{
		margin-bottom		:	30px;
		font-size			:	24px;
		text-align			:	center;
		color				:	#000;
	}
	
	/* Photo */
	#PanelWorkDetailPhotoList
	{
		padding			:	0px 0px;
	}
	#PanelWorkDetailPhotoList ul
	{
		list-style-type		:	none;
		margin			:	0px;
		padding			:	0px;
	}
	#PanelWorkDetailPhotoList li
	{
		list-style-type		:	none;
		margin			:	0px;
		padding			:	0px;
		vertical-align			:	middle;
		overflow-y			:	hidden;
		transition			:	all 0.2s ease-out;
		-webkit-transition		:	all 0.2s ease-out;
		-moz-transition		:	all 0.2s ease-out;
		-o-transition			:	all 0.2s ease-out;
	}
	div.PanelWorkDetailPhotoList
	{
		width				:	100%;
		text-align			:	center;
	}
	div.PanelWorkDetailPhotoListPhoto
	{
		width				:	100%;
		text-align			:	center;
	}
	div.PanelWorkDetailPhotoListPhoto img
	{
		margin			:	0px auto;
		transition			:	all 0.2s ease-out;
		-webkit-transition		:	all 0.2s ease-out;
		-moz-transition		:	all 0.2s ease-out;
		-o-transition			:	all 0.2s ease-out;
	}
	div.PanelWorkDetailPhotoListText
	{
		width				:	100%;
		margin			:	10px 0px;
		text-align			:	center;
	}
	#PanelWorkDetailPhotoListThumbnail
	{
		clear				:	all;
		text-align			:	center;
		padding			:	20px;
	}
	#PanelWorkDetailPhotoListThumbnail ul
	{
		margin			:	0px;
		padding			:	0px;
	}
	#PanelWorkDetailPhotoListThumbnail ul li
	{
		display			:	inline-block;
		margin			:	0px 5px 5px 5px;
		padding			:	0px;
		line-height			:	0px;
		background-position	:	center center;
		background-repeat		:	no-repeat;
		background-size		:	cover;
	}
	#PanelWorkDetailPhotoListThumbnail img
	{
		height				:	60px;
	}
	#PanelWorkDetailPhotoListThumbnail img.ImageDefault
	{
		border			:	solid 1px #cccccc;
	}
	#PanelWorkDetailPhotoListThumbnail img.ImageActive
	{
		border			:	solid 1px #dd0000;
	}
	#PanelWorkDetailPhotoListThumbnail img:hover
	{
		border			:	solid 1px #ff9900;
	}

/*
======================================
Wide Pc
======================================
*/
@media (min-width:1241px)
{
	#PanelWorkDetailPhotoList li
	{
		height				:	600px;
	}
	div.PanelWorkDetailPhotoListPhoto img
	{
		max-height			:	550px;
	}
}


/*
======================================
Narrow Pc
======================================
*/
@media (min-width:1024px) and (max-width: 1240px)
{
	#PanelWorkDetailPhotoList li
	{
		height				:	550px;
	}
	div.PanelWorkDetailPhotoListPhoto img
	{
		max-height			:	500px;
	}
}

/*
======================================
Tablet
======================================
*/
@media (min-width:801px) and (max-width: 1023px)
{
	#PanelWorkDetailPhotoList li
	{
		height				:	450px;
	}
	div.PanelWorkDetailPhotoListPhoto img
	{
		max-height			:	400px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media (max-width: 800px)
{
	/* Title */
	div.PanelWorksDetailInformation
	{
		margin-bottom		:	0px;
	}
	div.PanelWorksDetailInformation h2
	{
		margin-bottom		:	15px;
		font-size			:	18px;
	}
	
	
	/* Photo */
	#PanelWorkDetailPhotoList li
	{
		height				:	300px;
	}
	div.PanelWorkDetailPhotoListPhoto
	{
		display			:	table-cell;
		width				:	330px;
		height				:	300px;
		margin			:	0px auto;
		padding			:	0px 15px;
		vertical-align			:	middle;
	}
	div.PanelWorkDetailPhotoListPhoto img
	{
		margin			:	0px auto;
		max-height			:	300px;
	}
	#PanelWorkDetailPhotoListThumbnail img
	{
		height				:	40px;
	}
}