@charset "euc-jp";



#top a {  text-decoration: none;  }
#top a:link { color: #666666; }
#top a:hover { color: #B5228F; }
#top a:active {}
#top a:visited { color: #660000; }
#top a:visited:hover { color: #B5228F; }



/* --------------------------------------------------------------------------------------- */
/* alpha 
/*
#alpha #alpha_top_image {
	background: url(../image/top/top_alpha_image.jpg) no-repeat 0 0;
	height: 230px;
}
*/

#alpha #alpha_top_image ul {
	padding: 198px 0 0 5px;
}
#alpha #alpha_top_image ul li {
	display: inline;
	float: left;
	width: 49px;
	padding: 0 2px;
}

#alpha #alpha_top_link {
	height: 200px;
}

#alpha #alpha_top_link ul {
	padding: 5px 0 0 5px;
}
#alpha #alpha_top_link ul li {
	display: inline;
	float: left;
	width: 128px;
	padding: 0 2px;
}




#top #alpha h3 {
	color: #FFF;
	font-size: 16px;
}

#top #alpha h4 {
	background: url(../image/top/top_h4_bg.jpg) left top;
	font-size: 14px;
	padding: 0 0 0 10px;
}

#top #alpha h3.bg_green {
	background: url(../image/top/alpha_h_green.jpg) left top no-repeat;
	padding: 6px 0 2px 18px;
	margin: 0;
	font-size: 16px;
}
#top #alpha h3.bg_yellow {
	background:url(../image/top/alpha_h_yellow.jpg) top left no-repeat;
	padding: 6px 0 2px 18px;
}

#top #alpha #top_topics_rssfeed {
	width: 540px;
	position: absolute;
	text-align: right;
	margin-top: -28px;
}
#top #alpha #top_topics_rssfeed img {
	margin-right: 4px;
}

#top #alpha #top_topics_inner ul {
	margin: 10px 0 0 5px;
}
#top #alpha #top_topics_inner ul li {
	border-bottom: 1px dotted #999999;
	padding: 3px 0;
}
#top #alpha #top_topics_inner ul li span.date {
	color: #000066;
}


/* float layout */
#top #alpha .top_alpha_cntents01 {
	width: 540px;
	font-size: 14px;
	padding-top: 15px;
}

#top #alpha .top_alpha_cntents01 .fll230 {
	width: 230px;
	float: left;
	display: inline;
}

#top #alpha .top_alpha_cntents01 .flr230 {
	width: 230px;
	float: right;
	display: inline;
}

#top #alpha .top_alpha_cntents01 ul li {
	border-bottom: 1px dotted #999999;
	margin-bottom: 5px;
}

/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* beta */
#top #beta #beta_inner {}

/* beta h3 */
#top #beta #beta_inner h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

/* beta h3 */
#top #beta #beta_inner h3 a {
	color: #FFF;
}

#top #beta #beta_inner h3.bg_red {
	background: url(../image/top/beta_h_red.jpg) left top no-repeat;
	padding: 3px 0 0 18px;
}
#top #beta #beta_inner h3.bg_green {
	background: url(../image/top/beta_h_green.jpg) left top no-repeat;
	padding: 3px 0 0 18px;
}
#top #beta #beta_inner h3.bg_yellow {
	background: url(../image/top/beta_h_yellow.jpg) left top no-repeat;
	padding: 3px 0 0 18px;
}
#top #beta #beta_inner h3.bg_blue {
	background: url(../image/top/beta_h_blue.jpg) left top no-repeat;
	padding: 3px 0 0 18px;
}

#top #beta ul.list_mark { margin: 2px 0 2px 0;}
#top #beta ul.list_mark li {
	background: url(../image/top/list_mark.gif) 0px 3px no-repeat;
	padding: 0 0 0 16px;
	font-size: 107%;
	line-height: 1.4;
}

#top #beta #safety_info {
	border: 1px solid #D20612;
	padding: 3px 10px 3px 10px;
	margin-bottom: 5px;
}
#top #beta .nahacity_info, .general_info {
	border: 1px solid #4F8357;
	padding: 3px 10px 3px 10px;
	margin-bottom: 5px;
}
#top #beta .recruitment {
	border: 1px solid #FFA110;
	padding: 3px 10px 3px 10px;
	margin-bottom: 5px;
}
#top #beta .recruitment .under_line {
	font-size: 92%;
	line-height: 1.2;
	text-decoration: underline;
}
#top #beta .convenience_link {
	border: 1px solid #0A0AFF;
	padding: 3px 10px 3px 10px;
	margin-bottom: 5px;
	line-height: 1.4;
	font-size: 92%;
}

