﻿#wrapper{
	background: url(../images/wallpaper.jpg);
}

#wrapper object{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
/* -----------------------------------------------------------------------------
	objectタグにエンベッドされるフラッシュオブジェクトも、Safari，FireFoxでは
	下部に4px分の空白が出来る。
	（imgタグによるイメージの配置と同様。『#footer img{}』の設定を参照）
	(1)上記のようにフラッシュ動画をbottom配置にするか、(2)続く画像のtopマージンを
	ネガティブマージンにして、-4px分オーバーラップさせれば、解決する。
	方法(2)は、Internet Explorerでは上手くいかない。
----------------------------------------------------------------------------- */



#separator img{
	vertical-align: top;
}
/* -----------------------------------------------------------------------------
	igmタグには、4px分の空白が出来る。垂直配置をtopにし、フラッシュオブジェクト
	との空間を埋める。
----------------------------------------------------------------------------- */



/* -----------------------------------------------------------------------------
	static（標準）配置に属するDIVボックス。このボックスを省略するとフッターが
	news部分の下に重なって表示されてしまう。
	新着情報の枠部分は、z-indexを用いるのにposition属性を指定しているため、
	staticなボックスの配置を無視してしまう。その為の回避。
----------------------------------------------------------------------------- */
#space{
	height: 315px;
}



#newsframe{
	position: absolute;
	top: 525px;
	z-index: 0;
	float: left;
	width: 502px;
}

#newsframe p{
	margin: 2px;
	padding-left: 1.5em;
	font-size: 13px;
	line-height: 1.3em;
}

#frameimage{
	position: absolute;
	z-index: 1;
}

#frameimage img{
	padding-left: 10px;
}



#news{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

img.heading{
	margin-left: 10px;
	margin-bottom: 5px;
}



#linkmenu{
	position: absolute;
	z-index: 3;
	left: 520px;
}

#linkmenu img{
	border: none;
}
