body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-color: #ECE1EB;
}
h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	font-weight: normal;
	color: #8678AB;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	margin: 0;
	line-height: 1.5em;
}
h2 {
	background-image: url(../images/title_long.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #585858;
	height: 22px;
	background-position: center center;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.banner_sp {
	height: 213px;
}

h3 {
	background-image: url(../images/title_bg.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #585858;
	padding-left: 10px;
	height: 30px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 7px;
}
h4 {
	background-image: url(../images/point.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 12px;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #5E5370;
	height: 18px;
}
h4 a {
	font-size: 14px;
	font-weight: bold;
	color: #5e5370;
	text-decoration: none;
}
h4 a:hover {
	font-size: 14px;
	font-weight: bold;
	color: #494158;
	text-decoration: underline;
}
h5 {
	font-size: 12px;
	font-weight: normal;
	color: #3E3E3E;
	background-image: url(../images/point.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
}
h5 a {
	font-size: 12px;
	font-weight: normal;
	color: #3E3E3E;
	text-decoration:none;
}
h5 a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #3E3E3E;
	text-decoration:underline;
}
h6 {
	width: 470px;
	background-color: #F2F2F0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #9C72B3;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D2;
	color: #5E5370;
}

a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #5E5370;
}
a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container {
	width: 950px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #CAACC7;
	border-left-color: #CAACC7;
	background-color: #EBEBEB;
	clear: both;
	height: 100%;
	padding: 0px;
}
.contents_wrap {
	height: 500px;
	width: 570px;
	background-color: #c9bfaa;
	margin: 0px;
	padding: 0px;
}
#mainContent .banner {
	list-style-type: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
	height: 120px;
}
.under_banner {
	height: auto;
	width: 570px;
	text-align: center;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#mainContent .banner li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#mainContent .banner li img {
	display: inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
}
* html #mainContent .banner li img { margin-right: 1px; margin-left: 1px;}

.contents_wrap .left {
	height: 480px;
	width: 275px;
	background-color: #e8e3da;
	padding: 0px;
	margin: 5px;
	float: left;
}
* html .contents_wrap .left { margin:5px 2px;}

.contents_wrap .left .spot_small_01 {
	height: 100px;
	width: 110px;
	padding: 5px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	background-color: #F2F2F0;
	font-size: 12px;
	font-weight: normal;
	color: #3E3E3E;
}
* html .contents_wrap .left .spot_small_01 { margin-right: 2px; margin-left: 2px;}

.contents_wrap .left .spot_small_02 {
	height: 100px;
	width: 110px;
	padding: 5px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	background-color: #F2F2F0;
	font-size: 12px;
	font-weight: normal;
	color: #3E3E3E;
}
* html .contents_wrap .left .spot_small_02 { margin-right: 2px; margin-left: 2px;}

.contents_wrap .left .spot_big img {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contents_wrap .left .spot_big p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	line-height: 1.5em;
	color: #3E3E3E;
	font-size: 13px;
}
.contents_wrap .left .spot_big p a {
	color: #3E3E3E;
	font-size: 13px;
	text-decoration: none;
}
.contents_wrap .left .spot_big p a:hover {
	color: #3E3E3E;
	font-size: 13px;
	text-decoration: underline;
}
.contents_wrap .left .midashi {
	height: 50px;
}
.contents_wrap .left .midashi img {
	height: 50px;
	float: left;
}
.contents_wrap .left .midashi p {
	height: 30px;
	float: left;
	font-size: 10px;
	font-weight: normal;
	color: #5E5370;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 80px;
}
.contents_wrap .left .midashi p a {
	font-size: 10px;
	font-weight: normal;
	color: #5E5370;
	text-decoration: none;
}
.contents_wrap .left .midashi p a:hover {
	font-size: 10px;
	font-weight: normal;
	color: #5E5370;
	text-decoration: underline;
}
.contents_wrap .left .spot_big {
	clear: both;
	height: 270px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background-color: #f2f2f0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contents_wrap .right {
	height: 480px;
	width: 275px;
	background-color: #e8e3da;
	padding: 0px;
	margin: 5px;
	float: right;
}
* html .contents_wrap .right { margin:5px 2px;}

.contents_wrap .right .spot_small_01 {
	height: 100px;
	width: 110px;
	padding: 5px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	background-color: #F2F2F0;
	font-size: 12px;
	font-weight: normal;
	color: #3E3E3E;
}
* html .contents_wrap .right .spot_small_01 { margin-right: 2px; margin-left: 2px;}

.contents_wrap .right .spot_small_02 {
	height: 100px;
	width: 110px;
	padding: 5px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	background-color: #F2F2F0;
	font-size: 12px;
	font-weight: normal;
	color: #3E3E3E;
}
* html .contents_wrap .right .spot_small_02 { margin-right: 2px; margin-left: 2px;}

.contents_wrap .right .spot_big img {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contents_wrap .right .spot_big p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	line-height: 1.5em;
	color: #3E3E3E;
	font-size: 13px;
}
.contents_wrap .right .spot_big p a {
	color: #3E3E3E;
	font-size: 13px;
	text-decoration: none;
}
.contents_wrap .right .spot_big p a:hover {
	color: #3E3E3E;
	font-size: 13px;
	text-decoration: underline;
}
.contents_wrap .right .midashi {
	height: 50px;
}
.contents_wrap .right .midashi img {
	height: 50px;
	float: left;
}
.contents_wrap .right .midashi p {
	height: 30px;
	float: left;
	font-size: 10px;
	font-weight: normal;
	color: #5E5370;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 80px;
}
.contents_wrap .right .midashi p a {
	font-size: 10px;
	font-weight: normal;
	color: #5E5370;
	text-decoration: none;
}
.contents_wrap .right .midashi p a:hover {
	font-size: 10px;
	font-weight: normal;
	color: #5E5370;
	text-decoration: underline;
}
.contents_wrap .right .spot_big {
	clear: both;
	height: 270px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	background-color: #f2f2f0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#left_wrap {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 750px;
	height: auto;
}
#header {
	height: 185px;
	width: 950px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #DDDDDD;
	background-image: url(../images/head_bg.jpg);
	background-repeat: no-repeat;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
}
#head_navi {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	height: 56px;
	margin-top: 27px;
	margin-bottom: 10px;
	background-image: url(../images/head_navi_bg.jpg);
	padding-top: 0px;
}
#head_navi img {
	margin-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 9px;
}
* html #head_navi img { margin-left: 2px;}

