@charset "utf-8";

*	{
	margin: 0;
	padding: 0;
}

body	{
	color: #999;
	background-color: #666;
	text-align: center;
	line-height: 125%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#area	{
	margin: 24px auto 12px auto;
	padding: 0;
	width: 525px;
}

#photo	{
	float: left;
	display: block;
	width: 360px;
}
.cap	{
	margin: 2px 0 0 0;
	font-size: 9px;
	text-align: left;
}

#menu	{
	display: block;
	flat: right;
	text-align: right;
}
.date	{
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 9px;
}
.note	{
	float: left;
	display: block;
	margin: 6px 0 0 0;
	font-size: 10px;
	line-height: 150%;
	width: 128px;
}
.sub	{
	font-size: 9px;
}
.thum	{
	display: block;
	margin: 0;
	padding: 8px 0 8px 0;
}
.note2	{
	margin: 16px 0 0 0;
	font-size: 9px;
}

#sym	{
	clear: both;
	float: left;
	display: block;
	margin: 12px 0 0 0;
	padding: 0 0 2px 0;
	text-align: left;
}

#take{
	float: right;
	margin: 12px 0 0 0;
	font-size: 10px;
	text-align: right;
}

#copy	{
	clear: left;
	padding: 2px 0 0 0;
	font-size: 9px;
	text-align: right;
	border-top: 1px dotted #333;
}

a:link	{
	text-decoration: none;
	color: #ccc;
}
a:visited	{
	text-decoration: none;
	color: #ccc;
}
a:hover	{
	text-decoration: underline;
	color: #fff;
}


* html body	{
	line-height: 100%;
	vertical-align: top;
}
* html .cap	{
	margin: 0;
}
* html .note	{
	line-height: 100%;
	margin: 3px 0 0 0;
}
* html .thum	{
	display: block;
	margin: 0;
	padding: 4px 0 4px 0;
}
* html .note2	{
	margin: 8px 0 0 0;
}
* html #sym	{
	margin: 6px 0 2px 0;
	padding: 0;
	text-align: left;
}
* html #take{
	margin: 6px 0 0 0;
}
* html #copy	{
	padding: 0;
}