/* --- BODY & HEADER --- */

/* --- 全体の背景・テキスト --- */
body {
	margin: 0;
	padding: 0;
	background-color: #f9f9f9; /* 全体の背景色 */
	color: #404040; /* 全体の文字色 */
	font-size: 80%; /* 全体の文字サイズ */
	}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #c07100; }
a:active { color: #c07100; }

/* --- コンテナ（大外枠） --- */
#container {
	width: 980px; /* コンテナの幅 */
	margin: 0 auto; /* センタリング */
	background-color: #ffffff; /* コンテナの背景色 */
	border-left: 1px #c0c0c0 solid; /* コンテナの左境界線 */
	border-right: 1px #c0c0c0 solid; /* コンテナの右境界線 */
	}

/* --- ページ --- */
#page {
	width: 950px; /* ページの幅 */
	margin: 0 auto; /* センタリング */
	background-color: #ffffff; /* コンテナの背景色 */
	}



/* --- ■■ヘッダ部分開始■■ --- */
#header {
	position: relative; /* 相対配置（ガイドメニューのために設定） */
	width: 100%; /* IE 6のために幅の指定が必要 */
	margin: 0 0 10px; /* ヘッダのマージン（上、左右、下） */
	padding: 10px 0 0; /* ヘッダのパディング（上、左右、下） */
	background-color: #ffffff; /* ヘッダの背景色 */
	background: url(../image/pc01.jpg) no-repeat right top;
	}

/*画像ポジション（見積君ロゴ）*/
.position1 {
	position:relative;
	top:0px; left:0px;
	}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
	margin: 0 0 7px; /* サイトタイトルのマージン（上、左右、下） */
	font-size: 200%; /* サイトタイトルの文字サイズ */
	}
/* サイトタイトルの画像（見積君ロゴ） */
#header h1.siteTitle img,
#header p.siteTitle img {
	border: none;
	}

/* ヘッダ内TK-SYSTEMタイトル */
.title1 {
	font-size:26px;
	color:#6389c3;
	font-family:Verdana;
	font-weight:bold;
	line-height:150%;
	position:relative;
	top:0px;
	left:15px;
}

/* ヘッダ内住所フォント文字*/
.title2	{
    font-size:12px;
    color:#909090;
    font-family:Verdana;
    line-height:130%;
    position:relative;
    top:0px; left:15px;
	}

/* --- ヘッダ右側　FAQ Site Map の部分 --- */
#header ul.guide {
	position: absolute; /* 絶対配置 */
	top: 15px; /* 上からの距離 */
	right: 10px; /* 右からの距離 */
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

/* ヘッダ右側のメニュー項目 */
#header ul.guide li {
	display: inline;
	padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
	background: url(../image/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
	}
/* FAQの部分（最初の項目） */
#header ul.guide li.first {
	background: none; /* 区切り線なし */
	}

/* --- ナビゲーションバー --- */
div.nav {
	margin-top:15px; /* --- 見積君ロゴとナビゲーションバーの上マージン --- */
	width: 100%; /* ナビゲーションの幅 */
	background: #4e83b3 url(hor_menu6_off.gif) repeat-x top; /* ナビゲーションの背景 */
	border-top: 2px #84aed2 solid; /* 上境界線 */
	border-bottom: 2px #2c5170 solid; /* 下境界線 */
	font-size: 100%;
	}

/* --- メニューエリア --- */
div.nav ul.nl {
	width: 948px; /* メニューの幅 */
	margin: 0 auto; /* センターに配置 */
	padding: 0;
	background: #4e83b3 url(hor_menu6_off.gif) repeat-x top; /* メニューの背景 */
	border-left: 1px #2c5170 solid; /* メニューの左境界線 */
	border-right: 1px #84aed2 solid; /* メニューの右境界線 */
	list-style-type: none;
	text-align: center;
	}

/* --- メニュー項目 --- */
div.nav ul.nl li {
	width: 158px; /* 項目の幅 */
	float: left;
	}

/* --- リンク --- */
div.nav ul.nl li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 7px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
	border-left: 1px #84aed2 solid; /* リンクエリアの左境界線 */
	border-right: 1px #2c5170 solid; /* リンクエリアの右境界線 */
	text-decoration: none; /* テキストの下線（なし） */
	font-weight: normal; /* 文字の太さ（太字） */
	color: #ffffff; /* 文字色 */
	line-height: 170%; /* 行の高さ */
	}
/* 英字部分 */



/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
	background: #5e91bd url(hor_menu6_on.gif) repeat-x top; /* ポイント時の背景 */
	color: #0000ff; /* 文字色（黄）#ffff66 */
	}



/* ポイント時とアクティブ時の設定 */
#header div.nl li a:hover,
#header div.nl li.active a {
	background: #5e91bd url(../image/hor_menu6_on.gif) repeat-x top; /* ポイント時（アクティブ時）の背景（初期値#5e91bd） */
	}


/* アクティブ時の設定 */
.active {
	background: #5e91bd url(../image/hor_menu6_on.gif) repeat-x top; /* ポイント時（アクティブ時）の背景（初期値#5e91bd） */
	}


/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearFix {
	min-height: 1px;
	}

/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
	margin: 0;
	padding: 7px 2px; /* トピックパスのパディング（上下、左右） */
	border-bottom: 1px #c0c0c0 solid; /* トピックパスの下境界線 */
	list-style-type: none;
	}
/* リスト項目 */
#header ol.topicPath li {
	display: inline;
	}
/* リンクエリア */
#header ol.topicPath li a {
	padding-right: 12px; /* リンクエリアの右パディング */
	background: url(../image/topic_path_gray.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
	}

/* --- 罫線 --- */
#header hr.none {
	display: none; /* 表示形式（なし） */
	}

/* --- ■■ヘッダ部分終了■■ --- */