@charset "Shift_JIS";
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!! CAUTION for Opera !!!!!!!!!!!!!!!!!!!!!!!!!!
@charset宣言の前に文字があると、最初のセレクタが反映されない。
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

/*
*****************************************************
CSS skin settings
FileName:	style_muraki_nonsubmenu.css
Version:	2006/01/18
*****************************************************
*/


/* ======================= parts (class or id) setting ======================= */
/* ----------------------- main content area ----------------------- */
/* ....................... content ....................... */
.container {
	float: right;
	width: 100%;
/* $ TIPS $ */
	max-width: 100%;
	min-width: 760px;
/* $ end TIPS end $ */
/* !CAUTION!
	height: 100%;
	max-height: 100%;
	min-height: 450px;
*/
/* $ TIPS $ */
	margin: 0px 0px 0px 0px;
/* $ end TIPS end $ */
}
/*
$$$$$$$$$$$$$$$$$$$$$$$$$$$ TIPS for Opera $$$$$$$$$$$$$$$$$$$$$$$$$$
Operaのために max-width, min-width の設定を行なう。
これで float が意図した通りに並び、リキッドレイアウトも保たれる。
（ないと #content と #subMenu が上下に並ぶ。）
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
*/
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!! CAUTION for Opera & Firefox !!!!!!!!!!!!!!!!!!!!!!!!!!
OperaとFirefoxのために height, max-height, min-height を設定しない。
設定すると .container の高さが固定になり途中に #footer が被る。
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

.content {
/* !CAUTION!
	width: 100%;
*/
	max-width: 100%;
	min-width: 760px;
/* !CAUTION!
	float: right;
*/
/* $ TIPS $ */
	margin: 0px 0px 0px 0px;
/* $ end TIPS end $ */
/* !CAUTION!
	height: 100%;
	max-height: 100%;
	min-height: 450px;
*/
}
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!! CAUTION for Opera & Firefox !!!!!!!!!!!!!!!!!!!!!!!!!!
OperaとFirefoxのために width: 100%; を設定しない。
設定すると横スクロールバーが表示される。
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!! CAUTION for IE !!!!!!!!!!!!!!!!!!!!!!!!!!
IEのために float: right; の設定はしない。
IEは内包した要素の幅に合わせるため、文章が少ないなどで幅が狭いと
包んだ要素を float: right; しているため、
メニューは左端、コンテンツは右端に寄り、中央に空白が生まれてしまう。
これで float が意図した通りに並び、リキッドレイアウトも保たれる。
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
/*
!!!!!!!!!!!!!!!!!!!!!!!!!!! CAUTION for Firefox !!!!!!!!!!!!!!!!!!!!!!!!!!
Firefoxのために height, max-height, min-height を設定しない。
設定すると .content の高さが低い時に #footer が押し下げられて
不要な縦スクロールバーが表示される。
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/
/* ....................... END content END ....................... */
/* ----------------------- END main content area END ----------------------- */
/* ======================= END parts (class or id) setting END ======================= */