@charset "UTF-8";



/**********************************************************
概要
**********************************************************/
/*
サイトトップ | レイアウト

ファイル名：sitetop.css
パス：/css/sitetop/sitetop.css
読込先：サイトトップ
コピーライト：2008 © Fumakilla CO.LTD

内容：
  1：ボディ - body
  2：ヘッダー - #header
  3：トップフラッシュ - #topflash
  4：全体 - #container
  5：ナビ - #navi
  6：コンテンツ - #content
  7：メイン - #main
  8：サイド - #side
  9：フッター - #footer
----------------------------------------------------------*/



/*----------------------------------------------------------
	1：ボディ - body
----------------------------------------------------------*/

@media screen {
	body {
		background: #e7e7e7 url(../../images/sitetop/body_bg.jpg) repeat-x left 420px;
	}
}

@media print {
	body {
		background: #ffffff;
	}
}



/*----------------------------------------------------------
	2：ヘッダー - #header
----------------------------------------------------------*/

div#header {
	display: none;
}



/*----------------------------------------------------------
	3：トップフラッシュ - #topflash
----------------------------------------------------------*/

div#topflash {
	width:100%;
	height: 420px;
	text-align: center;background:#B2B2B2;
}



/*----------------------------------------------------------
	4：全体 - #container
----------------------------------------------------------*/

@media screen {
	div#container {
	}
}

@media print {
	div#container-wrapper {
		background: #ffffff;
	}
}

div#container {
	width:100%;
	margin: 0;
	padding: 0;
}

div#container-inner {
	width:998px;
	margin: 0 auto;
	text-align: left;
}

@media screen {
	div#container-inner {
	background: #e7e7e7 url(../../images/sitetop/body_inner.jpg) repeat-y top left;
	}
}

@media print {
	div#container-inner {
		background: #ffffff;
	}
}



/*----------------------------------------------------------
	5：ナビ - #navi
----------------------------------------------------------*/

div#navi {
	width:100%;
	height: 90px;
	background: url(../../images/sitetop/body_header.jpg) no-repeat left top;
	text-align: center;
}

div#navi .inner {
	width: 958px;
	margin: 0 auto;
	text-align: left;
}

@media print {
	div#navi div#menu-athome,
	div#navi div#menu-garden,
	div#navi div#menu-gyomu {
		display: none;
	}
}

/*----------------------------------------------------------
	6：コンテンツ - #content
----------------------------------------------------------*/

div.content {
	width:998px;
	margin:0 auto;
	padding: 0;
	text-align: center;
}

div#content-inner {
	width:100%;
}

/* コンテンツ：回り込み解除
------------------------------*/
.content-clearfix {
	clear:both;
}



/*----------------------------------------------------------
	7：メイン - #main
----------------------------------------------------------*/

div#main {
	width:765px;
	float:left;
	margin: 5px 0 20px 0;
	padding: 0;
}

div#main .inner {
	width:100%;
	text-align: left;
}

/* トピック
------------------------------*/
div#topics {
	margin: 0 0 0 20px;
	background: url(../../images/sitetop/asset_bg_header.jpg) no-repeat left top;
}

div#topics .topics-footer {
	height: 10px;
	background: url(../../images/sitetop/asset_bg_footer.jpg) no-repeat left bottom;
}

@media screen {
	div#topics {
		background: url(../../images/sitetop/asset_bg_header.jpg) no-repeat left top;
	}
	div#topics .topics-footer {
		background: url(../../images/sitetop/asset_bg_footer.jpg) no-repeat left bottom;
	}
}

@media print {
	div#topics,div#topics .topics-footer {
		background: #ffffff;
	}
}

div#topics #news .asset-content,
div#topics #ir .asset-content {
	width: 365px;
}

div#topics #news .asset-header,
div#topics #ir .asset-header {
	height: 40px;
}



/*----------------------------------------------------------
	8：サイド - #side
----------------------------------------------------------*/

div#side {
	width:233px;
	float:right;
	margin: 10px 0;
	padding: 0;
}

div#side .inner {
	margin: 0;
	padding: 0 0 0 18px;
	text-align: left;
}



/*----------------------------------------------------------
	9：フッター - #footer
----------------------------------------------------------*/

div#footer {
	width:990px;
	margin:0 auto;
	padding: 0px;
	clear: both;
}

div#footer .inner {
	width:100%;
	text-align: center;
}