/* basic style
----------------------------------------------- */
body, body div {
  background-color: #000000;
  color: #ffffff;  
}

table {
  background-color: #000000;
  color: #ffffff;  
}
tr {
  background-color: #000000;
  color: #ffffff;  
}

th {
  background-color: #000000;
  color: #ffffff;  
}
td {
  background-color: #000000;
  color: #ffffff;  
}
a {
  color: #ffffff;
}
a:visited {
  color: #ffffff;
}
a:hover {
  color: #ffffff;
}
.docTab .content li {
  color: #ffffff;
}
h1,h2,h3,h4,h5,h6 {
  color: #ffffff;
}

p {
  color: #ffffff;
}
#contentBody .docTab .content li {
  color: #ffffff;
}

#content h2 {
  color: #ffffff;
}

/* header
--------------------------------------------------- */
#commonHeader,
#commonHeader .pieceContainer,
#commonHeader .pieceBody,
#navigationNotice {
  background-color: #ececec;
  color: #000000;
}

/* banner style
----------------------------------------------- */
#bannerContainer, #CommonBanner, #commonBanner .lowerMenu {
  background-color: #000000;
}
#commonBanner .logo {
  background-color: transparent;
}

/* footer style
----------------------------------------------- */
#footerNavi .pieceBody,
#footerNavi a,
#footerNavi a:visited,
#footerNavi a:hover {
  color: #ffffff;
}

/* menu style
----------------------------------------------- */
#mayor .pieceBody,
#ereaMap {
  border: none;
}
#ereaMap .pieceBody {
  background-color: #000000;
  color: #ffffff;
}
#menu ul {
  background-color: #000000;
}
#menu #population .pieceHeader {
  background-color: #000000;
  background-image: none;
  border:  1px solid #ffffff;
  line-height:1.4;
  padding:4px 7px;
}
#population th.noBorder,
#population th {
  background-color: #000000;
  border: 1px solid #ffffff;
}
#population td.noBorder,
#population td {
  background-color: #000000;
  border: 1px solid #ffffff;
}
/* links style
----------------------------------------------- */
#links ul {
  background-color: #000000;
}
#calendar .pieceHeader {
  background-color: #000000;
  color: #fff;
}
#calendar .pieceBody {
  width: 100%;
  margin: 0;
  padding: 0;
  background-image:url(../../piece/images/bg-calendar-repeat.gif);
  background-position: left top;
  background-repeat: repeat-y;
}
#calendar .calendar {
  width: 160px;
  margin-left: 1px;
}

/* page-title piece
----------------------------------------------- */
#pageTitle .pieceBody {
  border: 1px solid #ffffff;
  background-image: none;
}
/* category
----------------------------------------------- */
.category {
  background-color: #000000;
}
.contentArticleCategory h3 {
  border: 1px solid #ffffff;
  background-color: #000000;
  color: #ffffff;
}

/* unit
----------------------------------------------- */
table.department {
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
}
table.department td {
  font-weight: bold;
}
table.unit tr.cycle {
  background-color: #000000;
  color: #ffffff;
}

.contentArticleUnit h3 {
  border: 1px solid #ffffff;
  background-color: #000000;
  color: #ffffff;
}

/* attribute
----------------------------------------------- */
#page-zokusei-index .attribute {
  width: 48%;
  border: 1px solid #ffffff;
  background-color: #000000;
  color: #ffffff;
}
.contentArticleAttribute h3 {
  border: 1px solid #ffffff;
  background-color: #000000;
  color: #ffffff;
}
/* area
----------------------------------------------- */
table.ward {
  background-color: #000000;
  color: #ffffff;
}
table.ward td {
  font-weight: bold;
}
table.city tr.cycle {
  background-color: #000000;
  color: #ffffff;
}
/* calendar
----------------------------------------------- */
.contentArticleEventDocs h2 {
  border: 1px solid #ffffff;
  background-color: #000000;
  color: #ffffff;
}
.attributeNyusatsu span,
.attributeSaiyojoho span,
.attributeKakusyushikakushiken span,
.attributeBosyu span,
.attributeEventjoho span,
.attributeKyoka span {
  border: 1px solid #ffffff;
  background-color: #000000;
  color: #ffffff;
}

/* doc
----------------------------------------------- */
.contentArticleDoc .header {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background-color: #000000;
}
.contentArticleDoc .back a {
  border: 1px solid #ffffff;
  background-color: #000000;
}
.contentArticleDoc .maps h2,
.contentArticleDoc .rels h2,
.contentArticleDoc .tags h2 {
  border: 1px solid #ffffff;
  border-left: 2px solid #ffffff;
  background-color: #000000;
}
.inquiry h2 {
  color: #ffffff;
}