#head_navi #navi_btn {
	float: left;
	width: 680px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: 57px;
}
#head_navi #navi_mini {
	width: 130px;
	float: right;
	height: 43px;
	font-size: 10px;
	color: #333333;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 14px;
}
* html #head_navi #navi_mini { margin-right: 5px; margin-left: 5px;}

#head_navi #navi_mini a {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
#head_navi #navi_mini a:hover {
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
}
#head_navi #navi_mini img {
	height: 10px;
	width: 10px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* #sidebar1 と #sidebar2 に関するヒント：
1. 単位はパーセントであるため、サイドバーの端に余白を適用することは回避してください。標準に準拠したブラウザでは、余白は幅に追加されるため、実際の幅が不特定の幅になります。 
2. 「.thrColLiqHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
3. 親エレメントが表示された後に Internet rightplorer によって幅が計算されるため、単位がパーセントの列では原因不明のバグが発生することがあります。最終的な表示をより正確に予測する必要がある場合は、単位がピクセルの列に変更することができます。
*/
#side_left {
	width: 170px;
	margin: 0px;
	background-color: #EBEBEB;
	height: auto;
	padding: 0;
	float: left;
}
#side_left ul {
bakanasyatyounitkioaunohatukareru;10h
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;




	temeegakakeyonounashi:54
	yuekkoi"10px":tyhh"60"
	doudemoiiyounatukedashi_"0px"
;
	padding-left: 10px;
	margin: 0px;
}

#side_left .midashi {
	font-size: 14px;
	color: #5e5370;
	list-style-type: disc;
	font-weight: bold;
	list-style-position: inside;
	list-style-image: url(../images/arrow.gif);
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
}
#side_left .midashi a {
	font-size: 14px;
	color: #5e5370;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-position: inside;
	list-style-image: url(../images/arrow.gif);
	margin: 0px;
}
#side_left .midashi a:hover {
	font-size: 14px;
	color: #64398A;
	text-decoration:underline;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-position: inside;
	list-style-image: url(../images/arrow.gif);
	margin: 0px;
}
#side_left .lead {
	font-size: 12px;
	color: #60576C;
	list-style-type: none;
	padding: 0px 0px 10px 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	line-height: 1.35em;
}
* html#side_left .lead { margin-left: 7px;}


