@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: 130%; /* フォントサイズをbody要素から継承された計算値の117%分に指定 */
}
h3 {
	font-size: 130%; /* フォントサイズをbody要素から継承された計算値の117%分に指定 */
}
h4 {
	font-size: 117%; /* フォントサイズをbody要素から継承された計算値の117%分に指定 */
}
h6 {
	font-size: 130%; /* フォントサイズを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;
 }
/* ラッパー部分
---------------------------------------------*/
#wrapper {
	width: 760px;
        margin: 0 auto; /* 左右方向のマージンをautoに指定 */
	text-align: left; /* テキストを左揃えに指定 */
        background-color: #e9efef;
}
/* ヘッダー部分
---------------------------------------------*/
#header {
	position: relative;
	background-color: #FFFFFF;
        background: #FFFFFF url(gif/h_back.gif) bottom no-repeat;
	height: 97px;
}
#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: 410px;
	top: 35px;
	margin: 0;
}
#bar {
	position: absolute;
	top: 70px;
	margin: 0;
}
/* プライマリー部分
---------------------------------------------*/
#primary {
	float: right;
	width: 580px;
	margin: 0;
        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/006.gif) left top no-repeat;
	padding: 0px 0px 0px 30px; /* 左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-weight: normal;
        line-height: 1.6;
}
#primary h3 {
	background: #FFFFFF url(gif/020.gif) left top no-repeat;
	padding: 0px 0px 0px 25px; /* 左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-weight: normal;
        line-height: 1;
}
#primary h4 {
	background: #FFFFFF url(gif/006.gif) left top no-repeat;
	padding: 0px 0px 0px 30px; /* 左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-weight: normal;
        line-height: 1.6;
}
#primary h5 {
	background: #FFFFFF url(gif/013.gif) left top no-repeat;
	padding: 0px 0px 0px 30px; /* 左方向にパディング指定 */
	color: #333333;
	margin: 0;
	font-weight: normal;
        line-height: 1.6;
}
#primary  ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#primary  dt {
	padding: 0px 12px; /* 上下　左方向にパディング指定 */
	margin: 0;
}
#primary p {
	margin: 20px 10px 10px 10px;
}
#primary ul {
	margin: 20px 10px 10px 10px;
}
/* セコンダリー部分
---------------------------------------------*/
#secondary {
	float: left;
	width: 170px;
	margin: 0px 0; /* 上下方向にマージンを指定 */
        padding: 0; /* */
}
#secondary ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#secondary li.side A {
	border-bottom: #a0cfcc 1px solid;
	padding: 5px 5px; /* 上下　左方向にパディング指定 */
	margin: 0;
	BACKGROUND-COLOR: #e1f0ef; 
        border-LEFT: #a0cfcc 5px solid;
        DISPLAY: block
}
#secondary li.side A:hover {
	TEXT-DECORATION: underline;
	BACKGROUND-COLOR: #ffffff;
        DISPLAY: block
}


#secondary li.side2 A {
        border-BOTTOM: #a0cfcc 1px solid;
	padding: 5px 5px; /* 上下　左方向にパディング指定 */
	margin: 0;
        BACKGROUND-COLOR: #ffffff; 
        border-LEFT: #fc8050 5px solid;
        DISPLAY: block
}
#secondary li.side2 A:hover {
	TEXT-DECORATION: underline;
	BACKGROUND-COLOR: #ffffff;
        DISPLAY: block
}



/* フッター部分
---------------------------------------------*/
#footer {
	clear: both; /* 寄せを解除 */
        position: relative;
	background-color: #FFFFFF;
	height: 120px;
        width: 760px;
        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;
        background: url(gif/332.gif) repeat-x;
        padding: 0;
	top: 0px;
	left: 0px;
	width: 760px;
}
#footerNav02 {
	position: absolute;
	left: 0px;
	top: 18px;
	width: 760px;
}
#footerNav03 {
	position: absolute;
	right: 0px;
	top: 18px;
	width: 200px;
}

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