@charset "UTF-8";
/*========================================
styles4.css
背景色=黒 #000  rgba(0,0,0,1)
文字色=黄色 #F4F400 rgba(244,244,0,1)
リンク=白 #FFF  rgba(255,255,255,1)
========================================*/
/*==============================================================
	for all
	
===============================================================*/
body, html {
	background: #000;
	color: #F4F400;
}
#wrapper a:link {
	text-decoration: none;
	color: #FFF;
}
#wrapper a:hover {
	text-decoration: underline;
	color: #FFF;
}
#wrapper a:visited {
	color: #FFF;
}
#wrapper a:before,
#wrapper p:before {
	color: #FFF !important;
	text-shadow: none;
}
/* リンクアイコン */
#wrapper *:before,
#wrapper *:after {
	color: #FFF;
}
#contents *,
footer * {
	border-color: #F4F400;
}
#wrapper * {
	border-color: #F4F400;
}
/*============================================================================================================================
	for Class Not [ class指定でCSSを除外 [*]で全体にかける ]
	
=============================================================================================================================*/
#wrapper * a:not(header *) {
	color: #FFF !important;
}
#wrapper #left-column *:not(.LiveBnr *):not(.sitemap *) {
	color: #F4F400;
	background-color: #000;
}
#wrapper *:not(.siteTitle *) {
	border-color: #F4F400 !important;
}
/*============================================================================================================================
	Styles.css
	
=============================================================================================================================*/
/*============================================================================================================================
	Header
	
=============================================================================================================================*/
/*==============================================================
	Header Kinkyu Alert
===============================================================*/
/*	 Obi
---------------------------------------------------------------*/
#alert-header .alert-body {
	color: #000;
}
#alert-header .alert-close-button {
	border-color: #000;
	background-color: #000;
}
/*	 Popup Window
---------------------------------------------------------------*/
#alert-popup .background {
	background-color: #000;
}
#alert-popup .alert-close-button {
	border-color: #fff;
	background-color: #000;
}
#alert-popup .alert-close-button:hover {
	color: #000;
	background-color: #F4F400;
}
/*--------------------------------------------------------------
	Groval nav
---------------------------------------------------------------*/
#wrapper .navDrawr,
#wrapper .navDrawr .gnav,
#wrapper header .gnav * {
	color: #FFF;
	border-color: #F4F400;
	background: #000;
}
#wrapper .navDrawr .gnav> ul> li> a:after {
	background: #F4F400;
}
@media only screen and (max-width: 979px) {
header {
	background: #FFF;
}
#wrapper .navDrawr,
#wrapper .navDrawr .gnav {
	border-top: 1px solid #FFF;
}
#wrapper .navDrawr .sub a,
#wrapper .main .title{
	border-bottom: 1px solid #FFF;
}
/* メニュー開いたときコンテンツのレイアウト崩れを隠す */
body.menuOpen #wrapper:before {
 background: #000;
}
/*	 Menu Button
---------------------------------------------------------------*/
#wrapper .navDrawrBtn span {
	background: #000;
}
}
/*	 Navi - Text Size Change
---------------------------------------------------------------*/
.headerNav .box .TextSize ul li {
	border: 1px solid #F4F400;
}
.headerNav .box .TextSize ul li:hover {
	color: #000;
	background-color: #F4F400;
}
.headerNav .box .TextSize ul li.active {
	color: #000;
	background-color: #F4F400;
}
.headerNav .box .TextSize ul li.active:hover {
	color: #000;
	background-color: #F4F400;
}
/*	 Language
---------------------------------------------------------------*/
header .Lang {
	background: #000;
}
/*============================================================================================================================
	Contents
	
=============================================================================================================================*/
#wrapper #contents a {
	background: #000;
}
#wrapper #contents [class*="btn"] a {
	border: 1px solid;
}
/*--------------------------------------------------------------
	h,1,2,3 common contents
---------------------------------------------------------------*/
#wrapper #contents h1,
#contents h1:before,
#contents h1:after {
	border-color: #F4F400;
}
#wrapper #contents h1,
#wrapper #contents h2,
#wrapper #contents h3 {
	color: #F4F400;
	text-shadow: none;
	background: #000;
}
/*--------------------------------------------------------------
	Life Menu Icon
---------------------------------------------------------------*/
/*	List icon
-----------------------------------*/
#contents .LifeIcon ul li a i {
	background-color: #000;
}
/*--------------------------------------------------------------
	Side Box
---------------------------------------------------------------*/
/*	 Box Link
---------------------------------------------------------------*/
#contents .sideBox> ul> li a .img:before {
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	z-index: 10;
}
/*	 Box Link Text
--------------------------------*/
#contents .sideBox> ul> li a p {
	color: #FFF;
	text-shadow: 
	#000 1px 1px 0, #000 -1px -1px 0,
	#000 -1px 1px 0, #000 1px -1px 0,
	#000 0px 1px 0,#000 0-1px 0,
	#000 -1px 0 0, #000 1px 0 0;
}
/*--------------------------------------------------------------
	Sitemap
--------------------------------------------------------------*/
/*	 Decoration [ tree border ]
--------------------------------------*/
#contents .sitemap> ul ul:before,
#contents .sitemap> ul ul li:before {
 border-color: #F4F400;
}
#contents .sitemap> ul ul li:last-child:before {
 background: #000;
}
/*============================================================================================================================
	Footer
	
=============================================================================================================================*/
body #wrapper footer,
body #wrapper footer * {
	background: #000;
}
/*	 Address
---------------------------------------------------------------*/
#wrapper footer #footer-inner .address .btn a {
	border: 1px solid;
	background: #000;
}
/*	 Copyright
---------------------------------------------------------------*/
#wrapper .copyright {
	color: #F4F400;
}
@media only screen and (max-width: 600px) {
/*	 sitemap
---------------------------------------------------------------*/
#wrapper footer .footerNav nav * {
	border-color: #FFF;
}
#wrapper footer .footerNav nav h4 {
	border-top: 1px solid;
	border-bottom: 1px solid;
}
#wrapper footer .footerNav nav:nth-child(n+2) h4 {
	border-top: none;
}
}
/*--------------------------------------------------------------
	Page TOP
---------------------------------------------------------------*/
#wrapper .pagetop .top {
	background: rgba(244,244,0,0.8) !important;
}
.pagetop .top:before {
	color: #000 !important;
}
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.town.kadena.okinawa.jp/css/restyles4.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.town.kadena.okinawa.jp/css/restyles4.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" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>