
@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
body {
        margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
        line-height: 1.4;
	color: #333333;
        background: #eff3ff url(gif/back.gif)  repeat-y center;
	text-align: center; /* テキストを中央揃えに指定 */ 
}
h1 {
	font-size: 100%; /* フォントサイズをbody要素から継承された計算値の150%分に指定 */
}

h2 {
	font-size: 145%; /* フォントサイズをbody要素から継承された計算値の117%分に指定 */
}
h3 {
	font-size: 130%; /* フォントサイズをbody要素から継承された計算値の117%分に指定 */
}
h4 {
	font-size: 145%; /* フォントサイズをbody要素から継承された計算値の117%分に指定 */
}
h5 {
	font-size: 130%; /* フォントサイズをbody要素から継承された計算値の117%分に指定 */
}
h6 {
	font-size: 140%; /* フォントサイズをbody要素から継承された計算値の117%分に指定 */
}




p {
	/*\*/
	letter-spacing: 0.1em;
	/**/
}
li {
	/*\*/
	letter-spacing: 0.1em;
	/**/
}
a:{ text-decoration: none; 
}
a:link { color: #333333; text-decoration: none;
 }
a:visited { color: #660066; text-decoration: none;
 }
a:hover { color: #2735b6; text-decoration: underline;
 }
a:active { color: #ff0000; text-decoration: underline;
 }
a img { border: none;
 }


/* ヘッダー部分
---------------------------------------------*/
#header {
	position: relative;
	z-index: 100;
	background-color: #FFFFFF;
	height: 80px;
}
#header h1 {
	padding: 4px 0px 0px 10px; /* 上、左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-size: small;
	font-weight: normal;
        width: 760px;
}
#header h2 {
	position: absolute;
	left: 100px;
	top: 0px;
	padding: 4px 0px 0px 10px; /* 上、左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-size: small;
	font-weight: normal;
        width: 660px;
}
#logo {
	position: absolute;
	left: 5px;
	top: 16px;
	margin: 0;
}
#map {
	position: absolute;
	left: 550px;
	top: 10px;
	margin: 0;
}
#daial {
	position: absolute;
	left: 500px;
	top: 35px;
	margin: 0;
}
#bar {
	position: absolute;
	top: 72px;
	margin: 0;
}

/* ナビゲーション部分
---------------------------------------------*/
#navigation {
        position: absolute;
	width: 864px; /* ボックスの幅を指定 */
}
#navigation ul {
	list-style: none; /* リストのマーカーを表示させないように指定 */
	margin: 0; /* 全方向のマージンを0に指定 */
	padding: 0px; /* 全方向のマージンを0に指定 */
}
#navigation li {
	float: left; /* ボックスを左寄せに指定 */
	width: 144px; /* ボックスの幅を指定 */
	margin: 0; /* 全方向のマージンを0に指定 */
	padding: 0; /* 全方向のマージンを0に指定 */
	font-size: 117%;
}
#navigation li a {
	display: block; /* ブロックレベル要素として表示されるように指定 */
	width: 100%; /* Windows Internet Explorer対策のため、ボックスの幅を指定 */
	padding: 6px 0 8px 0; /* 上下方向のパディングを指定 */
	color: #FFFFFF; /* 文字色を指定 */
	background-color: #4C924D; /* 背景色を指定 */
	background-image: url(gif/list_bg.gif); /* オフマウス時の背景画像を指定 */
	background-position: left top; /* オフマウス時の背景画像の開始位置を左上に指定 */
	text-decoration: none; /* リンクの下線を表示させないように指定 */
	text-align: center; /* テキストを中央揃えに指定 */
}
#navigation a:hover {
	background-color: #297E27; /* オンマウス時の背景色を指定 */
	background-position: right top; /* オンマウス時の背景画像の開始位置を右上に指定 */

}

	/* サブメニュー
	---------------------------------------------*/
	#navigation ul ul {
		background: #297E27;
	}
	#navigation ul ul li {
		float: none;
	}
	#navigation ul ul li a {
		border-top: 1px solid #FFFFFF;
		background: none;
		font-size: 90%;
		font-weight: normal;
		padding: 6px 0;
	}
	#navigation ul ul li a:hover {
		color: #FFFFFF;
		background-image: none; 
		background-color: #4C924D;
	}
	#navigation ul li.parent ul {
		display: none;
	}
	#navigation ul li.parentOn ul {
		display: block;
	}



