@charset "utf-8";
/* CSS Document */

/*========================== top page ==============================*/
#top #outline {
	background:url(../images/top/top-bg.jpg) repeat-x top;
	background-color:#F2ECE4;
}
#top #header {
	width:902px;
	
	margin:0 auto;
	text-align:left;
}
#top #header .navi-left {
	float:left;
	width:163px;
	margin:0;
	padding:0;
}

#top #header .navi-right {
	float:right;
	width:739px;
	padding:0; padding:0;
	
}

#top #header div.gr-navi{
	width:902px;
	
}
#top #header div.gr-navi ul{
	float:left;
	margin-left:0; padding-left:0;
margin-top:6px;
_margin-top:5px;}	

#top #header div.gr-navi li{
	float:left;
}
#top #main {
	margin-top:20px;
}
#top #main .topic{
	width:450px;
	float:left;
}
#top #main .topic ul{
	height:135px;
	overflow-y:scroll;
	margin-top:8px;
	margin-left:0px;
	margin-right:5px;
	padding:0;
	padding-top:12px;
	background-color:#F4F0EA;
	border:#ccc solid 1px;
	border-right:none;
}
#top #main .topic li{
	padding-left:8px;
	margin-bottom:10px;
	padding-bottom:6px;
	list-style-image: url(../images/top/topic-arr.gif);
	border-bottom:#ccc dotted 1px;
	list-style-position:inside;
}	
#top #main .topic li span.date{
	margin-right:12px;
	margin-left:0;
	*margin-left:8px;
}

#top #main .topic div.link{
	text-align:center;
}
#top #main .topic div.link img{
	margin-left:5px;
}

#top #main .banner {
	width:440px;
	float:right;
}
#top #main .banner img {
	margin-bottom:4px;
}
#top #main .area-box {
	font-size:12px;
	margin-top:10px;
}
#top #main .area-box div.block{
	width:286px;
	background-color:#FFF;
	border:#999 solid 1px;
    float:left;
	margin-right:6px;
	margin-top:12px;
	margin-bottom:20px;
	padding:4px 2px;
	}
#top #main .area-box div.block-c{
	width:296px;
	background-color:#FFF;
	border:#999 solid 1px;
    float:left;
	margin-right:6px;
	margin-top:12px;
	margin-bottom:20px;
	padding:4px 2px;
	}
#top #main .area-box img.map{
	float:left;
}
	
#top #main .area-box .city{
	float:right;
	width:130px;
}
#top #main .area-box div.block-c .city{
	width:138px;
}
	
#top #main .area-box th{
	background:#999;
	padding:6px 0;
	color:#FFF;
	text-align:center;
}
#top #main .area-box table {
	width:100%;
	
}

#top #main .area-box td {
	background:url(../images/top/area-arr.gif) no-repeat left;
	padding:2px 4px 2px 12px;
}
#top #main .area-box .bottom {
	clear:both; padding-top:8px;
	color:#97711A;
}
#top #main .area-box .bottom img{
	margin-right:3px;
	vertical-align:bottom;
}

/*****************************
�Хʡ���E�
*****************************/
#top #main #link-box{
	margin-bottom:25px;	
}

#top #main #link-box .link-box-top{
	margin-top:10px;
	margin-bottom:5px;
}

#top #main #link-box .banners{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

#top #main #link-box .banners .lines{
	border-bottom:2px dotted #CCC;
}

#top #main #link-box .banners img{
	text-align:center;
	vertical-align:middle;
	margin:10px 15px 10px 15px;
}



/******************************
�ĶȽ�E�ƁE
******************************/

#top #main .branch {
}

#top #main .branch p{
	margin:0;
}

#top #main .branch dl{
	margin-top:12px; font-size:12px;
	margin-left:12px;
	float:left;
}
#top #main .branch dt{
	margin-bottom:6px;
}
#top #main .branch dd{
	margin-bottom:12px;
}
#top #main .branch div.eigyou {
	float:left;
	margin-left:40px;
	border:#999 solid 1px;
	padding:5px;
	padding-bottom:0px;
	background:#FFF;
}
#top #main .branch div.eigyou img{
	margin-bottom:8px;
}

#top #main .branch div.eigyou p{
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	border-bottom:#FC9 solid 1px;
	padding:5px 20px;
	line-height:1.4;
	text-indent:-1em;
}
#top #main .branch div.eigyou p.b-none{
	border-bottom:none;
}
	
#top #footer {
	background-color:#F2ECE4;
	background-image:none;
	height:100px;
}
#top #footer .navi-bottom {
	background: url(../images/top/foot-line.jpg) repeat-x top;
	padding-top:12px;
}