/*===================CONTENTS=======================

last-updated: 15:44 2006/07/14;

Leftmain
├Toptokutoku
├Topnews
├Topkentei
└Topbanner

Rightmain
├Rbg
｜├Rbanner
｜├Revent
└└Rcalendar


▽Leftmainエリア
▽Rightmainエリア

==================================================*/

/*-----------------------------------------------------------
  Leftmain
-----------------------------------------------------------*/

#Leftmain{
	display: inline;
	float: left;
	width: 500px;
	margin: 0 5px 0 10px;
	padding: 0;
}

div.TopBox_h{
	display: block;
	float: center;
	width: 500px;
	height: 4px;
	margin: 0;
	padding: 0;
	background: url(/img/TopBox_h.gif);
	border: none;
}
div.TopBox_f{
	clear: both;
	width: 500px;
	height: 4px;
	margin: 0;
	padding: 0;
	background: url(/img/TopBox_f.gif) bottom;
	border: none;
}
div.TopBox_h180{
	display: block;
	float: center;
	width: 180px;
	height: 4px;
	margin: 0;
	padding: 0;
	background: url(/img/TopBox_h180.gif);
	border: none;
	}
div.TopBox_f180{
	clear: both;
	width: 180px;
	height: 4px;
	margin: 0;
	padding: 0;
	background: url(/img/TopBox_f180.gif) bottom;
	border: none;
	}


	/*== 得々情報 =========================================▼==*/

	div#Toptokutoku{
		display: block;
		width: 500px;
		background: url(/img/ToptokutokuBg.jpg);
		margin: 10px 0 0 0;
		padding: 0;
		}

		/*== タイトル（h2で作成） =============================▼==*/

		#Toptokutoku h2{
			display: block;
			float: left;
			width: 24px;
			height: 140px;
			margin: 0 0 0 4px;
			padding: 0px;
			background: url(/img/ToptokutokuTitle.jpg) 0 0 no-repeat;
			text-indent: -2000px;
			}
		/*=====================================================▲==*/

		/*== 内容 =============================================▼==*/

		#Toptokutoku ul{
			display:  block;
			float: right;
			width: 460px;
			margin: 0;
			padding: 5px 0 0 0;
			list-style: none;
			}
			#Toptokutoku ul li{
				display: block;
				float: left;
				width: 225px;
				margin: 0;
				padding: 0 0 6px 0;
				text-align: left;
				}
				#Toptokutoku ul li span{
					color: #FF3737;
					font-weight: bold;
					}
				#Toptokutoku ul li p{
					margin: 0px;
					padding: 3px 0 0 0;
					font-size: 12px;
					line-height: 120%;
					}
				#Toptokutoku ul li img{
					margin:0 5 0 0;
					padding: 0px;
					float: left;
					border: solid 1px #ACAFB5;
					}
		/*=====================================================▲==*/
	/*=====================================================▲==*/

	/*== 会議所からのお知らせ =============================▼==*/

	#Topnews{
		display: block;
		width: 500px;
		background: #ffffff url(/img/TopnewsBg.jpg);
		margin: 10px 0 0 0;
		padding: 0;
	}

		/*== タイトル（h2で作成） =============================▼==*/

		#Topnews h2{
			display: inline;
			float: left;
			width: 24px;
			height: 140px;
			margin: 0 0 0 4px;
			padding: 0px;
			background: url(/img/TopnewsTitle.jpg) 0 0 no-repeat;
			text-indent: -2000px;
		}
		/*=====================================================▲==*/

		/*== 最新５件タイトル（h3で作成） =====================▼==*/

		#Topnews h3{
			display: inline;
			float: right;
			width: 455px;
			height: 20px;
			margin: 0 10px 0 0;
			padding: 0;
			border: none;
			background: url(/img/TopnewsSubtitle.jpg) 0 0 no-repeat;
			text-indent: -2000px;
		}
		/*=====================================================▲==*/

		/*== 内容 =============================================▼==*/

		ul#TopnewsUl{
			display: block;
			float: right;
			list-style: none;
			width: 447px;
			margin: 0 12px 0 0;
			padding: 5px 0 10px 0;
			}
			ul#TopnewsUl li{
				display: block;
				margin: 2px 0 2px 0;
				padding: 0 0 0 80px;
				border-bottom: dotted 1px #ACAFB5;
				text-align: left;
				}
				/* /--リストの画像切替--/ */
				ul#TopnewsUl li.news2	{background: url(/img/TopnewsL2.jpg) no-repeat;}
				ul#TopnewsUl li.news3	{background: url(/img/TopnewsL3.jpg) no-repeat;}
				ul#TopnewsUl li.news4	{background: url(/img/TopnewsL4.jpg) no-repeat;}
				ul#TopnewsUl li.news5	{background: url(/img/TopnewsL5.jpg) no-repeat;}

		/*=====================================================▲==*/

		/*== ボタン（divで作成） ===============================▼==*/

		#Topnews div#LinkBtn{
			display: inline;
			float: right;
			width: 460px;
			margin: 0 6px 0 0;
			padding: 0px;
			}

		#Topnews div#LinkBtn div.Btn{
			display: block;
			float: left;
			margin: 0px;
			padding:0 4px 4px 0;
			}
		/*=====================================================▲==*/
	/*=====================================================▲==*/

	/*== 検定試験 =========================================▼==*/

	#Topkentei{
		display: block;
		width: 500px;
		background: #ffffff url(/img/TopkenteiBg.jpg);
		margin: 10px 0 0 0;
		padding: 0;
		}
		/*== タイトル（h2で作成） =============================▼==*/

		#Topkentei h2{
			display: inline;
			float: left;
			width: 24px;
			height: 140px;
			margin: 0 0 0 4px;
			padding: 0px;
			background: url(/img/TopKenteiTitle.jpg) 0 0 no-repeat;
			text-indent: -2000px;
			}
		/*=====================================================▲==*/

		/*== 項目 =============================================▼==*/

		div.TopkenteiKoumoku{
			display: block;
			margin: 5px 12px 5px 35px;
			padding: 3px;
			background-color: #D8F0D9;
			text-align: left;
		}
		/*=====================================================▲==*/

		/*== 記事の内容 =======================================▼==*/

		#Topkentei ul.TopkenteiData{
			display: block;
			margin: 0 15px 10px 50px;
			padding: 0px;
			list-style-image: url(/img/TopkenteiList.jpg);
			text-align: left;
			}
			#Topkentei ul.TopkenteiData li{
				margin: 0;
				padding: 3px 0 3px 0;
				border-bottom: dotted 1px #ACAFB5;
				}
				#Topkentei ul.TopkenteiData li div.right{
					text-align: right;
					}

		/* /--記事が無かったとき--/ */

		.TopkenteiNodata{
			height: 30px;
			margin: 5px 0px 0px 55px;
			padding: 0px;
		}

		/* /--記事の色--/ */

		.TopkenteiKiji{
			color: #00980B;
		}

		/* /--記事の太字部分--/ */

		.TopkenteiKijiB{
			color: #00980B;
			font-weight: bold;
		}

		/*== ボタン（divで作成） ===============================▼==*/

		#Topkentei div#LinkBtn{
			display: block;
			margin: 0 12px 4px 0;
			padding: 0px;
			text-align: right;
			}
		/*=====================================================▲==*/

	/*=====================================================▲==*/

	/*== バナー ===========================================▼==*/

	#Topbanner{
		width: 490px;
		text-align: left;
		vertical-align: top;
		margin: 0 0 1em 0;
		padding: 10px 0px 0px 0px;
	}

		#Topbanner img{
			text-align: left;
			vertical-align: top;
			margin: 0px 0px 5px 0px;
			padding: 0px;
		}

	/*=====================================================▲==*/

	/*== バナー ===========================================▼==*/

	.TopbannerKokubun{
		display: block;
		margin: 0 0 1em 0;
		padding: 5px;
		border: solid 1px #0091ff;
	}

		.TopbannerKokubun .KokubunBnr{
			width: 150px;
			float: right;
			margin: 0;
			padding: 0;
		}
		.TopbannerKokubun .KokubunTxt{
			width: 320px;
			float: left;
			margin: 0;
			padding: 0;
			line-height: 130%;
			text-align: center;
		}
			.TopbannerKokubun .KokubunTxt .Txt1{
				display: block;
				font-size: 16px;
				font-weight: bold;
				line-height: 140%;
				}
			.TopbannerKokubun .KokubunTxt .Txt2{
				display: block;
				font-size: 14px;
				font-weight: bold;
				color: #ff0000;
				}
			.TopbannerKokubun .KokubunTxt .Txt3{
				display: block;
				}

	/*=====================================================▲==*/