#top #beta .general_info {
	background: #FFF9DE;
	padding: 3px 10px 5px;
	line-height: 1.4;
	font-size: 92%;
}

#top #beta .general_info dl dd {
	margin-left: 15px;
}

#top #beta .online_services ul {
	margin: 4px 0 5px;
}
#top #beta .online_services ul li {
	width: 240px;
	height: 50px;
	margin-bottom: 3px;
}

#top #beta table{
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
	margin-top: 5px;
}

#top #beta table tr th {
	font-weight: bold;
	text-align: center;
	border: 1px solid #999999;
	vertical-align: top;
	padding: 2px 3px;
}

#top #beta table tr td {
	background: #FFFFFF;
	border: 1px solid #999999;
	vertical-align: top;
	padding: 2px 3px;
}

#top #alpha .banner_area ul li {
	width: 128px;
	height: 60px;
	float: left;
	display: inline;
	margin: 0 0 5px 5px;
}
	



/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* gamma */
#top #gamma {}
#top #gamma #gamma_inner{}

#top #gamma h3 {
	font-size: 16px;
	padding: 3px 0 0 15px;
	line-height: 1.5;
}

#top #gamma h3 a {
	color:#666;
	}
	
#top #gamma h3.green a {
	color:#fff;
	}

#top #gamma h3.gold a {
	color:#000;
	}	


#top #gamma h3.yellow{ background: url(../image/top/gamma_h_yellow.gif) no-repeat 0 0 transparent;}
#top #gamma h3.green { background: url(../image/top/gamma_h_green.gif) no-repeat 0 0 transparent; color: #FFFFFF;}
#top #gamma h3.blue  { background: url(../image/top/gamma_h_blue.gif) no-repeat 0 0 transparent; color: #FFFFFF;}
#top #gamma h3.gold  { background: url(../image/top/gamma_h_gold.gif) no-repeat 0 0 transparent;}


#top #gamma #gamma_link01 p {	margin-bottom: 4px; }

#top #gamma #gamma_link02 {	margin-top: 5px;}
#top #gamma #gamma_link02 p {	margin-bottom: 5px; }

#top #gamma #enjoy_naha {
	background: #FFF9DE;
	padding: 3px 10px 5px;
	border: 1px solid #54875B; /* 緑色Box */
	font-size: 92%;
	line-height: 1.4;
}
#top #gamma #enjoy_naha dl dd { margin-left: 15px; }

#top #gamma #municipal_administration {
	padding: 1px 3px 0px 2px;
	margin-bottom: 15px;
}
#top #gamma #event_calendar {
	margin-bottom: 5px;
}
#top #gamma #organization_plan {
	padding: 3px 5px 1px;
	margin-bottom: 5px;
	border: 1px solid #E7DCA6; /* 金色Box */
	font-size: 92%;
	line-height: 1.4;
}
#top #gamma #press_release {
	padding: 3px 5px 1px;
	margin-bottom: 5px;
	border: 1px solid #54875B; /* 緑色Box */
	font-size: 92%;
	line-height: 1.4;
}
#top #gamma #city_oranization {
	padding: 3px 5px;
	margin-bottom: 5px;
	border: 1px solid #0B0BFF; /* 青色Box */
	font-size: 92%;
	line-height: 1.4;
}

/* --------------------------------------------------------------------------------------- */


#top #alpha #top_alpha_slider {
width: 540px;
height: 200px;
position: relative;
overflow: hidden;
margin-bottom: 5px;
}

#top #alpha #top_alpha_slider ul {
padding: 0;
}

#top #alpha #top_alpha_sliderContent {
width: 540px;
position: absolute;
top: 0;
margin-left: 0;
}

#top #alpha #top_alpha_sliderContent .top_alpha_sliderImage {
float: left;
position: relative;
display: none;
width: 540px;
padding: 0;
height: 200px;
}

#top #alpha #top_alpha_sliderContent .top_alpha_sliderImage span {
position: absolute; /* important */
left: 0;
padding: 10px;
width: 520px;
background-color: #000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
bottom: 0; /* the box with text will be shown at the bottom of the image */
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
/*----------------------------------------------- */