/* ラッパー部分
---------------------------------------------*/
#wrapper {
	width: 864px;
        margin: 0 auto; /* 左右方向のマージンをautoに指定 */
	text-align: left; /* テキストを左揃えに指定 */
        background-color: #ffffff;
}

/* プライマリー部分
---------------------------------------------*/
#primary {
	float: right;
	width: 850px;
	margin-top: 30px;
        padding: 5px 4px; /* 左右方向にパディング指定 */
	background-color: #FFFFFF;
}
#primary .section {
	margin: -10px 10px 0 20px; /* 上、右、左方向にパディング指定 */
}
#primary .figure {
        float: right;
	padding: 0 5px; /* 左右方向にパディング指定 */* 画像の回り込み右側*/
 }
#primary .figure-left {
        float: left;
	padding: 0 5px; /* 左右方向にパディング指定 */* 画像の回り込み左側*/
 }
#primary .clear { 
       clear: both; /* 画像の回り込み禁止*/
 }
#primary h2 {
	background: #FFFFFF url(gif/green.gif) left top no-repeat;
	padding: 0px 0px 0px 30px; /* 左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-weight: normal;
        line-height: 2;
}
#primary h3 {
	background: #FFFFFF url(gif/titb040.gif) left top no-repeat;
	padding: 0px 0px 0px 30px; /* 左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-weight: normal;
        line-height: 2.0;
}
#primary h4 {
	background: #FFFFFF url(gif/Purple.gif) left top no-repeat;
	padding: 0px 0px 0px 25px; /* 左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-weight: normal;
        line-height: 2.0;
}
#primary h5 {
	background: #FFFFFF url(gif/titb06.gif) left top no-repeat;
	padding: 0px 0px 0px 30px; /* 左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-weight: normal;
        line-height: 2.0;
}
#primary h6 {
	background: #FFFFFF url(gif/pink.gif) left top no-repeat;
	padding: 0px 0px 0px 30px; /* 左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-weight: normal;
        line-height: 2.0;
}



#primary  ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#primary  dt {
	padding: 0px 12px; /* 上下　左方向にパディング指定 */
	margin: 0;
}
#primary p {
	margin: 20px 10px 0px 10px;
}

/* 表部分

---------------------------------------------*/

.hyou table {

}

.hyou th {

}

.hyou td {

        padding: 3px 7px 3px 0px;

}

/* 表部分2

---------------------------------------------*/

.hyou2 table {

}

.hyou2 th {

}

.hyou2 td {

        padding: 3px 10px 3px 0px;

}

/* 表部分3

---------------------------------------------*/

.hyou3 table {

}

.hyou3 th {

}

.hyou3 td {

        padding: 0px;

}




/* フッター部分
---------------------------------------------*/
#footer {
	clear: both; /* 寄せを解除 */
        position: relative;
	background-color: #FFFFFF;
	height: 420px;
        width: 864px;
        font-size: 90%;
        padding: 0 0 0 0;
        text-align: center;
}
#footer p {
	position: absolute;
	left: 185px;
	top: 45px;
}
#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#footerNav01 {
	position: absolute;

        padding: 0;
	top: 0px;
	left: 0px;
	width: 864px;
}
#footerNav02 {
	position: absolute;
	left: 0px;
	top: 19px;
	width: 864px;
}
#footerNav03 {
	position: absolute;
	right: 0px;
	top: 36px;
	width: 864px;
}

/* テスト部分
---------------------------------------------*/
#List {
	margin-top:0px;
}
#List li {
	float: left;
	width: 180px;
	margin: 10px 10px 0 0;
	text-align: center;
}
#List h3 span {
	display: block;
	padding: 3px 0;
	color: #222222;
        font-size: 80%;
	font-weight: normal;
	background: #cfd0fe;
}

