@charset "UTF-8";



/**********************************************************
概要
**********************************************************/
/*
共有スタイル | ２カラムレイアウト

ファイル名：lyout_2column.css
パス：/css/lyout_2column.css
読込先：２カラム構成・メイン右のhtml
コピーライト：2008 © Fumakilla CO.,LTD

内容：
  1：ボディ
  2：全体
  3：ヘッダー
  4：ナビ
  5：コンテンツ
  6：コンテンツヘッダー
  7：メイン
  8：サイド
	9：コンテンツフッター
  10：フッター
----------------------------------------------------------*/



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

@media screen {
	body {
		background: #e7e7e7;
	}
}

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



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

div#container {
	width:994px;
	margin: 0 auto;
	text-align: center;
}

@media screen {
	div#container {
	background: url(../../images/common/body/body_bg.jpg) repeat-y top center;
	}
}

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

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



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

div#header {
	width:990px;
	height: 60px;
	margin:0 auto;
	padding: 0;
	/*background: #eeeeee;*/
	background: url(../../images/common/header/header_bg.jpg) no-repeat top center;
}

div#header .inner {
	width:100%;
}



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

div#navi {
	width:990px;
	margin:0 auto;
	padding: 0px;
	/*background: #bbbbbb;*/
	background: url(../../images/common/navi/navi_bg.jpg) no-repeat bottom center;
}

div#navi .inner {
	width:100%;
	padding: 0.25em 0;
}



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

div.content {
	width:990px;
	margin:0 auto;
	padding: 0;
}

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

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



/*----------------------------------------------------------
	6：コンテンツヘッダー - #content-header
----------------------------------------------------------*/

div#content-header {
}

div#content-header .inner {
	padding: 0;
}



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

div#main {
	width:765px;
	float:right;
	/*background: #ffffff;*/
}

div#main .inner {
	padding: 0;
}



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

div#side {
	width:225px;
	float:left;
	/*background: #ffffff;*/
}

div#side .inner {
	padding: 0;
}



/*----------------------------------------------------------
	9：コンテンツフッター - #content-footer
----------------------------------------------------------*/

div#content-footer {
	width: 990px;
	clear: both;
}

div#content-footer .inner {
	padding: 0;
}



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

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

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