/* docs
----------------------------------------------- */
.contentPortalCategory h2.date,
.contentPortalEntries h2.date,
.contentArticleRecentDocs .docs h2 {
  border: 1px solid #ffffff;
  background-color: #000000;
  color: #ffffff;
}

/* tag
----------------------------------------------- */
.contentArticleTags .search {
  border: none;
  background-color: #000000;
  color: #ffffff;
}
.contentArticleTags .hit {
  border: 1px solid #ffffff;
  background-image: none;
  color: #ffffff;
}

/* sitemap
----------------------------------------------- */
.level1 li, ul.level3, ul.level2, .level2 li {
  background-color: #000000;
  color: #ffffff;
}
.level2 a, .level3 a {
  color: #ffffff;
}
ul.sitemap li.level1,
ul.sitemap ul.level2 {
  background-color: #000000;
}
/* mayor
----------------------------------------------- */
#mayorSide {
  background-color: #000000;
}
.contentTitle {
  background-color: #000000;
}
.contentTitle .contentTitleBody,
.contentTitle .contentTitleBody h2 {
  margin: 0px;
  border: none;
  background-image: none;
}

/* lifeevent
----------------------------------------------- */
#lifeEventSide {
  background-color: #000000;
}
#contentTitle .pieceContainer {
  background-image: none;
}
#contentTitle .pieceBody {
  border: 1px solid #ffffff;
  background-image: none;
}
#lifeEvent td.pregnant p,
#lifeEvent td.child p,
#lifeEvent td.work p,
#lifeEvent td.adult p,
#lifeEvent td.moving p,
#lifeEvent td.marriage p,
#lifeEvent td.welfare p,
#lifeEvent td.death p {
  border: 1px solid #ffffff;
  background-color: #000000;
}
.lifeevents .lifeevent {
  width: 48%;
  border: 1px solid #ffffff;
  background-color: #000000;
}
#page-lifeevent-index .contentPage .body h2 {
  border: none;
  background-color: transparent;
}
#page-lifeevent-ninshin #pageTitle h1,
#page-lifeevent-kosodate #pageTitle h1,
#page-lifeevent-shushoku #pageTitle h1,
#page-lifeevent-seijin #pageTitle h1,
#page-lifeevent-hikkoshi #pageTitle h1,
#page-lifeevent-kekkon #pageTitle h1,
#page-lifeevent-fukushi #pageTitle h1,
#page-lifeevent-shibo #pageTitle h1 {
  padding: 0px 0px 0px 10px;
  background-image: none;
}
#page-lifeevent-ninshin #pageTitle .pieceBody,
#page-lifeevent-kosodate #pageTitle .pieceBody,
#page-lifeevent-shushoku #pageTitle .pieceBody,
#page-lifeevent-seijin #pageTitle .pieceBody,
#page-lifeevent-hikkoshi #pageTitle .pieceBody,
#page-lifeevent-kekkon #pageTitle .pieceBody,
#page-lifeevent-fukushi #pageTitle .pieceBody,
#page-lifeevent-shibo #pageTitle .pieceBody {
  padding: 0px 0px 0px 10px;
  border: 1px solid #ffffff;
  background-image: none;
}
#page-lifeevent-ninshin h2.lifeEventTitle,
#page-lifeevent-kosodate h2.lifeEventTitle,
#page-lifeevent-shushoku h2.lifeEventTitle,
#page-lifeevent-seijin h2.lifeEventTitle,
#page-lifeevent-hikkoshi h2.lifeEventTitle,
#page-lifeevent-kekkon h2.lifeEventTitle,
#page-lifeevent-fukushi h2.lifeEventTitle,
#page-lifeevent-shibo h2.lifeEventTitle {
  border-bottom: #ffffff solid 1px;
  border-left: #ffffff solid 1px;
}
/* header・fotter pege
----------------------------------------------- */
.contentPage .body h2 {
  border: 1px solid #ffffff;
  background-color: #000000;
}
/* emergency
----------------------------------------------- */
#emergency .pieceHeader,
#emergencyApplication .pieceBody,
#emergencyMailmagazine .pieceBody,
#emergencyInquiry .pieceBody {
  background-color: #000000;
  color:#ffffff;
}
#emergency {
border:2px solid #ffffff;
}
#emergency .pieceBody ul {
border:none;
}
#emergencyInfo .pieceContainer {
background-color:#000000;
border:2px solid #ffffff;
}
/* calendar
----------------------------------------------- */
.calendarEvents .pagination{
  background-color: #000000;
}
#menu li .year ,
#menu li .month {
    background-color: #000000;
}
/* bbs
----------------------------------------------- */
.contentBbsThreads .entryForm h2.formTitle {
  background-color: #000000;
}
.contentBbsThreads .threadItem h2 {
  color: #ffffff;
  background-color: #000000;
}
.contentBbsThreads .poster span ,
.contentBbsThreads .poster .no {
  color: #ffffff;
}
.contentBbsThreads .deleteForm h2.formTitle {
  background-color: #000000;
}
#bbsRecent .pieceHeader ,
#bbsThread .pieceHeader ,
#bbsRes .pieceHeader {
  padding: 0 5px 0 10px;
  border: 1px solid #FFFFFF;
  background-image: none;
}
#bbsRecent ul ,
#bbsThread ul ,
#bbsRes ul {
  border-width: medium 1px 1px;
  border-color: #FFFFFF;
  border-style: none solid solid;
  border-right: 1px solid #FFFFFF;
}
.notice {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: #000000;
}
.errorExplanation {
  border-width: medium 1px 1px;
  border-color: #FFFFFF;
  border-style: none solid solid;
  border-right: 1px solid #FFFFFF;
  color: #ffffff;
}
.errorExplanation h2 {
  border: 1px solid #ffffff;
  background-color: #000000;
}
.contentBbsThreads .back a {
  background-color: #000000;
}


