@charset "utf-8";
/* CSS Document */

/*---ページ全体---*/
body {
	line-height: 1.3;
	color: #999;
	background-color: #FFC;
	background-image: url(../imge/back50.gif);
	background-position: center top;
	clear: none;
	float: none;
}

/*---ページ余白部分▼---*/
#pageOuter {
	text-align: left;
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imge/shadow.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	margin-bottom: auto;
	padding-bottom: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c0c0c0;
}
/*---ページ背景部分▼---*/
#page {
	background-image: url(../imge/page.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	padding-bottom: 10px;
	width: 800px;
	color: #060;
	font-size: medium;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c0c0c0;

}

#main   {
	width: 100%;
	margin: 0;
	margin-top: 0px;
	padding: 0;
}

#pageOuter #page #footerArea {
	background-color: #FFC;
	font-size: 14px;
	color: #999;
	height: 50px;
	width: auto;
	text-align: center;
	bottom: 0px;
	clear: both;
	margin-bottom: 0px;
}


/* --- サイトマップエリア --- */
ul.sitemap {
	width: 100%; /* サイトマップエリアの幅 */
	margin: 0;
	padding: 0;
	font-weight: bold; /* 一旦全ての文字を太字にする */
	list-style-type: none;
	font-size: 80%;
	color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
ul.sitemap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
background: url(../imge/v_line2.gif) no-repeat left top; /* 1階層目の背景 */
line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
	width: 49.9%; /* セクションの幅 */
	float: left;
}
ul.sitemap ul.separator {
background: url(../imge/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
background: url(../imge/v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
ul.sitemap ul.section ul {
margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li {
margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
background: url(../imge/triangle3.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li li {
padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
background: url(../imge/square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}



#pageOuter #page #footerArea ul li {
	display: inline;
	color: #00F;
	font-size: 10px;
}