#side_left .lead a {
	font-size: 12px;
	color: #60576C;
	list-style-type: none;
	line-height: 1.35em;
	text-decoration: none;
	padding: 0px;
}
#side_left .lead a:hover {
	font-size: 12px;
	color: #664A71;
	list-style-type: none;
	text-decoration: underline;
	line-height: 1.35em;
	padding: 0px;
}
#side_left .rank {
	list-style-image: url(../images/oukan_kin.gif);
	list-style-type: none;
}
/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 および #sidebar2 の間のスペースは、#mainContent div の左マージンと右マージンによって設定されます。
2. サポートされている最小解像度（800 x 600）でのフローティングエレメントの落下を回避するには、#mainContent div 内のエレメントを 300px 以下にする必要があります（イメージを含む）。
3. 下の Internet rightplorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグが回避されます。
*/
#mainContent {
	float: right;
	width: 570px;
	margin: 0;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFff;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #CAACC7;
	border-left-color: #CAACC7;
	border-top-style: none;
	border-bottom-style: none;
}
#side_right {
	float: left; /* このエレメントは、ソースオーダー内で、その横に配置されるエレメントの前に配置される必要があります */
	width: 200px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	margin: 0px;
	height: 100%;
	background-color: #ebebeb;
	border-left-color: #CAACC7;
}
#side_right .side_right_navi {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
* html #side_right .side_right_navi { margin-right: 5px; margin-left: 5px;}

#side_right .side_right_navi li {
	font-size: 12px;
	color: #585858;
	list-style-image: url(../images/arrow.gif);
	list-style-type: none;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#side_right .side_right_navi li a {
	font-size: 12px;
	color: #585858;
	list-style-image: url(../images/arrow.gif);
	list-style-type: none;
	text-decoration: none;
}
#side_right .side_right_navi li a:hover {
	font-size: 12px;
	color: #585858;
	list-style-image: url(../images/arrow.gif);
	list-style-type: none;
	text-decoration:underline;
}
#footer {
	background:#DDDDDD;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 20;
	padding-left: 0px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 170px;
	clear: both;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CAACC7;
	border-left-color: #CAACC7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C2C2C2;
}
#footer .foot_01 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	color: #585858;
	margin-top: 0px;
	clear: both;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#footer .foot_01 .midashi {
	list-style-image: url(../images/arrow.gif);
	font-weight: bold;
	color: #5E5370;
	font-size: 13px;
}
#footer .foot_01 .midashi a {
	list-style-image: url(../images/arrow.gif);
	font-weight: bold;
	color: #5E5370;
	font-size: 13px;
	text-decoration: none;
}
#footer .foot_01 .midashi a:hover {
	list-style-image: url(../images/arrow.gif);
	font-weight: bold;
	color: #5E5370;
	font-size: 13px;
	text-decoration: underline;
}
#footer .foot_02 li {
	display: inline;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
	font-size: 13px;
	font-weight: normal;
	color: #585858;
	text-decoration: underline;
	padding-top: 5px;
}
#footer .foot_02 li a {
	font-size: 13px;
	font-weight: normal;
	color: #585858;
	text-decoration: underline;
}
#footer .foot_02 li a:hover {
	font-size: 13px;
	font-weight: normal;
	color: #3F3652;
	text-decoration: underline;
}
#footer .foot_02 {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #585858;
}
#footer .foot_04 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	list-style-image: url(../images/arrow.gif);
	color: #585858;
	margin-top: 0px;
	clear: both;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 13px;
	font-weight: normal;
}
#footer .foot_04 a {
	list-style-type: none;
	list-style-image: url(../images/arrow.gif);
	color: #585858;
	margin-top: 0px;
	font-size: 13px;
	font-weight: normal;
}
#footer .foot_04 a:hover {
	list-style-type: none;
	list-style-image: url(../images/arrow.gif);
	color: #2E2E2E;
	margin-top: 0px;
	font-size: 13px;
	font-weight: normal;
}
#copyright {
	width: 950px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-color: #C2C2C2;
	font-size: 10px;
	font-weight: normal;
	color: #838383;
	text-align: center;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CAACC7;
	border-left-color: #CAACC7;
}
#copyright a {
	margin: 0px;
	width: 950px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-color: #C2C2C2;
	font-size: 10px;
	font-weight: normal;
	color: #838383;
	text-align: center;
	text-decoration: none;
}



