/*
	style.css
	----------------------------------------------------------
	
	1.localNavi
	2.terms
	3.officer
	4.councillor
	5.service
	6.access
	7.index
	
-------------------------------------------------------------------------------*/


/* 1.localNavi
-------------------------------------------------------------------------------*/

#about #localNavi p.category{
	background:url(../images/lnavi_ttl001.gif) no-repeat 0 0;
}


/* 2.terms
-------------------------------------------------------------------------------*/

#about section.termsList h2{
    padding: 0 0 7px 0;
}

#about section.termsList dl:before, #about section.termsList dl:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
#about section.termsList dl:after { clear: both; }  
#about section.termsList dl { zoom: 1; }  

#about section.termsList dl.first{
}

#about section.termsList dl.first dt{
clear:both;
display: table-cell;
text-align:right;
font-weight:bold;
line-height: 150%;
width: 3.0em;
padding:0 15px 10px 0;
float: left;
white-space:nowrap;
}

#about section.termsList dl.first dd{
display: table-cell;
line-height: 150%;
padding:0 0 10px 0;
}

#about section.termsList dl.second{
	margin:0 0 20px 0;
}

#about section.termsList dl.second dt{
clear:both;
display: table-cell;
text-align:right;
line-height: 150%;
width: 6.0em;
padding:0 5px 10px 0;
float: left;
white-space:nowrap;
}

#about section.termsList dl.second dd{
display: table-cell;
line-height: 150%;
padding:0 0 10px 0;
}

#about section.termsList table{
	margin:0 0 20px 60px;
}

#about section.termsList table td{
	padding:2px 2px;
}


/* 3.officer
-------------------------------------------------------------------------------*/
#about #main table.officer{
	width:560px;
}

#about #main table.officer th.post{
	width:28%;
}

#about #main table.officer th.name{
	width:27%;
}
#about #main p.date_officer{
	font-size:80%;
	text-align:right;
	width:560px;
	margin:0 auto;
}

/* 4.councillor
-------------------------------------------------------------------------------*/
#about #main table.councillor{
	width:560px;
}

#about #main table.councillor th.org{
	width:50%;
}

#about #main table.councillor th.name{
	width:50%;
}
#about #main p.date_councillor{
	font-size:80%;
	text-align:right;
	width:560px;
	margin:0 auto;
}

/* 5.service
-------------------------------------------------------------------------------*/
#about div.serviceList{
	width:400px;
	margin:0 auto;
	padding:30px 0;
}

#about div.serviceList ul li{
	font-size: 167%;
	line-height: 150%;
	margin:0 0 20px 0;
}


/* 6.access
-------------------------------------------------------------------------------*/
#about div.gmap{
	width:640px;
	height:480px;
	margin:0 auto;
	border:#cccccc solid 1px;
}

#about div.gmap iframe{
	border:#cccccc solid 1px;
}


/* 7.index
-------------------------------------------------------------------------------*/
#about #main div.guidance ul li a dd.gdTxt{
min-height:70px;
height: auto !important;
height: 70px;
}


/* 8.supporter
-------------------------------------------------------------------------------*/
#about #main table.supporter td,
#about #main table.supporter th{
	vertical-align:middle;
}
#about #main table.supporter td{
	width:266px;
}


/* 9.commendation
-------------------------------------------------------------------------------*/
#about #main div.commend{
	width:580px;
	margin:0 auto;
}
#about #main div.commend p.img{
	text-align:center;
	margin:0 0 10px 0;
}
#about #main div.result table th{
	background-color:#F6F6F4;
}
#about #main div.result table th,
#about #main div.result table td{
	padding: 6px 6px 5px 6px
}
#about #main div.result table.left{
	width:260px;
	float:left;
}
#about #main div.result table.right{
	width:380px;
	float:right;
}


/* 10.supporter
-------------------------------------------------------------------------------*/
#about #main p.date_supporter{
	font-size: 80%;
	width:100%;
	text-align:right;
}


/* 11.g-code
-------------------------------------------------------------------------------*/
#about #main table.councillor th.item {
    width: 85%;
}
#about #main table.councillor th.situation {
    width: 15%;
}
#about #main table.councillor td.principle {
    font-weight: bold;
}