/**************** ボディ要素の書き換え  ******************/



#body
{
	float:left;
	width:100%;
	margin-right:-312px;
}

#body .bodymargin
{
	margin-right:312px;
}

/**************** 　　　　　　サイドバー  ******************/

#side
{
	float:right;
	width :300px;
}

#side .content
{
	padding:4px;
	background-position: left top;
	background-image: url(images/side_header.gif);
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-repeat: no-repeat;
}

#side .content h2
{
	margin: 2px 2px 2px 16px;
	padding: 0px;
	font-size: 110%;
	color: #663300;
}

#side .ad
{
	padding: 0px;
	line-height:200px;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	color: #ffffff;
	background-color: #f0f0f0;
	text-align: center;
}

#side .ad img
{
	width: 300px;
}

#side ul.buttonmenu
{
	list-style-type:none;
	display:block;
	padding:0px;
	margin:0px;
}

#side ul.buttonmenu li
{
	display:block;
	padding:2px 0px 2px 0px;
	margin:0px;
}

#side ul.buttonmenu a
{
	display: block;
	width: 281px;
	height: 40px;
	padding: 0px;
	line-height: 40px;
	text-align: center;
	margin: 0px;
	background-position: left top;
	background-image: url(images/menu_panel.gif);
	background-repeat: no-repeat;
	color:#000000;
}


/***********  調査隊 ************/

#side ul.member
{
		padding:0px;
			margin:0px;
	list-style-type:none;
}

#side ul.member li
{
	padding: 0px;
	display: block;
	border-right: #666666 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #666666 1px solid;
	width: 284px;
	min-height: 72px; /*IEのみ適用されるいわゆるハックです・・*/
	_height: 72px;
	margin: 0px 8px 4px 0px;
	background-color: #f9f7f5;
	background-position: left top;
	background-image: url(images/corp_panel.gif);
	background-repeat: no-repeat;
}

#side ul.member .blogtitle
{
	display: block;
	padding: 4px 0px 0px 28px;
}
#side ul.member .title
{
	margin:0px 0px 0px 8px;
	
}

#side ul.member img
{
	height:64px;
	float:right;
	margin:4px 4px 4px 4px;
}
#side ul.member .info
{
	margin:0px 0px 0px 8px;
	
}

/**************** インフォメーションパネル ***************/



#body .infopanel
{
	display: block;
	padding: 0px;
	width:586px;
	margin:0px 0px 8px 0px;
	background-color: #ffffff;
	background-position: left top;
	background-image: url(images/topics_pnl_body.gif);
	background-repeat: repeat-y;
}

#body .infopanel .header
{
	padding:16px 24px 0px 24px;
	background-position: left top;
	background-image: url(images/topics_pnl_header.gif);
	background-repeat: no-repeat;
	
}
#body .infopanel .footer
{
	clear:both;
	margin:0px;
	padding:4px 48px 24px 48px;
	background-position: left bottom;
	background-image: url(images/topics_pnl_footer.gif);
	background-repeat: no-repeat;
	text-align:right;
}


#body .infopanel .body
{
	padding:0px 32px 0px 48px;
}

#body .infopanel img
{
	width:256px;
	float:right;
	margin:0px 0px 0px 4px;
}

#body .infopanel .info
{
	float:right;
	margin:0px;
	padding:0px;
	font-size:80%;
}

#body .infopanel .info span
{
	color: #ffffff;
	background-color: #999999;
	padding:1px 8px 1px 8px;
	margin:0px 8px 0px 0px;
	
}

#body .infopanel .info span.new
{
	background-color: #ff6633;
}



#body .infopanel h2
{
	clear:left;
	
	margin:0px 4px 4px 24px;
	padding:0px;
	font-size: 30px;
	line-height:32px;
	font-family: HGP明朝B,Serif;
	background-repeat: no-repeat;
	background-position: left center;
	background-image:none;
	
}

#body .infopanel h2 a
{
	color: #503010;
}

#body .infopanel h2 a:hover
{
	color: #cc6633;
}


#body .infopanel h2.kaidotitle
{
	padding:0px 0px 0px 40px;
	background-image: url(images/icon_kaido.gif);

}

#body .infopanel h2.syukubatitle
{
	padding:0px 0px 0px 40px;
	background-image: url(images/icon_syukuba.gif);
}

#body .infopanel h2 span
{
	display:inline;
	font-size:70%;
	background-image:none;
	padding:0px;
}

#body .infopanel p
{
	margin:0px;
	line-height:1.7;
}