body
{
	margin-top: 0px;
	margin-bottom: 20px;	/* this is esp. added for IE.  if there is no margin at the bottom, some content is hidden under the status bar! */
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	background-color: #b9d38a;
}

.JpFont {font-size: 12px; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}

body .BodyImgBg
{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 0;
	vertical-align: bottom;	/* this is a stupid workaround for IE's img behavior to prevent img creating extra space under itself in its container */
}

.MainContentPanel
{
	position: relative;
	width: 950px;
	top: 5px;
	z-index: 10;
	margin: auto;		/* this must be set so that the DIV is centered in non-IE browsers */
	text-align: left;
}

.PageHeader
{
	width: 950px;
	height: 100px;
}

.HeaderImg
{
	position: relative;
	top: 0px;
	left: 0px;
	vertical-align: bottom;	/* this is a stupid workaround for IE's img behavior to prevent img creating extra space under itself in its container */
}

.HearderImgHomeLink
{
	position: absolute;
	width: 128px;
	height: 48px;
	top: 38px;
	left: 24px;
	z-index: 100;
}

.BambooBoxImgPreIE7
{
	position: absolute;
	top: 5px;
	left: 780px;
	z-index: 10;
	vertical-align: bottom;	/* this is a stupid workaround for IE's img behavior to prevent img creating extra space under itself in its container */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/Box.png');
}

.BambooBoxImg
{
	position: absolute;
	top: 5px;
	left: 780px;
	z-index: 10;
	vertical-align: bottom;	/* this is a stupid workaround for IE's img behavior to prevent img creating extra space under itself in its container */
}

.MainMenuPanel
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 950px;
	background-image: url("../image/MenuBg.jpg");
}

.MainMenu
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 28px;
	width: 780px;
	table-layout:auto;
}

.MainMenu td.MenuItemNormal
{
	/*width: 16.6667%;*/
	font-size: 14px;
	text-align: center;
	padding: 5px;
}

.MainMenu td.MenuItemSeleted
{
	/*width: 16.6667%;*/
	font-size: 14px;
	text-align: center;
	padding: 5px;
	/*background-color: #646464;*/
	background-image: url("../image/MenuBgSelected.jpg");
}

.MainMenu td.MenuSeperator
{
	width: 9px;
	padding: 0px;
	background-image: url("../image/MenuSeperator.jpg");
}

.MainMenu td a
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;
	color: White;
	font-weight: bold;
	text-decoration: none;
	cursor: auto;
}

.MainMenu td a:hover
{
	border-top-width: 1px;
	border-top-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: none;
	border-right-width: 1px;
	border-right-style: none;
	border-color: White;
	text-decoration: none;
	cursor: pointer;
}

.ContentBodyPanel
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	
	border-color: Gray;
	border-style: solid;
	border-width: 1px;
	/*-moz-border-radius: 5px;*/
	/*-webkit-border-radius: 5px;*/
	background-color: #e2e2e2;
}

.ContentBodyPanel .ContentBodyImgBg
{
	position: absolute;
	width: 100%;
	height: 100%;	/* this won't work with IE since the the container's height is not fixed but according to inline flow.  it will be assigned on document load for IE.  see: DoDocumentLoaded() */
	left: 0px;
	top: 0px;
	z-index: 0;
	vertical-align: bottom;	/* this is a stupid workaround for IE's img behavior to prevent img creating extra space under itself in its container */
}

.ContentBodyPanel .ContentBodyWithPadding
{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 10;
	padding: 20px;
}

.ColumnTable
{
}

.ColumnTable td
{
	vertical-align: top;
}

.SimpleText
{
	font-size: 13px;
	color: Black;
}

.SimpleTextBold
{
	font-size: 13px;
	font-weight: bold;
	color: Black;
}

.BigBoldLink
{
	font-weight: bold;
}

.PageBottomLinks
{
	position: relative;
	z-index: 10;
	margin: auto;		/* this must be set so that the DIV is centered in non-IE browsers */
	padding: 5px;
	text-align: center;
	
	font-size: 12px;
	font-weight: normal;
	color: Black;
}

.SupportedBrowsers
{
	position: relative;
	z-index: 10;
	margin: auto;		/* this must be set so that the DIV is centered in non-IE browsers */
	padding: 5px;
	text-align: center;
	
	font-size: 12px;
	font-weight: normal;
	color: Black;
}

.Copyright
{
	position: relative;
	width: 950px;
	top: 10px;
	z-index: 10;
	margin: auto;		/* this must be set so that the DIV is centered in non-IE browsers */
	text-align: center;
	
	font-size: 10px;
	font-weight: normal;
	color: Black;
}

.ImgPreloader
{
	display: none;
}

.StrongType1
{
	font-weight: bold;
	text-decoration: underline;
	color: #57b503;
}

.StrongType2
{
	font-weight: bold;
	color: #449100;
}