/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
* html .fltrt { margin-left: 4px;}

.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます。フローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: left;
	margin-right: 8px;
}
* html .fltlft { margin-right: 4px;}

.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、子フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#googlead_left_link {
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
}
* html #googlead_left_link { margin-left: 5px;}

#googlead_center {
	clear: both;
	text-align:center;
}
#googlead_right {
	padding: 0px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.contents_wrap .left .spot_big .area {
	font-size: 10px;
	font-weight: normal;
	color: #9C72B3;
	padding: 0px;
	text-align: right;
	float: right;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.contents_wrap .right .spot_big .area {
	font-size: 10px;
	font-weight: normal;
	color: #9C72B3;
	padding: 0px;
	text-align: right;
	float: right;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
* html .contents_wrap .right .spot_big .area { margin-right: 5px;}


.area_lead {
	font-size: 12px;
	line-height: 1.5em;
	color: #60576C;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}


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

#navi_btn ul { padding:9px 0px 0px 34px; margin:0px;}
#navi_btn ul li img { margin:0px !important; padding:0px !important;}
#navi_btn ul li { float:left; padding-left:11px;}
#navi_btn ul li#navi05 a { width:160px;}
#navi_btn ul li a {
	display:block;
	overflow:hidden;
	position:relative;
	width:107px;
	height:48px;
}
#navi_btn ul li a img {}
#navi_btn ul li a:hover img { position: relative; top: -48px;}

* html #navi_btn ul li a span { display:none !important;}
*	html #navi_btn ul li#navi01 a { background: url(../images/head_navi_over_01.gif) top;}
*	html #navi_btn ul li#navi02 a { background: url(../images/head_navi_over_02.gif) top;}
*	html #navi_btn ul li#navi03 a { background: url(../images/head_navi_over_03.gif) top;}
*	html #navi_btn ul li#navi04 a { background: url(../images/head_navi_over_04.gif) top;}
*	html #navi_btn ul li#navi05 a { background: url(../images/head_navi_over_05.gif) top;}
*	html #navi_btn ul li#navi01 a:hover { background-position:bottom;}
*	html #navi_btn ul li#navi02 a:hover { background-position:bottom;}
*	html #navi_btn ul li#navi03 a:hover { background-position:bottom;}
*	html #navi_btn ul li#navi04 a:hover { background-position:bottom;}
*	html #navi_btn ul li#navi05 a:hover { background-position:bottom;}

div#furano_map { width:540px; margin:6px auto; background:#fff; border:1px solid #aa9;}
div#furano_map img { margin:10px; border:1px solid #ccc; float:left;}


div#furano_map dl { margin:10px 10px 10px 220px; padding:0p; height:272px;}
div#furano_map dt {
	margin:0px!important;
	height:24px;
	background:url("../images/map_bg.jpg");
	border:1px solid #86c32a;
	font-size:14px;
}
div#furano_map dt a {
	display:block;
	line-height:24px;
	height:24px;
	font-size:14px;
	padding-left:6px;
	color:#000;
	text-decoration:none;
}


div#furano_map dd {
	height:130px;
	margin:0px!important;
	border-width:0px 1px 1px 1px;
	border-type:solid;
	border-color:#86c32a;
	font-size:12px;
}

div#furano_map dd p{
	text-indent:1em;
	padding:6px!important;
}


div#furano_map dt.over{
	background:url("../images/map_bgo.jpg");
	cursor:pointer;
}
div#furano_map dt.selected{
	background:url("../images/map_bgs.jpg");
	cursor:default;
	border-color:#ff9e47;
}

ul.area_link {
	width:570px;
	padding:0px;
	text-align: center;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}
ul.area_link li {
	diplay:block;
	height:16px;
	font-size:12px;
	color:#333;
	list-style-type:none;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
	display: inline;
}
ul.area_link li a {
	color:#00d;
	text-decoration:none;
}
ul.area_link li a:hover {
	color:#d00;
	text-decoration:underline;
}

div#kita {
	width:200px;
	height:100px;
	position:relative;
}

div#kita a {
	position:absolute;
	top:10px;
	display:block;
	width:200px;
	height:80px;
	overflow:hidden;
}
div#kita a:hover img {
	position:relative;
	top:-80px;
}