@charset "shift_jis";

/*---------------------------------------------------------------------------*
   BODYエリアスタイル / 全体に適用されるタグスタイル
 *---------------------------------------------------------------------------*/

/* BODY タグ内 スタイル */
BODY {
	margin: 0px;		/* BODYエリアのマージン幅 */
	padding: 0px;		/* BODYエリアのパディング幅 */
	background: #c3bc5a url(images/parts/bg_main.jpg);/* 背景色と背景イメージ*/
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka;	/* フォント指定 */
	font-size: 75%;		/* フォントサイズ */
	line-height: 2;		/* 行間ドット数 */
	color: #555555;		/* 文字色 */
	text-align: center;	/* テキスト配置 センターリング */
}

/* H1,H2,H3,P,UL,LI,DL,DT,DD 各タグ 共通デフォルトスタイル */
H1,H2,H3,P,UL,LI,DL,DT,DD {
	margin: 0px;		/* マージン幅 0 */
	padding: 0px;		/* パディング幅 0 */
}

/* UL タグ スタイル */
UL{
	list-style-type: none;	/* リスト文字列先頭のマーカー指定 なし */
}

/* リンクのスタイル */
A {
	color: #333333;	/* 文字色 */
}

/* リンクにマウスカーソルを当てた時のスタイル */
A:hover {
	color: #47A900;	/* 文字色 */
}

/* イメージの共通スタイル */
IMG {
	border: none;	/* ボーダー枠なし */
	padding-bottom: 10px;	/* H1タグ領域のパディング幅 */
}


/*---------------------------------------------------------------------------*
   ベース領域
 *---------------------------------------------------------------------------*/
#base {
	background: url(images/parts/bg_container3.jpg);
	width: 920px;			/* 領域幅 */
	margin-top: 20px;
	margin-right: auto;		/* 右マージン 自動 */
	margin-left: auto;		/* 左マージン 自動 */
	text-align: left;		/* テキスト配置 左揃え */
}


/*---------------------------------------------------------------------------*
   ヘッダー領域
 *---------------------------------------------------------------------------*/
#header {
	background: url(images/parts/header01_3.jpg) no-repeat left top;
	/* 背景イメージ指定 繰り返しなし 右上から表示 */
}

/* HEADER領域内 H1タグ スタイル */
#header H1 {
	width: 500px;			/* H1タグ領域の幅 */
	margin-left: 380px;		/* 上マージン */
	padding-bottom: 10px;	/* H1タグ領域のパディング幅 */
	font-size: 20px;		/* フォントサイズ */
	font-weight: normal;	/* フォント太さ 通常 */
	line-height: 0.5;		/* 行間指定 フォントサイズ×1.4 */
	color: #FFFFFF;			/* 文字色 */
}


/*---------------------------------------------------------------------------*
   メニュー領域
 *---------------------------------------------------------------------------*/
UL#menu {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;		/* 左余白 */
	padding-right: 10px;	/* 右余白 */
	letter-spacing: 0.2em;	/* 文字間幅 文字サイズ×0.2*/
	height: 30px;			/* 領域高 */
	line-height: 30px;		/* 行間指定 */
	background: #638c0b;	/* 背景色 */
	overflow: hidden;		/* 領域からはみ出た部分の処理 表示しない */
}
/* ULタグ id=MENU 内 LIタグ スタイル */
UL#menu LI {
	float: left;
}

/* ULタグ id=MENU 内 LIタグ内 Aタグ スタイル */
UL#menu LI A {
	padding-right: 10px;
	padding-left: 10px;
	background: url(images/topmenu_line.gif) no-repeat right;
	color: #FFFFFF;				/* メニューの文字色 */
	text-decoration: none;		/* リンク下線 消す */
	display: block;				/* リンクをブロック指定にする */
}

/* ULタグ id=MENU 内 LIタグ内 Aタグ マウスカーソルを乗せた時のスタイル */
/*	background: url(images/parts/bg_menu2.gif) no-repeat bottom;*/
UL#menu LI A:hover {
	background: #80b115;	/* カーソルオーバー時の背景色 */
}

UL#menu LI UL {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 11-px;
	left: 152px;
	width: 200px;
	height: 0;
	z-index: 100;
}

UL#menu LI UL LI {
	margin-bottom: 0;
	width: 200px;
	height: 30px;
	background: #56790a;	/* 背景色 */
	border-bottom: 1px solid #719f0e;
}

UL#menu LI:hover UL ,
UL#menu LI a:hover UL {
	visibility: visible;
	overflow: visible;
	height: auto;
	z-index: 10;
	background: #80b115;	/* カーソルオーバー時の背景色 */
}


UL#menu-stone {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;		/* 左余白 */
	padding-right: 10px;	/* 右余白 */
	letter-spacing: 0.2em;	/* 文字間幅 文字サイズ×0.2*/
	height: 80px;			/* 領域高 */
	line-height: 30px;		/* 行間指定 */
	overflow: hidden;		/* 領域からはみ出た部分の処理 表示しない */
}
/* ULタグ id=MENU 内 LIタグ スタイル */
UL#menu-stone LI {
	float: left;
}

/* ULタグ id=MENU 内 LIタグ内 Aタグ スタイル */
UL#menu-stone LI A {
	padding-right: 10px;
	padding-left: 10px;
	color: #FFFFFF;				/* メニューの文字色 */
	text-decoration: none;		/* リンク下線 消す */
	display: block;				/* リンクをブロック指定にする */
}

/* ULタグ id=MENU 内 LIタグ内 Aタグ マウスカーソルを乗せた時のスタイル */
/*	background: url(images/parts/bg_menu2.gif) no-repeat bottom;*/
UL#menu-stone LI A:hover {
	background: #f7f7f7;	/* カーソルオーバー時の背景色 */
}


