div.close {
	padding: 32px 30px 0px 0px;
	float: right;
}


/* ���C�� */

div.main
{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.main div#Top
{
	background-image: url(../image/webalbum_bg_1.gif);
	background-repeat: no-repeat;
	width: 700px;
	height: 53px;
	margin-left: auto;
	margin-right: auto;
}

div.main div#Unit
{
	float: left;
	width: 600px;
}

div.main div#DisplayMode
{
	float: left;
	width: 280px;
	font-size: 12px;
	line-height: 120%;
	padding-top: 5px;
	margin-left: 5px;
	text-align: center;
}

div.main div#DisplayMode a.Selected
{
	display: block;
	float: left;
	color: #ffffff;
	background-image: url(../image/webalbum_btn_1.gif);
	width: 92px;
	height: 34px;
}

div.main div#DisplayMode a.Unselected
{
	display: block;
	float: left;
	color: #ffffff;
	background-image: url(../image/webalbum_btn_2.gif);
	width: 92px;
	height: 34px;
}

div.main div#DisplayMode span.Font_space
{
	display: block;
	margin-top: 10px;
}

div.main div#MessageNum
{
	float: right;
	width: 315px;
	font-size: 12px;
	line-height: 120%;
	padding-top: 15px;
	text-align: center;
	color: #ed1260;
}

div.main div#Paging
{
	float: right;
	width: 100px;
	font-size: 14px;
	line-height: 120%;
	padding-top: 15px;
	text-align: center;
}

div.main div#Paging img.PrevEnabled
{
	vertical-align: middle;
	width: 25px;
	height: 22px;
	background-image: url(../image/prev_1.gif);
}

div.main div#Paging img.PrevUnabled
{
	vertical-align: middle;
	width: 25px;
	height: 22px;
	background-image: url(../image/prev_2.gif);
}

div.main div#Paging img.NextEnabled
{
	vertical-align: middle;
	width: 25px;
	height: 22px;
	background-image: url(../image/next_1.gif);
}

div.main div#Paging img.NextUnabled
{
	vertical-align: middle;
	width: 25px;
	height: 22px;
	background-image: url(../image/next_2.gif);
}

div.main div#ThumbnailList
{
	CLEAR:both;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

div.main div#ThumbnailList div#ListTop
{
	background-image: url(../image/webalbum_bg_2.gif);
	background-repeat: repeat-y;
	width: 700px;
	font-size: 10px;
	line-height: 120%;
	text-align: left;
	padding-left: 10px;
}

div.main div#ThumbnailList div#ListTop #Comment
{
	padding-top: 5px;
}

div.main div#ThumbnailList div#ListTop ul
{
	background-image: url(../image/webalbum_bg2.gif);
	background-repeat: repeat-y;
	list-style-type: none;
	width: 680px;
	height: 390px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

div.main div#ThumbnailList div#ListTop ul li.Box
{
	display: inline;
	float: left;
	width: 135px;
	height: 195px;
	text-align: center;
	vertical-align: middle;
}

div.main div#ThumbnailList div#ListTop ul li.Box img
{
}

div.main div#ThumbnailList div#ListTop ul li.Box a:hover img
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div.main div#ThumbnailList div#ListTop ul li.Box .PartialMessage
{
	color: #ffffff;
	font-size: 10px;
	line-height: 120%;
	
}

div.main div#ThumbnailList div#ListTop ul li.Box .SendName
{
	margin-top: 15px;
	display: block;
	font-size: 12px;
	margin-left: 5px;
	color: #3298c3;
	line-height: 120%;
	margin-right: 5px;
	height: 35px;
}

div.main div#ThumbnailList div#ListBottom
{
	background-image: url(../image/webalbum_bg_3.gif);
	background-repeat: no-repeat;
	width: 700px;
	height: 16px;
}