/* ----------------
  elp_css
---------------- */

/*class*/
.font_sss_black{ font-size: 60%; line-height: 140%; color: #FFF;}
.font_ss_black{ font-size: 80%; line-height: 160%; color: #FFF; }
.font_s_black{ font-size: 90%; line-height: 170%; color: #FFF; }
.font_n_black{ font-size: 100%; line-height: 180%; color: #FFF; }
.font_b_black{ font-size: 120%; line-height: 180%; color: #FFF; }
.font_h_black{ font-size: 160%; line-height: 200%; color: #FFF; }
.font_hh_black{ font-size: 200%; line-height: 220%; color: #FFF; }
.font_hhh_black{ font-size: 300%; line-height: 240%; color: #FFF; }

.font_sss_black_normal{ font-size: 60%; line-height: 140%; color: #FFF; font-weight: normal; }
.font_ss_black_normal{ font-size: 80%; line-height: 160%; color: #FFF; font-weight: normal; }
.font_s_black_normal{ font-size: 90%; line-height: 170%; color: #FFF; font-weight: normal; }
.font_n_black_normal{ font-size: 100%; line-height: 180%; color: #FFF; font-weight: normal; }
.font_b_black_normal{ font-size: 120%; line-height: 180%; color: #FFF; font-weight: normal; }
.font_h_black_normal{ font-size: 160%; line-height: 200%; color: #FFF; font-weight: normal; }
.font_hh_black_normal{ font-size: 200%; line-height: 220%; color: #FFF; font-weight: normal; }
.font_hhh_black_normal{ font-size: 300%; line-height: 240%; color: #FFF; font-weight: normal; }

.font_red { color: #FFF; }
.font_blue { color: #FFF; }
.font_blue2 { color: #FFF; }
.font_green{ color: #FFF;}
.font_green2{ color: #FFF;}
.font_gray { color: #FFF; }
.font_gray2 { color: #FFF; }
.font_pink  { color: #FFF;}
.font_white{ color: #FFF;}
.font_black{ color: #FFF;}
.font_orange{ color: #FFF;}

.font_kocho01{ font-size: 120%; color: #FFF;}
.font_kocho02{ font-size: 120%; color: #FFF;}
.font_kocho03{ font-size: 120%; color: #FFF;}
.font_kocho04{ font-size: 120%; color: #FFF;}

.waku01{
	background-color: #000000;
	margin: 15px;
	padding: 6px;
	border: 1px solid #999;
}

#content .contentArticleDoc .back
{	background-color: #000000;}



.gakubu_title01{
	color: #000000;
	background-color: #000000;
}

.gakubu_title02{
	color: #000000;
	background-color: #000000;
}


.title_font01{
	background-color: #000000;
	border: 1px solid #FFF;
}


.title_font02{
	background-color: #000000;
	color: #FFF;
}


.title01{
	border-left:7px solid #FFF;
	border-bottom:1px solid #FFF;
	color: #FFF;
}  

.title02{  
    border-left:7px solid #FFF;  
    border-bottom:1px dashed #FFF;  

} 

.title02-2{  
    border-left:7px solid #FFF;  
    border-bottom:1px dashed #FFF;  

}  

.title03{  
    background:#FFF;  
    border-top:1px solid #FFF;  
    border-right:1px solid #FFF;  
    border-left:7px solid #FFF;  
    border-bottom:1px solid #FFF;  

}  
.title04{  
   background:#000000;  
    border-left:7px solid #FFF;  
 
}  
.title05{  
    background:#000000;  
    border-bottom:4px solid #FFF;  
}  

.title06{  
    background:#000000;  
    border-left:7px double #FFF;  
	color: #FFF;
}  

.title07{
	border:#FFF solid 1px;

}  
.title07-2{
	border-left:#FFF solid 6px;
	color: #FFF;
}  


.title08{  
    border-top:1px solid #FFF;  
    border-bottom:1px solid #FFF;  

}  


.title09{  
    border-bottom:1px solid #FFF;  

}  

.title10{  
    border-left:7px solid #FFF;  

}   
.title10-2{  
    color:#FFF;  
}  

.title11{
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	color: #FFF;

}  

.title12{
	color: #FFF;
}

.title13{
	color: #FFF;
}

.title14{
	color: #FFF;
	background-color: #000000;
	border-bottom-color: #FFF;
}

.title15{

	color: #FFF;
}


/*side*/

#side_button_top a:link { color: #ffffff; text-decoration: none; }
#side_button_top a:visited { color: #ffffff; text-decoration: none; }
#side_button_top a:hover {color: #ffffff; text-decoration: underline;}
#side_button_top a:active { color: #ffffff; text-decoration: none; }


#side_button_top p.sidetitle{
	color: #FFF;
	background-color: #000000;
}

ul.side_button_top02 li{
	border-bottom-color: #ffffff;
}

#side_button a:link { color: #ffffff; text-decoration: underline; }
#side_button a:visited { color: #ffffff; text-decoration: underline; }
#side_button a:hover {color: #ffffff; text-decoration: underline;}
#side_button a:active { color: #ffffff; text-decoration: underline; }

#side_button p{
	color: #ffffff;
	background-color: #000000;
}
#side_button p.sub_international{
	color: #ffffff;
	background-color: #000000;
}
#side_button p.sub_international2{
	color: #ffffff;
	background-color: #000000;
}


#side_button p.sub_international a:link { color: #ffffff; text-decoration: underline; }
#side_button p.sub_international a:visited { color: #ffffff; text-decoration: underline; }
#side_button p.sub_international a:hover {color: #ffffff; text-decoration: underline; }
#side_button p.sub_international a:active { color: #ffffff; text-decoration: underline; }

#side_button .formal_hp a:link { color: #ffffff; text-decoration: underline; }
#side_button .formal_hp a:visited { color: #ffffff; text-decoration: underline; }
#side_button .formal_hp a:hover {color: #ffffff; text-decoration: underline;}
#side_button .formal_hp a:active { color: #ffffff; text-decoration: underline;}

ul.side_button01 li{
	background-color: #000000;
}

ul.side_button01 li.title01{
	background-color: #000000;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

ul.side_button01 li.title02{
	background-color: #000000;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}


ul.side_button01 li.title03{
	background-color: #000000;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

ul.side_button01{
	background-color: #000000;
	border: 1px solid #ffffff;
}


ul.side_button01 li.title01{

	background-color: #000000;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}

ul.side_button01 li.title02{
	background-color: #000000;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}

ul.side_button01 li.title02-2{
	background-color: #000000;
	border-top-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;

}


ul.side_button02{
	background-color: #000000;
	border: 1px solid #ffffff;
}

}

ul.side_button03{
	background-color: #000000;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}


ul.side_button03 li{
	list-style-image: none;
}
/*header*/
#header a:link { color: #ffffff; text-decoration: underline; }
#header a:visited { color: #ffffff; text-decoration: underline; }
#header a:hover {color: #ffffff; text-decoration: underline; }
#header a:active { color: #ffffff; text-decoration: underline; }

/*footer*/
#footer a:link { color: #ffffff; text-decoration: underline; }
#footer a:visited { color: #ffffff; text-decoration: underline; }
#footer a:hover {color: #ffffff; text-decoration: underline; }
#footer a:active { color: #ffffff; text-decoration: underline; }
#footer_haikei {
	background-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	padding: 0px;
	margin: 0px;
}

/*navi*/
#navi a:link { color: #ffffff; text-decoration: underline; }
#navi a:visited { color: #ffffff; text-decoration: underline; }
#navi a:hover {color: #ffffff; text-decoration: underline; }
#navi a:active { color: #ffffff; text-decoration: underline; }

#navi2 a:link { color: #ffffff; text-decoration: underline; }
#navi2 a:visited { color: #ffffff; text-decoration: underline; }
#navi2 a:hover {color: #ffffff; text-decoration: underline; }
#navi2 a:active { color: #ffffff; text-decoration: underline; }




.button_kohou01{
	border-right-color: #ffffff;
	border-left-color: #ffffff;
}

.button_kohou01 a:link{
	color: #ffffff;
}

.button_kohou02{
	float: left;
	color: #ffffff;
}

.button_kohou02 a:link{
	color: #ffffff;
}

.button_kohou03{
	color: #ffffff;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
}

.button_kohou03 a:link{
	color: #ffffff;
}





.formal_hp{
	border: 1px solid #ffffff;
	background-color: #000000;}
.formal_hp p{
	color: #FFF;
}




#content a:link { color: #ffffff; text-decoration: underline; }
#content a:visited { color: #ffffff; text-decoration: underline; }
#content a:hover {color: #ffffff; text-decoration: underline; }
#content a:active { color: #ffffff; text-decoration: underline; }



#content h2{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	color: #FFF;

}



#content h3{
	color: #FFF;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	font-weight: normal;
}  

#content h4{
	color: #FFF;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}


#content h5{
	color: #FFF;
	border-bottom:1px solid #FFF;
}  

#content h6{
	color: #FFF;

}  





/* ----------------
  page news
---------------- */

.news_box a:link { color: #ffffff; text-decoration: underline; }
.news_box a:visited { color: #ffffff; text-decoration: underline; }
.news_box a:hover {color: #ffffff; text-decoration: underline; }
.news_box a:active { color: #ffffff; text-decoration: underline; }

.news_box{
	background-color: #000000;
}

.news_box p.title{
	color: #FFF;
}
.news_box p.rss{
	color: #FFF;
}


.news_box p.rss a,.news_box p.rss a:link,.news_box p.rss a:visited,.news_box p.rss a:active{
	color: #FFF;
}
.news_box p.rss a:hover{
	color: #FFF;
}


.news_box dt.title {
	border-right-color: #FFF;
	color: #FFF;
	background-color: #000000;
	border-bottom-color: #FFF;
}
.news_box dd.title {
	color: #FFF;
	background-color: #000000;
	background-color: #000000;
	border-bottom-color: #FFF;
}

.news{
	background-color: #000000;
}
.news dl {
	color: #FFF;
	background-color: #000000;
	border-bottom-color: #FFF;
}

.news dt {
	color: #FFF;
	
}


.news_box p.list{
	background-color: #000000;
}


/* ----------------
  page event
---------------- */

.event_box a:link { color: #ffffff; text-decoration: underline; }
.event_box a:visited { color: #ffffff; text-decoration: underline; }
.event_box a:hover {color: #ffffff; text-decoration: underline; }
.event_box a:active { color: #ffffff; text-decoration: underline; }

.event_box{
	background-color: #000000;
}

.event_box p.title{
	color: #FFF;
}
.event_box p.rss{
	color: #FFF;
}


.event_box p.rss a,.event_box p.rss a:link,.event_box p.rss a:visited,.event_box p.rss a:active{
	color: #FFF;
}
.event_box p.rss a:hover{
	color: #FFF;
}


.event_box dl.title {
	color: #FFF;
}
.event_box dt.title {
	border-right-color: #FFF;
	background-color: #000000;

	border-bottom-color: #FFF;
}
.event_box dd.title {
	background-color: #000000;
	background-color: #000000;
	border-bottom-color: #FFF;
	
}


.event{
	background-color: #000000;
}

.event dl {
	color: #FFF;
	background-color: #000000;
	border-bottom-color: #666;
}

.event dt {
	color: #FFF;
}


.event_box p.list{
	background-color: #000000;

}

/*main*/
.detaile_info_box{
	background-image: none;
	padding: 31px;
	height: 322px;
	width: 638px;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #FFF;
}

.detaile_info_box p.tel{
color: #FFF;
}


#content td.info{
}

.life_mokuji p{
	color: #FFF;
	background-color: #000000;
}


#page-gakubu-index #main #content .contentPage .body .gakubu_list tbody .sen_bottom01 .info{
	color: #FFF;
}



.button_kohou_01 a,.button_kohou_02 a{
	float: left;
	background-image: url(img/button/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
	margin-left: 6px;
	font-size: 90%;
	color: #FFF;
}

.td_01 {
  background-color: #000000;
}