@charset "UTF-8";

/*
======================================================================

			ヌキなび ヘッダ/フッタ スタイルシート
			
			y.wakasugi 2010.02.18
			
			ヌキなびのXHTML化したページ用に定義したヘッダ/フッタの
			スタイルを定義しています。

======================================================================
*/

@import "clearfix.css";

/*
-------------------------------------------
	0. スタイルの初期化
-------------------------------------------
*/
#header table,
#footer table
{
	border-collapse: collapse;
}
#header ul
{
	margin: 0;
	padding: 0;
}



/*
-------------------------------------------
	1. ヘッダのスタイル
-------------------------------------------
*/
#header
{
	background-color: #ffa038;
	padding: 2px;
}
#header .largebanner
{
	text-align: right;
}

#header h1
{
	margin: 0;
	padding: 0;
}

/* フォントサイズ */
#header #gnav,
#header #breadcrumbs
{
	font-size: 11px;
}

/* グローバルナビゲーション */
#header #gnav { margin: 3px 0; }
#header #gnav li
{
	border-left: 1px solid #000;
	display: inline;
	padding: 0 3px;
	margin: 0;
}
#header #gnav li:first-child
{
	border-left: 0;
	padding-left: 0;
}

/* パンクズリスト */
#header #breadcrumbs
{
	background-color: #fff;
	padding: 2px;
}
#header #breadcrumbs li
{
	padding-right: 3px;
	padding-left: 13px;
	background: url("../img/breadcrumbs/bc_arrow.gif") no-repeat left center;
	display: inline;
}
#header #breadcrumbs .totop
{
	width: 200px;
	padding-right: 2px;
	padding-left: 2px;
	background: none;
}








/*
-------------------------------------------
	2. フッタのスタイル
-------------------------------------------
*/

/*
	基本構造
*/

#footer,
#fnav,
#flink
{
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}
#fnav { margin-top: 25px; }
#footer, #fnav { border-top: 5px solid #f60; }
#flink { border-top: 3px solid #f60; }
/* --- IE8対策 --- */
	html>/**/body #footer,
	html>/**/body #fnav,
	html>/**/body #flink
	{  
		font-size /*\**/: 10px\9;  
	}
/* --- IE8対策 ここまで --- */
/* --- IE7対策 --- */
	*:first-child+html #footer,
	*:first-child+html #fnav,
	*:first-child+html #flink
	{
		font-size: 10px;
	}
/* --- IE7対策 ここまで --- */
/* --- IE6対策 --- */
	* html #footer,
	* html #fnav,
	* html #flink
	{
		font-size: 10px;
	}
/* --- IE6対策 ここまで --- */



#fnav td
{
	text-align: center;
	border-left: 1px solid #000;
}
#fnav td:first-child
{
	border: 0;
}


/*
	フッタリンク集のスタイル
*/
#flink dl,
#flink dt,
#flink dd
{
	padding: 0;
	margin: 0;
}
#flink dl
{
	border-right: 1px solid #000;
	width: 685px;
	margin: 0 auto;
}
#flink dd
{
	display: inline;
	border-left: 1px solid #000;
	padding: 0 1px;
}
#flink .night dd { letter-spacing: 0.03em; }
#flink .favorite dd { letter-spacing: 0.02em; }

#flink dt
{
	display: inline-block;
	width: 140px;
}
/* --- IE8対策 --- */
	html>/**/body #flink dt
	{  
		width /*\**/: 130px\9;
	}
	html>/**/body #flink dl { width: 625px\9; }
/* --- IE8対策 ここまで --- */
/* --- IE7対策 --- */
	*:first-child+html #flink dt
	{
		display: inline;
		width: 130px;
	}
	*:first-child+html #flink dl { width: 622px; }
/* --- IE7対策 ここまで --- */
/* --- IE6対策 --- */
	* html #flink dt
	{
		display: inline;
		width: 130px;
	}
	* html #flink dl { width: 622px; }
/* --- IE6対策 ここまで --- */

/*
	リンクのカラー
*/
#fnav a, #flink a { color: #069; }
#fnav a:hover, #flink a:hover { color: #d566cb; }



/*
	フッタのスタイル
*/
/* フッタの幅とポジション */
#footer table
{
	width: 640px;
	margin: 0 auto;
}
#footer table th
{
	font-weight: normal;
	text-align: left;
}
#footer table td { text-align: right; }
/* テキストカラー */
#footer a { color: #069; }
#footer a span { color: #f66; }