/*---------------------------------------------------------------------------*
   メイン領域
 *---------------------------------------------------------------------------*/
#main {
	clear: left;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

/*---------------------------------------------------------------------------*
   コンテンツ1領域
 *---------------------------------------------------------------------------*/
#contents1 {
	margin-right: auto;
	margin-left: auto;
	width: 660px;
/*	margin-left: 50px; */
	padding-top: 10px;
	padding-bottom: 50px;
}

#contents1 H2 {
	font-size: 120%;
	background: #638c0b;
	overflow: hidden;
	margin-bottom:10px;
	padding-left: 10px;
	padding-right: 10px;
	height: 24px;
	text-align: left;
	width: 640px;
	color: #FFFFFF;
}

#contents1 H3 {
	font-size: 120%;
	background: #719f0e;
	background: url(images/parts/bg_h3.jpg) no-repeat right;
	overflow: hidden;
 	margin-bottom:10px;
	padding-left: 2px;
	padding-right: 10px;
	height: 24px;
	text-align: left;
	width: 640px;
	color: #000000;
}

#contents1 H4 {
	font-size: 110%;
	overflow: hidden;
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left;
	width: 500px;
	color: #000000;
	font-weight: bold;
}

#contents1 P {
	font-size: 100%;
	color: #222222;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	line-height: 150%;		/* 行間ドット数 */
	overflow: hidden;
}


/*---------------------------------------------------------------------------*
   アイテム領域
 *---------------------------------------------------------------------------*/
#item {
	clear: both;
	width: 660px;
	padding-top: 0px;
	padding-bottom: 10px;
}

#item H4 {
	font-size: 100%;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	width: 500px;
	color: #000000;
	font-weight: bold;
}

#item P {
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	width: 420px;
	font-size: 90%;
}

UL.menu-geo {
	color: #555555;
	padding-left: 10px;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 500px;
	height: 62px;
}

UL.menu-geo A {
	color: #555555;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 500px;
	height: 62px;
}

UL.menu-geo A:hover {
	background: #f7f7f7;	/*カーソルオーバー時の背景色*/
	color: #000000;			/*カーソルオーバー時の文字色*/
}


UL.menu-mineral {
	color: #555555;
	padding-left: 10px;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 500px;
	height: 22px;
}

UL.menu-mineral A {
	color: #555555;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 500px;
	height: 22px;
}

UL.menu-mineral A:hover {
	background: #f7f7f7;	/*カーソルオーバー時の背景色*/
	color: #000000;			/*カーソルオーバー時の文字色*/
}

UL.menu-mine {
	color: #555555;
	padding-left: 10px;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 500px;
	height: 64px;
}

UL.menu-mine A {
	color: #555555;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 500px;
	height: 64px;
}

UL.menu-44h {
	color: #555555;
	padding-left: 10px;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 640px;
	height: 75px;
}

UL.menu-44h A {
	color: #555555;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 640px;
	height: 75px;
}

UL.menu-44h A:hover {
	background: #f7f7f7;	/*カーソルオーバー時の背景色*/
	color: #000000;			/*カーソルオーバー時の文字色*/
}

UL.menu-index-52h {
	color: #555555;
	padding-left: 10px;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 640px;
	height: 52px;
}

UL.menu-index-52h A {
	color: #555555;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 640px;
	height: 52px;
}

UL.menu-index-52h A:hover {
	background: #f7f7f7;	/*カーソルオーバー時の背景色*/
	color: #000000;			/*カーソルオーバー時の文字色*/
}

UL.menu-index-large {
	color: #555555;
	padding-left: 10px;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 640px;
	height: 64px;
}

UL.menu-index-large A {
	color: #555555;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 640px;
	height: 64px;
}

UL.menu-index-large A:hover {
	background: #f7f7f7;	/*カーソルオーバー時の背景色*/
	color: #000000;			/*カーソルオーバー時の文字色*/
}

UL.menu-index-middle {
	color: #555555;
	padding-left: 10px;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 640px;
	height: 40px;
}

UL.menu-index-middle A {
	color: #555555;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 640px;
	height: 40px;
}

UL.menu-index-middle A:hover {
	background: #f7f7f7;	/*カーソルオーバー時の背景色*/
	color: #000000;			/*カーソルオーバー時の文字色*/
}

UL.history {
	color: #555555;
	padding-left: 10px;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 640px;
	height: 22px;
}

UL.history A {
	color: #555555;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	width: 640px;
	height: 22px;
}

UL.history A:hover {
	background: #f7f7f7;	/*カーソルオーバー時の背景色*/
	color: #000000;			/*カーソルオーバー時の文字色*/
}


/*---------------------------------------------------------------------------*
  情報領域
 *---------------------------------------------------------------------------*/
#info {
	margin-top: 60px;
	margin-left: 420px;
	clear: both;			/* 回り込み解除 全て */
	width: 400px;			/* 領域幅 上位領域幅全て */
	height: 55px;
	padding-bottom: 5px;	/* 下余白幅 */
	line-height: 1.0;		/* 行間指定 フォントサイズ×1.4 */
	text-align: right;		/* フォント配置 センターリング */
}
#info P {
	padding-top: 13px;
}


/*---------------------------------------------------------------------------*
  フッター領域
 *---------------------------------------------------------------------------*/
#footer {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	clear: both;			/* 回り込み解除 全て */
	width: 920px;			/* 領域幅 上位領域幅全て */
	height: 50px;
	background: url(images/parts/bg_fotter.jpg) no-repeat left bottom;
	line-height: 1.0;		/* 行間指定 フォントサイズ×1.4 */
	text-align: center;		/* フォント配置 センターリング */
}
#footer p {
	padding-top: 16px;
}