@charset "UTF-8";

/* CSS リセット
---------------------------------------- */
* {
	margin: 0; padding: 0;
/*	border: 1px solid #00f; */
}

h1, h2, h3, h4, h5, h6, p, address {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
}


/* 全体構造
---------------------------------------- */
body {
	margin: 0; padding: 0;
	text-align: left;
	font-size: 1em;
	font-family: "ＭＳ ゴシック";
	line-height: 1.3;
	color: #333;			/* 文字色：暗いグレイ */
	background: #eee url(./bg19.gif);/* 背景色：明るいグレイ */
}

ul, li {
	list-style: none;
	padding-left: 0;
}

img {
	border: 0;
}
/*
a:link {color:#222222; text-decoration:none;}
a:visited {color:#777777; text-decoration:none;}
a:active {color:#999999; text-decoration:none;}
a:hover {color:#ff6633; text-decoration:none;}
*/

/* 背景枠、センタリングボックス
---------------------------------------- */
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000;		/* 黒 */
	background: #fff;		/* 白 */
}


/* ヘッダー
---------------------------------------- */
#header {
	width: 960px;
/*	height: 77px; */
	padding: 0;
}

h1 {
	margin: 0;	padding: 0;
	display: block;
	width: 960px;
	height: 77px;
	background: #fff url(./logo7.jpg) no-repeat;
}


/* トップメニュー
---------------------------------------- */
#topmenu {
	width: 960px;
	height: 36px;
/*	background: #fff; */
}

#topmenu li {
	float: left;
	list-style: none;
	margin: 0;	padding: 0;
}


/* サイドメニュー
---------------------------------------- */
#sidemenu {
	float: left;			/* 段組(フロート左) */
	display: block;
	width: 190px;
	height: 480px;
/*
	height:	auto;
	overflow: visible;
*/
/*	margin-left: 5px; */
	padding-left: 10px;
	background: #efc;		/* 黄緑色 */
	border-top: 8px solid #ffa500;	/* ミカン色 */
}


/* コンテンツ
---------------------------------------- */
#content {
	float: left;			/* 段組(フロート左) */
	display: block;
	width: 758px;
	height: 478px;
/*
	height:	auto;
	overflow: visible;
*/
/*	margin-right: 5px; */
	padding-right: 0px;
	background: #f5f5f5;		/* 明るいグレイ */
	border-top: 8px solid #ffa500;	/* ミカン色 */
}


/* フッター
---------------------------------------- */
#hooter {
	clear: both;			/* フロートの解除 */
/*
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
*/
	font-size: 0.75em;		/* 小さめの文字に */
	text-align: center;
	border-top: 1px solid #242;	/* モスグリーン色 */
/*	background: #6cf; */		/* 水色 */
}


/* 横並びリスト(トップメニュー用)
---------------------------------------- */
ul.topNavi {
	margin: 0; padding: 0;
	line-height: 1;
	background-color: #666;		/* グレイ */
	list-style-type: none;
}

ul.topNavi li {
	margin: 0; padding: 0;
	float: left;
	/* 固定幅にしたかったら	width: 110px; */
	text-align: center;
	font-size: 13px;　/* 文字サイズ */
}

ul.topNavi li a {
	border-right: 1px solid #888;	/* 明るめのグレイ:トップメニューの区切り */
	padding: 9px 20px;
	display: block;
	position: relative; /* for IE6 */
	color: #fff;			/* 白 */
	background-color: #666;		/* グレイ */
	text-decoration: none;
}

ul.topNavi li a:hover {
	border-color: #ccc;		/* 明るいグレイ */
	color: #666;			/* 暗いグレイ */
	background-color: #ccc;		/* 明るいグレイ */
}

/* ClearFix */

ul.topNavi {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

ul.topNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;			/* フロートの解除 */
}