@charset "UTF-8";
/****************************************************
* 配色設定color2 02黒背景 *
*****************************************************/
body {
	color: #fff;
	background-color: #333;
}
#toolBar{
	background-color: #333;
}
#homePage #toolBar{
	background-color: transparent;
}
.onlyColor1{
	display:none;
}
a[href]:link{
	color:#FCFCA0;
}
a[href]:visited {
	color: #e6d4ff;
}
.out::before{
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE1IDE1LjQiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMS44IDEwLjhjMCAxLjMtMS4xIDIuNC0yLjQgMi40aC03Yy0xLjMgMC0yLjQtMS4xLTIuNC0yLjR2LTdjMC0xLjMgMS4xLTIuNCAyLjQtMi40aDUuOWMuMiAwIC4zLjEuMy4zdi41YzAgLjItLjEuMy0uMy4zSDIuNGMtLjcgMC0xLjMuNi0xLjMgMS4zdjdjMCAuNy42IDEuMyAxLjMgMS4zaDdjLjcgMCAxLjMtLjYgMS4zLTEuM1Y4LjFjMC0uMi4xLS4zLjMtLjNoLjVjLjIgMCAuMy4xLjMuM3YyLjd6TTE1IDUuMmMwIC4zLS4yLjUtLjUuNS0uMSAwLS4zLS4xLS40LS4yTDEyLjYgNCA3LjIgOS41Yy0uMS4xLS4yLjEtLjIuMXMtLjEgMC0uMi0uMWwtMS0xYy0uMSAwLS4xLS4xLS4xLS4yczAtLjEuMS0uMmw1LjUtNS41LTEuNS0xLjRjLS4xLS4xLS4xLS4yLS4xLS4zIDAtLjMuMi0uNS41LS41aDQuM2MuMyAwIC41LjIuNS41djQuM3oiLz48L3N2Zz4=');
}
.red,
em{
	color:#ffc5ff;
}
[style="color: red;"]{
	color:#ffc5ff !important;
}
/*ss old-Editer 'Special Container'*/
[style^="background: #eee"],
[style^="background: rgb(238, 238, 238)"]{
	background:rgba(0, 0, 0, 0.5) !important;
}
/*引用*/
blockquote{
	border-left-color:#cce8ff ;
	background:rgba(0, 0, 0, 0.5);
}
blockquote::before{
	color:#cce8ff;
}
/* pageHead
*****************************************************/
#pageHead {
	background: #212121;
	border-color: #75889b;
}
#toolBar .logo{
	background-image: url(../images/logo.png);
}
#menuBox .globalNav a {
	color: #fff;
}
/*Desktop&print*/
@media screen and (min-width: 768px), print{
	#toolBar .utilBtn {
		background: #3C3C3C;
		color: #fff;
		border: 1px solid #FFF;
	}
	#menuBox .globalNav> ul> li> a {
		color: #fff;
	}
	#menuBox .globalNav> ul> li.open> a ,
	#menuBox .globalNav> ul> li> a:hover,
	#menuBox .globalNav> ul> li> a:focus,
	#menuBox .globalNav> ul> li> a:active {
		color: #00dae5;
	}
	.globalNav .l1 .title::after{
		background-color: #00dae5;
	}
}
/* pageFoot
*****************************************************/
#pageFoot .wrap {
 background: rgba(37, 44, 58, 0.9);
}
/*コンテンツ部***********************************/
/* Side***/
#side .navigation {
 border-color: #212121;
 background: #212121;
}
#side .navigation h2 {
	color: #fff;
 background: #2a344b;
}
#side .navigation> ul> li> a::before {
 border-color: #00dae5;
}
#side .navigation> ul> li.current> a {
	background: #404e5e;
	color: #fff;
}
/*記事ページ*/
#main.page {
 background: #212121;
}
#main:not(.page) .board>.page-title,
#main.page .page-title {
	color: #fff;
	background : #01264C;
}
/*ページ内目次*/
#main.page #indexInter{
 border-color: #fff;
}
#indexInter ul li a::after {
 border-color: #00dae5;
}
#main .page-title {
 color: #fff;
}
/*見出し*/
.mainText h2 {
	border-color:#75889b;
	background: #36383a;
	color: #fff;
}
.mainText h3::before{
	border-color:#75889b;
}
.mainText h4::before {
	background: #75889b;
}
.mainText a:link {
 color: #fff;
}
.mainText a[href][class*="icon"]:link,
.mainText .iPapers li a:link {
 color: #fff;
}
.mainText table th {
 background-color: #36383a;
}
.mainText footer.contact {
 background: #353535;
}
.mainText footer.contact h2 {
 background-color: transparent;
 color: #fff;
}
/*フォーム************************/
/*check通知*/
.error-message,
.postal-code-search-error,
.errorExplanation{
	border-color: #FF0;
	color: #FF0;
}
#ss-notice{
	border-color: #75889b;
	color: #fff;
}
form .columns .required{
	color:#FC0;
}
/*button*/
a.btn,
.send input[type="button"],
.send input[type="submit"]{
	color: #fff;
	background: #01264C;
}
.columns button,
.send button,
.send a.btn,
.send input[type="submit"][name="cancel"],
.send input[type="submit"][name="back"],
.send input[type="reset"],
.send input[type="cancel"]{
	color: #fff;
	background: #111;
}
/*メンバー マイページ****/
#mypage-tabs{
	border-color:#75889b;
}
#mypage-tabs a{
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
}
#mypage-tabs a.current{
	background: #01264C;
	color: #fff;
}
.mypage-nav a{
	background: #01264C;
	color: #fff;
}
/*新着*****/
.topics li a:link{
	color: #fff;
}
.topics li a::after {
	border-color: #00dae5;
}
.mainText .latest h2, .latest h2 {
	color: #fff;
}
.latest .topics {
	background: #212121;
}
/*項目リスト*/
.categoryList li a:link{
	color: #fff;
}
.lists .cms-nodes.nodes>.item>a::after,
.lists .pages .photo>a::after,
.idxBox .cards .item h3>a::after,
.categoryList .category-pages article.item a::before,
.categoryList .cards li a::before,
.related-pages .pages li a::before,
.iLink li a::before {
 border-color: #00dae5;
}
#main:not(.page) .board,
#main:not(.page) .idxBox.categoryList:not(.cards) section,
#main:not(.page) .idxBox section.newsList,
#main:not(.page).lists .member-photos,
#main:not(.page).lists .pages,
#main:not(.page).lists .nodes,
#main:not(.page) .newsList>.ezine-pages,
#main:not(.page) .newsList>.article-pages,
#main:not(.page) .newsList>.cms-pages,
#main:not(.page) .newsList>.cms-group-pages,
#main:not(.page) .newsList>.category-pages,
.categoryList> .category-pages,
.idxBox .cards .item{
	background: #212121;
}
/*カテゴリ階層*/
.categoryList .items li a::before{
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9Imljb24iIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeD0iMCIgeT0iMCIgdmVyc2lvbj0iMS4xIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6Ny4zMzMzfTwvc3R5bGU+PHBhdGggZD0iTTkuNCAxLjZ2Mi44YzAgLjQuMy43LjcuN0gxMyIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik0xMS41IDE0LjRoLTdjLS44IDAtMS41LS43LTEuNS0xLjRWM2MwLS44LjYtMS40IDEuNC0xLjRoNUwxMyA1LjJWMTNjMCAuNy0uNyAxLjQtMS41IDEuNHpNNS45IDUuOWguN20tLjcgMi44aDQuMm0tNC4yIDIuOGg0LjIiIGNsYXNzPSJzdDAiLz48L3N2Zz4=');
}
.categoryList .items li.node a::before{
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0zLjYgMy4yaDIuNUw4IDUuMWg0LjRjLjcgMCAxLjMuNiAxLjMgMS4zdjUuMWMwIC43LS42IDEuMy0xLjMgMS4zSDMuNmMtLjcgMC0xLjMtLjYtMS4zLTEuM3YtN2MwLS43LjYtMS4zIDEuMy0xLjMiLz48L3N2Zz4=');
}
.idxBox .cards .item h3{
	color: #fff;
	border-color: #75889b;
}
.ads .link a {
	color: #fff;
}
.ads .link a::after {
	border-left-color: #00dae5;
}
/*関連*/
.categoryList .related {
	background: #212121;
}
.categoryList .related h3 {
	color: #fff;
}
.categoryList .related h3::before {
	background: #00dae5;
}
.categoryList .related .banners a {
	color: #fff;
}
.categoryList .related .banners p::before {
	border-color: #00dae5;
}
/*ページャ*/
.pagination span a:link{
	color: #FCFCA0;
}
/*イベントカレンダー**********************/
dl.see dt{
	background: #36383a;
}
.mainText nav.event-date h2, nav.event-date h2{
	border-color: #d7f1ff;
}
.event-calendar .calendar th{
	background-color: #36383a;
}
.event-calendar .calendar td{
	background: #222;
}
.event-calendar .calendar td.next-month,
.event-calendar .calendar td.prev-month {
	background: #333;
}
#event-table .calendar td.today,
.event-calendar .calendar td.today {
	background: #000;
}
/*日曜祝日*/
#event-table .calendar thead> tr th:first-child, 
#event-table .calendar td.holiday .holiday,
.event-calendar .calendar thead> tr th:first-child,
.event-calendar .calendar td.sun, .event-calendar .calendar td.holiday,
nav.event-date h2.sun .wday, 
#event-list dl.sun .wday, #event-list dl.holiday .holiday {
 color: #ffadcf;
}
/*土曜*/
nav.event-date h2.sat .wday, 
#event-table .calendar thead> tr th:last-child,
.event-calendar .calendar thead> tr th:last-child,
.event-calendar .calendar td.sat, #event-list dl.sat .wday {
 color: #80cdff;
}
/*イベントなし*/
#event-list dl .no-event,
#event-table .calendar td .no-event{
	color: #ddd;
}
nav.event-date> .event-format> span a,
nav.event-date>span a,
nav.event-date> .event-ics-file,
.event-pages-filter ul li a{
	color: #fff;
}
nav.event-date> .event-format> span.current a,
nav.event-date>span.current a,
.event-pages-filter ul li a.clicked{
	color: #fff;
	background: rgba(17, 88, 160, 0.7);
}
nav.event-date> .event-ics-file::before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWRvd25sb2FkIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CjxwYXRoIGQ9Ik00IDE3djJhMiAyIDAgMCAwIDIgMmgxMmEyIDIgMCAwIDAgMiAtMnYtMiIgLz4KPHBvbHlsaW5lIHBvaW50cz0iNyAxMSAxMiAxNiAxNyAxMSIgLz4KPGxpbmUgeDE9IjEyIiB5MT0iNCIgeDI9IjEyIiB5Mj0iMTYiIC8+Cjwvc3ZnPg==");
}
nav.event-date{
	border-color:#d7f1ff;
}
/*検索*/
.site-search .search-results a:link .detail h3{
	color: #FCFCA0
}
.site-search .search-results .detail p{
	color: #fff;
}
.site-search .search-results .detail .url {
	color: #ccc
}
#relationInfo .item p::before {
	border-color: #00dae5;
}
.isfw_keyword{
	background-color: rgba(17, 88, 160, 0.7);
}
/* topPage
*****************************************************/
#homePage #topicEm .topicsList{
	background-color: rgba(0, 0, 0, 0.8);
}
#homePage #topicEm h2 {
	color: #fff;
}
#siteSearch,#siteSearch::after {
	background: #272727;
}
#siteSearch .word ul.keys li a{
	color: #fff;
}
#topInfo .ads {
	background-color: rgba(0, 0, 0, 0.6);
}
#info {
	background: rgba(56, 62, 66, 0.5);
}
#pickup .thumbs .slide.slick-current{
	border-color:#00dae5;
}
#pickup .slider.thumbs .slick-prev:before{
	border-left-color: #00dae5;
}
#pickup .slider.thumbs .slick-next:before{
	border-right-color: #00dae5;
}
#news .tabBtn button {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
}
#news .tabBtn button[aria-selected="true"] {
	background: #01264C;
	color: #fff;
}
#news .tabBtn button[aria-selected="true"]::after {
	border-color: transparent transparent #212121 transparent;
}
#news .tabPanels {
	background: #212121;
}
#news .tabPanel .footer{
	background: #4a4f51;
}
#news .tabPanel .footer a {
 color: #fff;
}
#news .tabPanel .footer li.more a::after {
 border-color: transparent transparent transparent #00dae5;
}
#utility {
 background: #222223;
}
#utility .menu .tabBtn button[aria-selected="true"]::after {
 border-color: transparent transparent #333 transparent;
}
#utility .menu .tabPanels {
 background: #333;
}
#utility .menu .list li a {
 color: #fff;
}
#utility .menu .life1::before {
	background-image: url("images/life1b.svg");
}
#utility .menu .life2::before {
	background-image: url("images/life2b.svg");
}
#utility .menu .life3::before {
	background-image: url("images/life3b.svg");
}
#utility .menu .life4::before {
	background-image: url("images/life4b.svg");
}
#utility .menu .life5::before {
	background-image: url("images/life5b.svg");
}
#utility .menu .life6::before {
	background-image: url("images/life6b.svg");
}
#utility .menu .life7::before {
	background-image: url("images/life7b.svg");
}
#utility .menu .life8::before {
	background-image: url("images/life8b.svg");
}
#utility .menu .aim1::before {
	background-image: url("images/aim1b.svg");
}
#utility .menu .aim2::before {
	background-image: url("images/aim2b.svg");
}
#utility .menu .aim3::before {
	background-image: url("images/aim3b.svg");
}
#utility .menu .aim4::before {
	background-image: url("images/aim4b.svg");
}
#utility .menu .aim5::before {
	background-image: url("images/aim5b.svg");
}
#utility .menu .aim6::before {
	background-image: url("images/aim6b.svg");
}
#utility .menu .aim7::before {
	background-image: url("images/aim7b.svg");
}
#utility .menu .aim8::before {
	background-image: url("images/aim8b.svg");
}
#utility .menu .flow1::before{
	background-image: url("images/flow1b.svg");
}
#utility .menu .flow2::before{
	background-image: url("images/flow2b.svg");
}
#utility .menu .flow3::before{
	background-image: url("images/life5b.svg");
}
#utility .menu .flow4::before{
	background-image: url("images/life3b.svg");
}
#utility .menu .flow5::before{
	background-image: url("images/life4b.svg");
}
#utility .other .btn a {
 background: #333;
 color: #fff;
}
#utility .other .emergency {
 background: #514749;
}
#utility .other .emergency h3 {
 color: #fff;
}
#utility .other .emergency .btn li a::after {
 border-color: transparent transparent transparent #ffa6b5;
}
#utility .other .emergency .btn li a.doctor::before {
 background-image: url(images/icon_emergency_black.svg);
}
#utility .other .emergency .btn li a.disaster::before {
 background-image: url(images/icon_disaster_black.svg);
}
#utility .other .guid {
 background: #434c48;
}
#utility .other .guid .lead span::before, #utility .other .guid .lead span::after {
 background: #54e298;
}
#utility .other .guid .btn a::before {
 background-image: url(images/icon_guid_black.svg);
}
#utility .other .guid .btn a::after {
 border-color: transparent transparent transparent #54e298;
}
#service .top article {
 background: #333;
}
#service .top .post h4,#service .top article .info{
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 1px #000;
}
#service .top .post h4 .out{
	background-color: #333;
	box-shadow: 0 0 2px 2px #333;
}
#service .top .pamphlet .catalog {
	color: #fff;
	background: #0c0e15;
}
#service .list li a{
	color: #fff;
	background: rgba(51, 51, 51, 0.9);
}
#service .list li a:hover,
#service .list li a:active,
#service .list li a:focus{
	background: rgba(51, 51, 51, 1);
}
#service .list li a::after {
 border-color: transparent transparent transparent #00dae5;
}
#relationLink {
 background: #222223;
}
#relationLink h2 {
 color: #fff;
}
#relationLink ul li .cat {
 color: #00dae5;
}
#relationLink ul li .title {
 color: #fff;
}
#fotAds {
	background: #515151;
}
</div><div class="naked_ctrl">
<form action="/index.cgi/larger-text" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.city.chitose.lg.jp/common/css/color2_3.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.city.chitose.lg.jp/common/css/color2_3.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text" selected="selected">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>