@charset "utf-8";
@import "reset.css";


/* Base Style
================================================== */
body {
	background-color: #fff;
	color: #000;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS P Gothic', sans-serif;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	text-align: center;
}
a:link { color: #0071bc; }
a:visited { color: #339; }
a:hover, a:focus { color: #c30; }
a:hover img,
a:focus img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}
input, select, textarea {
	color: #000;
	font-family: inherit;
	font-size: 100%;
}
.new {
	margin-left: 2px;
	padding: 3px 5px 2px;
	border-radius: 2px;
	background-color: #d00;
	color: #fff;
	font-size: 70%;
	font-weight: normal;
	text-transform: uppercase;
}
img{
	vertical-align: bottom;
}
@media screen and (max-width: 768px) {

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
}

/* Block Skip
================================================== */
.skip a {
	display: block;
	background-color: #007b44;
	color: #fff;
	text-decoration: none;
	text-align: center;
	position: absolute;
	height: 0;
	overflow: hidden;
}
.skip a:focus {
	position: static;
	height: auto;
}

/* Clearfix
================================================== */
.inner:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}
.inner,
.clearfix {
	*zoom: 1;
}

/* layout
================================================== */
#container{}

.inner{
	width: 980px;
	margin: 0 auto;
	text-align: left;

}
.h_top_wrp{
	}
#content{
	margin-bottom: 20px;
}
#top_main{
	width: 746px;
	float: right;
}
#sidemenu{
	width: 200px;
	float: left;
}

#header{ margin-bottom: 20px; }
#footer{}

/* Header
================================================== */

.menu_open_wrp{ display: none; }
.close_btn{ display: none; }