/*-----------------------------------------------------------
  Rightmain
-----------------------------------------------------------*/

#Rightmain{
	display: inline;
	width: 220px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
	/*== 背景・枠 =========================================▼==*/

	#Rbg{
		width: 200px;
		background: url('../img/RightBg.gif');
		margin: 10px;
		padding: 0px 0px 10px 0px;
		}

	#Rbg img{
		text-align: center;
		margin: 10px 0 0 0;
		padding: 0px;
		}
	#Rbg div.ItemsMsg{
		text-align: center;
		margin: 0;
		padding: 2px 2px 10px 2px;
		}

		/*== バナー ===========================================▼==*/

		#Rbanner{
			width: 200px;
			margin:0px;
			padding: 0px 0px 10px 0px;
			text-align:center;
		}
		#Rbanner img{
			margin: 0px;
			padding: 0px 0px 5px 0px;
		}
		/*=====================================================▲==*/

		/*== 観光イベント ===========================================▼==*/

		#Revent{
			display: block;
			width:180px;
			margin: 0 10px 0 10px;
			padding: 0;
			background: url(/img/ReventBg.jpg);
			text-align: left;
			}

			/*== タイトル（h2で作成） =============================▼==*/

			#Revent h2{
				display: inline;
				float: left;
				width: 21px;
				height: 120px;
				margin: 0 0 0 4px;
				padding: 0px;
				background: url(/img/ReventTitle.jpg) 0 0 no-repeat;
				text-indent: -2000px;
			}

			/*=====================================================▲==*/


			/*== 内容 =============================================▼==*/

			#Revent div#TopReventArea{
				display: inline;
				float: right;
				list-style: none;
				width: 135px;
				margin: 0 12px 0 0;
				padding: 5px 0 5px 0;
				}
			#Revent div#TopReventArea ul.TopReventList{
				list-style: none;
				margin: 0;
				padding: 0;
				}
				#Revent div#TopReventArea ul.TopReventList li{
					line-height: 140%;
					margin: 0;
					padding: 0 0 3px 12px;
					background: url(/img/ReventList.jpg) no-repeat;
					border-bottom: dotted 1px #ACAFB5;
					}

			/*=====================================================▲==*/

			/*== ボタン ===========================================▼==*/

			#ReventMore{
				display: inline;
				float: right;
				margin: 0 12px 0 4px;
				padding: 0;
			}

			/*=====================================================▲==*/

		/*== カレンダー =======================================▼==*/

		#Rcalendar{
			width:180px;
			margin: 10px 10px 0px 10px;
			padding: 0 0 10px 0;
			border: solid 1px #ACAFB5;
			background-color: #ffffff;
			text-align: center;
			}
			#Rcalendar table th{
				font-size: 13px;
				text-align: center;
				}
			#Rcalendar table td{
				font-size: 13px;
				text-align: right;
				}
				#Rcalendar table td a{
					text-decoration: underline;
					font-weight: bold;
					color: #0000ff;
					}

		/*=====================================================▲==*/

	/*=====================================================▲==*/

