@charset "utf-8";
/* CSS Document */

/* ----------------------------
   タグ共通
---------------------------- */
body
{
	background-image	: url('img/grid01.gif');
	padding				: 16px;
	line-height			: 18px;
}

a
{
	text-decoration		: none;
	color				: #36F;
	
	/* リンクの貼られてないaタグでもカーソルを変更 */
	cursor : pointer;
}

/* cell-spacing属性でbrが無効化するバグ回避 */
br
{
	letter-spacing : normal;
}

img
{
	border			: 0;
}

hr
{
	height			: 1px;
	color			: #666;
	border-style	: solid;
	border-width	: 1px; 
	border-bottom	: 0px;
}


/* ----------------------------
   回り込み解除
---------------------------- */
.FloatClear
{
	clear				: both;
}


/* ----------------------------
   縦方向スペース
---------------------------- */
.VerticalSpace
{
	font-size			: 0px;
	overflow			: hidden;
}


/* ----------------------------
   破線
---------------------------- */
.DottedLine
{
	overflow			: hidden;
	
	font-size			: 1px;
	background-image	: url('img/dottedline01.gif');
	height				: 1px;
}


/* ----------------------------
   見出し
---------------------------- */
.Subtitle01
{
	clear				: both;
	
	padding				: 4px 0px 4px 6px;
	border-top			: solid 2px #666;
	border-left			: solid 6px #666;
	border-bottom		: solid 1px #666;
	background-image	: url('img/shade01.gif');
	
	font-size			: 13px;
	font-weight			: bold;
}


/* ----------------------------
   小見出し
---------------------------- */
.Subsubtitle01
{
	padding				: 0px 0px 4px 0px;
}


/* ----------------------------
   サムネイル
---------------------------- */
.ThumbnailBox
{
	float				:left;
	
	width				: 52px;
	height				: 61px;
	margin-right		: 8px;
	overflow			: hidden;
}


.Thumbnail
{
	border				: solid 1px #666;
	/*画像の下に変な余白ができるIEのバグ回避のため*/
	vertical-align		: bottom;
}

.ThumbnailIcon
{
	/*画像の下に変な余白ができるIEのバグ回避のため*/
	display				: block;
}


/* ----------------------------
   キャプション
---------------------------- */
.Caption
{
	clear				: both;
	line-height			: 0px;
	overflow			: hidden;
	padding				: 2px 0px 0px 0px;
	
	height 				: 20px;
}


/* ----------------------------
   プロフィール
---------------------------- */
.ProfileImage
{
	float				: left;
	
	margin-left			: 1px;
	margin-right		: 16px;
	width				: 120px;
	height				: 120px;
}

.ProfileText
{
	height				: 120px;
}


/* ----------------------------
   見出し後の本文
---------------------------- */
.Body01
{
	clear				: both;
	padding				: 12px 0px 24px 0px;
}

.Header
{
	background-color	: #333;
}

.MainTable
{
	border-color	: #333;
}

.MainBody
{
	background-color	: #FFF;
	color				: #666;
	padding				: 10px 20px 20px 20px ;

	font-size 			: 12px;
	letter-spacing		: 1px;
	
	border-style		: solid;
	border-width		: 1px;
}


/* ----------------------------
   フッター
---------------------------- */
.Footer
{
	background-color	: #333;
	color				: #FFF;
	font-size			: 12px;
	letter-spacing		: 1px;
	padding				: 10px 20px 40px 20px ;
}


/* ----------------------------
   ビュアー
---------------------------- */

#Viewer
{
	z-index			: 2;
	
	position		: absolute;
	top				: 20px;
	left			: 20px;
	
	visibility		: hidden;
	border			: solid 1px #333;

}

#TitleBar
{
	color			: #666;
	font-size		: 12px;
	background		: #F93;
	
	padding			: 6px 0px 4px 4px ;
	
	cursor			: move;
	line-height		: 0px;
	
}

#TitleBar img
{
	vertical-align	: middle;
}

#Comment
{
	color			: #666;
	font-size		: 12px;
	background		: #DCDCDC;
	
	border-top		: solid 1px #333;
	border-bottom	: solid 1px #333;
	
	padding			: 4px 4px 4px 6px ;
}

#CloseButton
{
	cursor			: pointer;	
}