.h_top_wrp .logo{
	float: left;
	margin: 10px 0;
	line-height:70%;
}
.h_top_wrp .h_accessibility_wrp{
	float: right;
	margin: 10px 0;
}
.h_top_wrp .h_font_size_wrp,
.h_top_wrp .h_color_wrp,
.h_top_wrp .h_contact_wrp{
	float: left;
	margin-right: 20px;
	font-size:90%;
}
.h_top_wrp .h_accessibility_wrp ul li{
	float: left;
	margin-right: 3px;
	border: 1px solid #ccc;
	text-align: center;
	 border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.yellow{
	background-color: #FFF500;
	}
.black{
	background-color: #000000;
		}
.black a{
	color: #FFFFFF;
	}
.small{
	background-color: #eee;
	}
.default{
	background-color: #eee;
	}
.large{
	background-color: #eee;
	}
.h_top_wrp .h_font_size_wrp{}
.h_top_wrp .h_color_wrp{}

.h_top_wrp .h_font_size_wrp p,
.h_top_wrp .h_color_wrp p{
	margin-bottom:2px;
}

.h_top_wrp .h_color_wrp ul{}
.h_top_wrp .h_font_size_wrp ul{}

.h_top_wrp .h_font_size_wrp ul li a,
.h_top_wrp .h_color_wrp ul li a{
	padding: 3px 0px;
	width: 45px;
	display: block;
	text-decoration: none;
}

.h_top_wrp .h_contact_wrp{
	margin-top: 20px;
	border: 1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 51%, #cfebcd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 51%,#cfebcd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 51%,#cfebcd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfebcd',GradientType=0 ); /* IE6-9 */
}
.h_top_wrp .h_contact_wrp p{ }
.h_top_wrp .h_contact_wrp p a{
	font-size: 0.9em;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	display: block;
	padding: 5px 10px;
}

.h_nav_wrp{
	background-color: #00A921;
}
.h_nav_wrp ul{
	width: 100%;
	display: table;
}
.h_nav_wrp ul li{
	display: table-cell;
	width: 12.5%;
}
.h_nav_wrp ul li a{
	display: block;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
	margin: 4px 1px 2px;
	padding-bottom: 8px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
	background: #4ba722; /* Old browsers */
	background: -moz-linear-gradient(top,  #008F1D 0%, #00A421 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #008F1D 0%, #00A421 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #008F1D 0%, #00A421 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008F1D', endColorstr='#00A421',GradientType=0 ); /* IE6-9 */
}
.h_nav_wrp ul li a:hover{
	color: #ccc;
	background-color: #D8D8B1;
	}

.h_nav_wrp ul li a span{
	display: block;
	padding: 13px 0px 25px 0px;
	background-image: url("../images/h_nav_btn_bg.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	line-height:110%;
}

.h_search_link_wrp{
	background-image: url("../images/h_accessibility_bg.gif");
	background-position: center bottom;
	background-repeat: repeat-x;
	background-color: #f7efaf;
	min-height: 113px;
}
.h_search_link_wrp .inner{
	position: relative;
}
.h_search_link_wrp .mascot_wrp{
	position: absolute;
	top: -120px;
	left: 10px;
}

.h_search_link_wrp .h_search_wrp{
	float: left;
	margin-top: 20px;
	margin-left: 200px;
	margin-right: 10px;
	padding-right: 10px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d7d5d2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d7d5d2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#d7d5d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d5d2',GradientType=0 ); /* IE6-9 */
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 2px 1px;
}
.h_search_link_wrp .h_search_wrp #keyword{
	height: 32px;
	width: 250px;
	margin-right: 5px;
}
.h_search_link_wrp .h_search_wrp td{ vertical-align: middle; }
.h_search_link_wrp .h_link_wrp{
	float: left;
	margin-top: 26px;
}
.h_search_link_wrp .h_link_wrp span{
	display: block;
}
.h_search_link_wrp .h_link_wrp ul{
	display: table;
	margin-left: 10px;
}
.h_search_link_wrp .h_link_wrp ul li{
	display: table-cell;
	text-align: center;
	padding: 2px;
}
.h_search_link_wrp .h_link_wrp ul li a{
	text-decoration: none;
	color: #000;
	font-weight: bold;
	display: block;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 51%, #cfebcd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 51%,#cfebcd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 51%,#cfebcd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfebcd',GradientType=0 ); /* IE6-9 */
	font-size:90%;
}
.h_search_link_wrp .h_link_wrp ul li span{ display: block; }

/* Contents
================================================== */

/* top bnr (bxslider) */
.top_bnr_wrp{
	background-color: #eeeeee;
	margin-top: 10px;
	margin-bottom: 20px;
}
.top_bnr_wrp .top_bnr_inner{
	padding-top: 20px;
	padding-bottom: 1px;
	margin-left: 43px;
	margin-right: 43px;
}
.top_bnr_wrp .bx-wrapper .bx-viewport{
	background-color: transparent;
	border: none;
	left: 0;
}
.top_bnr_wrp .bx-wrapper{ margin-bottom: 20px; }
.top_bnr_wrp .bx-wrapper .bx-pager,
.top_bnr_wrp .bx-wrapper .bx-controls-auto{ bottom: -22px; }
.top_bnr_wrp .bx-wrapper .bx-prev{ left: -35px; }
.top_bnr_wrp .bx-wrapper .bx-next{ right: -35px; }

/* update, news, event tab */

.info_wrp{ margin-bottom: 40px; }
.info_wrp ul.tab{
	display: table;
	width: 100%;
}
.info_wrp ul.tab li{
	display: table-cell;
	padding: 0 10px 0 10px;
	text-align: center;
	width: 30%;
}
.info_wrp ul.tab li a{
	text-decoration: none;
	font-weight: bold;
	color: #000;
	background-color: #f7efaf;
	display: block;
	padding: 7px 10px 0px;
	/* 水平方向の 左上、右上、右下、左下 / 垂直方向の 左上、右上、右下、左下 */
	-webkit-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}
.info_wrp ul.tab li.selected a{
	background-color: #E06100;
	color: #fff;
}
#content .info_wrp ul.tab li a:hover{
	background-color: #E06100;
	color: #fff;
}
.info_wrp ul.tab li a img{ margin-right: 5px; }
.info_list_wrp{
	border: 7px solid #E06100;
	padding: 30px;
	background-image: url("../images/h_accessibility_bg.gif");
	background-position: center bottom;
	background-repeat: repeat-x;
}
.info_list_wrp .news_wrp,
.info_list_wrp .event_wrp{
	display: none;
}
.info_list_wrp .update_wrp{}
.info_list_wrp ul li{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
	margin-bottom: 12px;
}
.info_list_wrp ul li span{}

.info_list_wrp ul li span.cate,
.info_list_wrp ul li span.date,
.info_list_wrp ul li span.title{
		display:block;
		float:left;

}
.info_list_wrp ul li span.cate{
	width: 74px;
	height:30px;
	margin-right: 5px;
	text-align: center;
	line-height:115%;
}
.info_list_wrp ul li span.news{
			background-image: url(../images/la-news.png);
	background-repeat:no-repeat;
	background-position:left center;

}
.info_list_wrp ul li span.boshuu{
			background-image: url(../images/la-boshuu.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.info_list_wrp ul li span.date{
	padding-top: 2px;
	width: 74px;
	font-size: 80%;
		margin-right: 5px;

}
.info_list_wrp ul li span.title{
		font-weight:bold;
	width: 500px;

}

p.list_btn{
	text-align: right;
	margin: 10px 10px 0px 10px;
}
p.list_btn a{
	padding: 10px;
	padding-left:30px;
	font-size: 90%;
	background-image: url(../images/pul01.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#warn{
	background-color: #730F0C;
	color:#fff;
	font-size:130%;
	padding:30px;
	}
#warn ul li{
	margin: 10px;
}
#warn a{
	color: #fff;
	text-decoration: none;
}
#warn a:hover{
	text-decoration: underline;
}

/* pickup */

.pickup_wrp{
	background-color: #EEFFD7;
	padding: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
}
.pickup_wrp h2{
	padding: 0px;
}
.pickup_wrp ul{}
.pickup_wrp ul li{
	background-color:#D4ECB5;
	padding: 15px;
margin-bottom: 15px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.pickup_wrp ul li span{ display: block; }
.pickup_wrp ul li span.thumb{ float: left; }
.pickup_wrp ul li span.text_wrp{ margin-left: 170px; }
.pickup_wrp ul li span.text_wrp .title{
	margin-bottom:10px;
		margin-top:5px;
		font-weight:bold;

	}
.pickup_wrp ul li span.text_wrp .description{}

@media screen and (max-width: 768px) {

.pickup_wrp{
	background-color: #f1f6e3;
	padding: 20px;
	margin-bottom: 20px;
}
.pickup_wrp h2{
	border-bottom: 1px dashed #ccc;
	padding: 0px 10px 10px 10px;
	margin-bottom: 5px;
	margin-top:-40px;
}
.pickup_wrp ul{}
.pickup_wrp ul li{
	border-bottom: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 5px;
}
.pickup_wrp ul li span{ display: block; }
.pickup_wrp ul li span.thumb{ float:none;text-align:center; }
.pickup_wrp ul li span.text_wrp{ margin-left: 0px; }
.pickup_wrp ul li span.text_wrp .title{
	margin-bottom:10px;
		margin-top:10px;

	}
.pickup_wrp ul li span.text_wrp .description{}




}


/* life guideline */
.life_guideline_wrp{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fff), color-stop(0.66, #DEEDFD));
background: -webkit-linear-gradient(top, #DEEDFD 66%, #fff 88%);
background: -moz-linear-gradient(top, #DEEDFD 66%, #fff 88%);
background: -o-linear-gradient(top, #DEEDFD 66%, #fff 88%);
background: -ms-linear-gradient(top, #DEEDFD 66%, #fff 88%);
background: linear-gradient(to bottom, #DEEDFD 66%, #fff 88%);

}
.life_guideline_wrp h2{
	margin: 0;

}

/* needs */
.life_needs_wrp{
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.life_needs_wrp h3{
	color: #0E5F82;
	font-size: 135%;
	margin: 10px 0 5px 0px;
	padding: 10px 0 0px 0px;
		background:none;
}
.contentBody .life_needs_wrp h3{
	margin: 0 ;
	padding: 10px 0px 5px 0px;
	border-bottom:none;
			background:none;
}
.life_needs_wrp h3 a{
	color: #0E5F82;
	text-decoration:none;
}

.life_needs_list_wrp{
	padding: 20px 20px 5px 20px;
	border-top: 3px solid #B7DCF1;
}
.life_needs_list_wrp ul{
	float: left;
	width: 25%;
}
.contentBody .life_needs_list_wrp ul{
	list-style-type: none;
	padding-left: 0em;
	margin: 1em 0px;

	}

.life_needs_list_wrp ul li{ margin-bottom: 15px; }
.life_needs_list_wrp ul li a{
	color: #285f80;
	font-weight: bold;
}
.life_needs_list_wrp ul li span{ display: block; }
.life_needs_list_wrp ul li span.thumb,
.life_needs_list_wrp ul li span.title{
	float: left;
	width: 40%;
}
.life_needs_list_wrp ul li span.title{
	text-align: center;
	padding: 5px;
	width: 40%;
	font-size:90%;
}

/* fushime */
.life_fushime_wrp{
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.life_fushime_wrp h3{
	color: #DB5155;
	font-size: 135%;
	margin: 0px 0 5px 0px;
	padding: 10px 0 0px 0px;
		background:none;

}
.contentBody .life_fushime_wrp h3{
	margin: 0 0 5px 0px;
	padding: 10px 0 0px 0px;
	border-bottom:none;
			background:none;

}

.life_fushime_wrp h3 a{
	color: #cb5f5e;
	text-decoration:none;
}

.life_fushime_list_wrp{
	padding: 20px 10px 0px 10px;
	border-top: 3px solid #E6C5C5;
}
.life_fushime_list_wrp ul{
	display: table;
	width: 100%;
}
.contentBody .life_fushime_list_wrp ul{
	list-style-type: none;
	padding-left: 0em;
	margin: 1em 0px;
	display: table;
	}

.life_fushime_list_wrp ul li{ display: table-cell; }
.life_fushime_list_wrp ul li a{
	color: #cb5f5e;
	font-weight: bold;
	text-decoration: none;
}
.life_fushime_list_wrp ul li span{
	display: block;
	text-align: center;
}
.life_fushime_list_wrp ul li span.title{
	font-size:90%;
	padding: 5px;
}

/* SideMenu
================================================== */

.sm_wrp{ margin-bottom: 20px; }

/* if ... */

.if_wrp{}
.if_wrp h2{
	background-image: url("../images/sm_if_bg.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
}
.if_wrp ul{
	border: 1px solid #730f0c;
	padding: 10px;
}
.if_wrp ul li{
}
.if_wrp ul li a{
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 10px 0 10px 40px;
}
.if_wrp ul li a.bousai{ background-image: url("../images/icon02.png"); }
.if_wrp ul li a.kyuubyou{ background-image: url("../images/icon03.png"); }

/* top text_link */

.top_text_link{}
.top_text_link ul{}
.top_text_link ul li{
	text-align: center;
	margin-bottom: 10px;
	background: #008F1D; /* Old browsers */
	border-bottom: double 3px #fff;
}
.top_text_link ul li a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 20px;
	font-weight:bold;
	font-size:105%;

}
.top_text_link ul li span{
	 }

/* top sub_menu */
.sub_menu,
.sub_menu_con{ border: 1px solid #4ba722; }
.sub_menu h2,
.sub_menu_con h2{
	background-color: #2E9600;
	color: #fff;
	background-image: url("../images/sm_title_icon.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 10px 0 10px 40px;
	border-bottom: double 3px #fff;
}
.sub_menu ul,
.sub_menu_con ul{ padding: 10px; }
.sub_menu ul li,
.sub_menu_con ul li{
	background-image: url("../images/icon01.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 20px;
	margin-bottom: 5px;
}

/* top sub_menu if */
.sub_menu-if,
.sub_menu_con-if{ border: 1px solid #730F0C; }
.sub_menu-if h2,
.sub_menu_con-if h2{
	background-color: #730F0C;
	color: #fff;
	background-image: url("../images/if.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 10px 0 10px 40px;
	border-bottom: double 3px #fff;
}
.sub_menu-if ul,
.sub_menu_con-if ul{ padding: 10px; }
.sub_menu-if ul li,
.sub_menu_con-if ul li{
	background-image: url("../images/check-red.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 20px;
	margin-bottom: 5px;
}

/* top sub_menu */

.population_wrp{
	border: 1px solid #4ba722;
	background-image: url("../images/sm_map_bg.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
}
.population_wrp h2{
	background-color: #4ba722;
	color: #fff;
	background-image: url("../images/sm_title_icon.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 10px 0 10px 40px;
	font-size:115%;
	border-bottom: double 3px #fff;
}
.population_wrp img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}

.population_wrp p.update{ 	width:95%;
	margin:10px auto;
	font-size: 90%; }
.population{
	width:95%;
	margin:0px auto;
	font-size: 90%;  }
.population th{
	margin:0px;
	padding:0px;
	width: 55px;
	float: left;
	color: #4BA722;
	font-weight: bold;
}
.population td{

	width: 125px;
	float: left;}

.population_wrp ul{ padding: 10px; }
.population_wrp  ul li{
	background-image: url("../images/white_alpha_bg.png");
	background-repeat: repeat;
	margin-bottom: 5px;
	padding: 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.population_wrp  ul li a{
	display: block;
	background-image: url("../images/icon01.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 20px;
}


/* sm_bnr_wrp */

.sm_bnr_wrp{}
.sm_bnr_wrp ul{}
.sm_bnr_wrp ul li{
	text-align: center;
		margin-bottom: 15px;
		border: 1px solid #4ba722;
		padding:3px 1px 3px 1px;

}
.sm_bnr_wrp ul li img{
	width:99%;

}

/* sm_bnr_wrp */

.media_link_wrp{}
.media_link_wrp ul{}
.media_link_wrp ul li{
	border: 1px solid #4ba722;
	padding: 5px;
	margin-bottom: 8px;
}
.media_link_wrp ul li span{ display: block}
.media_link_wrp ul li span.thumb{
	float: left;
}
.media_link_wrp ul li span.title{
	padding-top: 4px;
	margin-left: 60px;
	font-size: 80%;
	letter-spacing:-1px;
}
.media_link_wrp ul li a{ text-decoration: none; }


/* Footer
================================================== */

/* f_bnr */
.f_bnr_wrp{
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.f_bnr_wrp ul{
	width: 100%;
}
.f_bnr_wrp ul li{
	width: 18%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

/* f_link */
.f_link_wrp{ margin-bottom: 20px; }
.f_link_wrp ul{ display: table; 		border-left: 1px solid #ccc; text-align:center;
}
.f_link_wrp ul li{
	display: table-cell;
	border-right: 1px solid #ccc;
	padding: 0px 25px;
}
f_link_wrp li:first-child{
}

/* f_info */
.f_info_wrp{ margin-left: 5px; }
.f_info_wrp .f_info_top{ margin-bottom: 10px; }
.f_info_wrp .f_info_top h2{
	background-image: url("../images/f_logo.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding: 20px 10px 15px 65px;
	font-size: 1.3em;
	float: left;
		line-height:90%;

}
.f_info_wrp .f_info_top .f_address{
	margin-left: 200px;
	padding-top: 25px;
}
.f_info_wrp .f_info_top .f_address span{
	margin-right: 10px;
}

.f_info_wrp .f_work_hour{
	 margin-bottom: 10px;
		font-size:80%;
}

.f_info_wrp .f_work_hour h3{
	float: left;
	border: 1px solid #ccc;
	padding: 10px;

}
.f_info_wrp .f_work_hour span{ display: block; }
.f_info_wrp .f_work_hour p{ margin-left: 95px; }
.f_info_wrp .f_copy{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:80%;
}


/* Responsive
================================================== */
@media screen and (max-width: 768px) {
	#container{ font-size: 80%; }
	.inner{ width: 100%; }
	#top_main{ width: 78%; }
	#sidemenu{ width: 20%; }
	.h_top_wrp .logo{
		float: none;
		margin: 15px auto 15px 0px;
		width:80%;
	}
	.h_top_wrp .h_accessibility_wrp{
		float: none;
		margin: 10px auto 10px 20px;
	}
	.h_search_link_wrp .mascot_wrp{ display: none; }
	.h_search_link_wrp .h_search_wrp{
		float: none;
		margin-left: 0px;
		margin-top: 0;
		width: 100%;
	}
	.h_search_link_wrp .h_search_wrp table{ width: 100%; }
	.h_search_link_wrp .h_search_wrp table td{ padding:5px; }
	.h_search_link_wrp .h_search_wrp table td:first-child{ width: 10px; }
	.h_search_link_wrp .h_search_wrp #keyword{
		height: 25px;
		width: 90%;
	}
	.h_search_link_wrp .h_link_wrp{
		float: none;
		margin-top: 10px;
		margin-bottom: 20px;
		width: 100%;
	}
	.h_search_link_wrp .h_link_wrp ul{
		width: 100%;
		margin-top: 0;
		margin-left: 0px;
	}
	.h_search_link_wrp .h_link_wrp ul li{ padding: 5px; }
	.h_search_link_wrp { display: inline;}
	.h_link_wrp ul li span{ display: inline; font-size:80%;line-height:120%;}

	/* nav */
	.h_nav_wrp{
		width: 200px;
		height: 100%;
    overflow-y: scroll;
		position: fixed;
		top: 0;
		right: -200px;
		text-align: left;
		background-image: none;
		background-color: #fff;
		z-index: 999999;
		box-shadow: -1px 0px 3px #ccc;
		-webkit-box-shadow: -1px 0px 3px #ccc;
		-moz-box-shadow: -1px 0px 3px #ccc;
	}
	.h_nav_wrp ul{
		margin: 10px;
		display: block;
	}
	.h_nav_wrp ul.link{ display: block; }
	.h_nav_wrp ul li{
		display: block;
		vertical-align: middle;
		text-align: left;
		width: auto;
	}
	.nav_row ul li a{
		width: auto;
		height: auto;
	}
	.menu_open_wrp{
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
		background-image: url("../images/menu_icon.png");
		background-repeat: no-repeat;
		background-position: center 5px;
		background-color: #000;
		padding-top: 24px;
		padding-left: 3px;
		padding-right: 3px;
		overflow: hidden;
		color: #fff;
		cursor: pointer;
		font-size: 90%;
	}
	.close_btn{
		display: block;
		margin: 5px;
		background-image: url("../images/menu_icon.png");
		background-repeat: no-repeat;
		background-position: center 5px;
		background-color: #000;
		width: 40px;
		text-align: center;
		padding-top: 24px;
		overflow: hidden;
		color: #fff;
		cursor: pointer;
		font-size: 90%;
	}

	.info_list_wrp ul li span.cate{
		width: 80px;
	}
	.info_list_wrp ul li span.date{
		width: 150px;
		/*padding-top: 2px;*/
		/*width: 18%;*/
		/*font-size: 90%;*/
	}
	.info_list_wrp ul li span.title{
		padding-top: 5px;
		width: 100%;
		float: none;
		clear: both;
	}

	.life_guideline_wrp{ background-image: none; }

	/* Footer
  ================================================== */

	/* f_bnr */
	.f_bnr_wrp ul{ display: block; }
	.f_bnr_wrp ul li{
		margin-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}

	/* f_link */
	.f_link_wrp ul{}
	.f_link_wrp ul li{
		border-right: 0px solid #ccc;
		padding: 0px 10px;
	}
	.f_link_wrp ul li a{
	background-image: url("../images/icon01.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 20px;
	}

	/* f_info */
	.f_info_wrp .f_info_top h2{ float: none; }
	.f_info_wrp .f_info_top .f_address{
		margin-left: 5px;
		padding-top: 5px;
	}
	 .f_address span{
display:block;	}

	.f_info_wrp .f_work_hour{ margin-bottom: 10px; }
	.f_info_wrp .f_work_hour h3{
		float: none;
		border: none;
		font-weight: bold;
		padding: 5px;
	}
	.f_info_wrp .f_work_hour span{ display: block; }
	.f_info_wrp .f_work_hour p{ margin-left: 5px; }

	.f_info_wrp .f_copy{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 639px) {
	#container{ font-size: 100%; }
	#top_main{
		width: 100%;
		float: none;
	}
	#sidemenu{
		width: 100%;
		float: none;
	}
	.h_accessibility_wrp{ display: none; }
	.info_wrp ul.tab li{
		font-size: 70%;
		padding: 0 5px 0 5px;
	}
	.info_wrp ul.tab li a{ padding: 5px 5px 3px; }
	.info_wrp ul.tab li a img{ display: none; }
	.top_text_link ul li span{display: inline;}
	.population_wrp{ background-image: none; }
	.media_link_wrp ul li span span{ display: inline}

	.f_link_wrp ul li{
		display: block;
		border-right: none;
		padding: 0px 10px;
	}

}
@media screen and (max-width: 480px) {
	/* くらいしのニーズ */
	.life_needs_list_wrp ul{
		float: none;
		width: 100%;
	}
	.life_needs_list_wrp ul li{
		width: 32%;
		float: left;
	}
	.life_needs_list_wrp ul li a{}
	.life_needs_list_wrp ul li span.thumb,
	.life_needs_list_wrp ul li span.title{
		float: none;
		width: 100%;
		text-align: center;
	}
	.life_needs_list_wrp ul li span.title{
		width: 100%;
		padding: 5px 0 5px 0;
	}

	/* 節目 */
	.life_fushime_list_wrp ul{
		width: 100%;
		display: block;
	}
	.life_fushime_list_wrp ul li{
		display: block;
		float: left;
		margin-left: 10px;
	}

	.f_bnr_wrp ul li{
		display: block;
		text-align: center;
		width: 45%;
		float: left;
	}
	.f_link_wrp ul{ display: block; }


}
.cnum{
	font-size:60%;
	margin-bottom:20px;
	font-weight:lighter;
	text-align:center;
	}