@charset "utf-8";



/* タブレット (959px以下)----------- */
@media only screen and (max-width:960px){
/*画像リンクにアルファ*/
	a:hover img{
		filter: Alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	
	#header .honyaku,
	#font_size,
	#gmenu ul li:first-child{
			display: none;
			}
	body	{
			font-size: 110%;
			}
	#toolbar_in {
			width: 700px;
			margin-bottom: 10px;
			}
	ul.useset {
			float: left;
			}
	#header	{
			width: 700px;
			background-position: right bottom;
			}
	.gmenu ul{
			width: 700px;
			}
	.gmenu ul li a,
	.gmenu ul li:first-child a {
			width: 139px;
			}
	.gmenu ul li a span {
			font-size: 80%;
			padding: 10px 0 8px 10px;
			background-position: 5px center;
			background-size: 20px 20px;
			}
	#bg		{
			background-image: url("../all_img/org/bg_tab.jpg");
			}
	#bg_in	{
			width:auto;
			}
	#wrap_in	{
			width: 700px;
			}
	#unit_a	{
			width: 460px;
			float: left;
			}
	#unit_b	{
			width: 220px;
			float: right;
			}
	.toppage #unit_a{
			}
	.toppage #unit_b{
			width: 460px;
			}
	.link_banner p:nth-of-type(4n){
			padding-right: 20px;
			behavior: url('../pie/PIE.htc');
			}
	.link_banner p:nth-of-type(3n){
			padding-right: 0;
			behavior: url('../pie/PIE.htc');
			}
	#finfo_02{
			width: 439px;
			float: right;
			}
	#finfo_03{
			width: 700px;
			border: none;
			clear: both;
			}
	#news_topics dl dt a img{
		width: auto;
		float: none;
		margin: 0 12px 5px 5px;
		}
	#news_topics dl dt .time{
			float: none;
			width: auto;
			}
	#news_topics dl dt .topictitle{
			float: none;
			width: auto;
			}
	.contents_0 p{
			margin: 0;
			padding: 0;
			}
	.toppage #unit_b .contents_3{
			width: 340px;
			margin: 0 auto; 
			}
	.toppage #unit_b_1,
	.toppage #unit_b_2 {
			float: none;
			width: 460px;
			}
	.toppage #unit_b .contents_5{
			width: 460px;
			}
	.toppage #unit_b .contents_5 p{
			width: 220px;
			float: left;
			margin-right: 10px;
			}
	#ad_banner {
			  width: 100%;
			}
	#ad_banner p img {
			margin-bottom: 10px; 
			}

	#fix_banner {
		width: 700px;
	}
	#footer_in {
		    width: 700px;
			}
	#footer_in address,
	#footer_in .banner_5{
			float: none;
			width: 700px;
			}
	/*サブページ*/
	th,td	{
			width: auto !important;
			min-width: 4em;
			}
	#unit_a img{
			max-width: 220px !important;
			height: auto !important;
			}
	#unit_b img{
			max-width: 460px !important;
			height: auto !important;
			}
	#googole_map_api_wrap #gm-draw{
			width: 450px !important;
			}
	.photo_gallery .photo:nth-of-type(3n+1){
			clear: none;
			float: left;
			behavior: url('../pie/PIE.htc');
			}
	.photo_gallery .photo:nth-of-type(2n+1){
			clear: both;
			behavior: url('../pie/PIE.htc');
			}
	#kinkyu	{
			width: 698px;
			}
	.mail_form .form_label{
			width: 137px;
			}
	.mail_form .form_input{
			width: 300px;
			}
	.mail_form .form_input textarea{
			width: 290px;
			}
	.mail_form .form_button input{
			margin: 0 0 10px 150px;
			}
	.index .indexgroup {
			width: 100%;
			float: none;
			margin: 0;
			}
	/*観光*/
	.kankotop #header {
			background-size: 700px auto; 
			height: 356px;
			width: 700px;
			}
	.kakomi {
			margin-left: 10px;
			width: 202px;
			}
	.kakomi p img{
			max-width: 202px!important;
			height: auto!important;
			}
	/*市長*/
	.shicho p img{
			max-width: 700px!important;
			height: auto!important;
			margin-bottom: 30px;
			}
	.shicho #unit_a {
			width: 220px;
			}
	.shicho #unit_a img {
			height: auto !important;
			max-width: 100px !important;
			}
	.shicho #unit_b {
			width: 460px;
			}
	/*議会*/
	.gikai_top #unit_a{
		width: 700px;
	}
	
	#nivoslider img{
		width: 460px;
		height: auto !important;
	}
}

/* スマホ----------- */
@media only screen and (max-width:700px){
	
	/*スマホのみ表示しない*/
	#toolbar .sellang,
	#toolbar .useset,
	#life_event,
	.rss,
	.index,
	.banner_5,
	#news_topics dl dt a img{
			display: none;
			}
	/*スマホのみ表示する*/
	#toolbar_in{
		width: 292px;
	}
	#toolbar_in p{
		margin: 0;
	}
	#serch_menu{
			display: block;
			}
	body	{
			font-size: 115%;
			}
	h1,h2,h3,h4,h5,h6{
			font-size: 100%;
			}
	table	{
			width: 296px!important;
			}
	th,td	{
			display: block;
			width: 292px !important;
			}
	ul, ol	{
			list-style: outside none disc;
			margin: 0 0 15px 1em;
			}
	#unit_a img{
			max-width: 300px !important;
			height: auto !important;
			}
	#unit_b img {
			height: auto !important;
			max-width: 300px !important;
			}
	#bg		{
			background-image: none;
			}
	#header	{
			width: 310px;
			background-image: none;
			}
	#header #siteid{
			margin: 0 auto 10px;
			float: none;
			}
	.gmenu	{
			border: none;
			background: none;
			margin: 0 auto 20px;
			border: 1px solid #999999;
			background-color: #f5f4f2;
			border-radius: 5px;/* CSS3草案 */
			-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
			-moz-border-radius: 5px;/* Firefox用 */
			behavior: url('../pie/PIE.htc');
			width: 302px;
			}
	.gmenu ul{
			margin: 0;
			padding: 0;
			width: 302px;
			}
	.gmenu ul li{
			clear: both;
			float: none;
			padding: 0;
			margin: 0;
			border-bottom: 1px dashed #999999;
			display: block;
			width: 300px;
			}
	.gmenu ul li:first-child{
			display: none;
			}
	.kakomitop .gmenu ul li:first-child{
			display: block;
			}
	.gmenu ul li:last-child{
			border-bottom-width: 0px;
			}
	.gmenu ul li a{
			width: 282px;
			height: auto;
			float: none;
			margin: 0;
			padding: 8px 10px 8px 10px;
			border-left: none;
			background-color: transparent;
			font-size: 110%;
			}
	.gmenu ul li a span {
			width: 282px;
			background-position: left center;
			background-size: 25px 25px;
			font-size: 80%;
			padding: 0;
			margin: 0;
			}
	.gmenu ul li a:hover{
			color: #ff0000;
			}
	#bg_in	{
			}
	#wrap_in{
			width: 320px;
			padding: 0;
			}
	#unit_a,
	.toppage #unit_a,
	#unit_a_1,
	#unit_a_2,
	#unit_b,
	.toppage #unit_b,
	#unit_b_1,
	#unit_b_2,
	#unit_b_1_1,
	#unit_b_1_2,
	.toppage #unit_b_1,
	.toppage #unit_b_2,
	.toppage #unit_b .contents_3,
	.contents_0,
	.toppage #unit_b .contents_5,
	#ad_banner,
	#footer_in,
	#footer_in address,
	#footer_in .banner_5,
	.kankotop #unit_a,
	.kankotop #unit_b,
	#pankuzu{
			float: none;
			width: 300px;
			margin: 0 auto 10px;
			}
	#unit_a #top_img img{
			width: 300px;
			height: auto;
			}
	#unit_a_2,
	#unit_b	{
			text-align: center;
			}
	.toppage #unit_b ul li,
	.toppage #unit_b h2{
			text-align:left;
			background-image: none;
			}
	.bo_type01{
			text-align: left;
			}
	.toppage .contents_1 p a{
			display: block;
			width: 220px;
			margin: 0 auto 10px;
			}
	#life_event ul li a img,
	#life_event ul li a br{
			display: none;
			}
	#life_event,
	#serch_menu,
	.waku_01,
	.menu_5,
	#unit_b .menu_2{
			border: 1px solid #bbbbbb;
			padding: 1px;
			border-radius: 5px;/* CSS3草案 */  
			-webkit-border-radius: 5px;/* Safari,Google Chrome用 */  
			-moz-border-radius: 5px;/* Firefox用 */
			behavior: url('../pie/PIE.htc');
			margin-bottom: 10px;
			}
	.waku_01 h2{
			margin: 0;
			}
	#serch_menu ul{
			margin: 0;
			padding: 0;
			}
	#life_event ul li,
	#serch_menu ul li,
	.waku_01 ul li,
	.menu_5 ul li,
	#unit_b .menu_2 p,
	#unit_b .menu_2 ul li{
			display: block;
			float: none;
			border-bottom: 1px solid #bbbbbb;
			margin: 0;
			padding: 0;
			}
	#life_event ul li a{
			font-size: 120%;
			}
	#life_event ul li a,
	#serch_menu ul li a,
	.waku_01 ul li a,
	.menu_5 ul li a,
	#unit_b .menu_2 p a,
	#unit_b .menu_2 ul li a{
			clear: both;
			float: none;
			display: block;
			width: 267px;
			margin: 0;
			padding: 10px 20px 10px 10px;
			background: none;
			background-image: url("../all_img/org/li_04.gif");
			background-repeat: no-repeat;
			background-position: right center;
			border: none;
			text-align: left;
			color: #0033ff;
			}
	#life_event ul li a:hover,
	#serch_menu ul li a:hover,
	.waku_01 ul li a:hover,
	.menu_5 ul li a:hover,
	#unit_b .menu_2 p a:hover,
	#unit_b .menu_2 ul li a:hover{
			color: #ff0000;
			}
	#life_event ul li:nth-last-of-type(1),
	#serch_menu ul li:nth-last-of-type(1),
	.waku_01 ul li:nth-last-of-type(1),
	.menu_5 ul li:nth-last-of-type(1),
	#unit_b .menu_2 ul li:nth-last-of-type(1){
			border: none;
			behavior: url('../pie/PIE.htc');
			}
	.link_banner p{
			float: none;
			padding-right: 0;
			text-align: center;
			}
	.link_banner p:nth-of-type(4n){
			padding-right: 0;
			behavior: url('../pie/PIE.htc');
			}
	#finfo_01,
	#finfo_02,
	#finfo_03{
			width: 310px;
			border: none;
			float: none;
			padding: 10px 0;
			}
	#finfo_02,
	#finfo_03{
			border-top: 1px solid #bbbbbb;
			}	
	#news_topics div .go_list{
			position: static;
			padding: 10px 5px 0 5px;
			}
	#news_topics div .go_list a{
			width: 290px;
			text-align: center;
			font-size: 100%;
			}
	#news_topics dl dt .time{
			float: none;
			width: auto;
			}
	#news_topics dl dt .topictitle{
			float: none;
			width: auto;
			}
	.tabs ul li a {
			width: 99px;
			font-size: 70%;
			}

	#googole_map_api_wrap #gm-draw{
			width: 300px !important;
			height: 200px !important;
			}
	.photo_gallery .photo{
			clear: both;
			padding: 10px 0;
			width: 300px;
			border-top-width: 1px;
			}
	.photo_gallery .photo .picture{
			width: 80px;
			height: 80px;
			margin-right: 10px;
			float: left;
			}
	.photo_gallery .photo .picture img{
			height: 80px !important;
			width: auto !important;
			}
	.photo_gallery .photo h5{
			background-color: transparent;
			font-weight: normal;
			font-size: 90%;
			text-align: left;
			}
	#kinkyu	{
			width: 308px;
			}
	.mail_form{
			border: 1px solid #bbbbbb;
			padding: 4px;
			}
	.mail_form .form_label,
	.mail_form .form_input{
			float: none;
			margin: 0;
			padding: 3px;
			width: 294px;
			border: none;
			}
	.mail_form .form_label{
			border-top: 1px solid #bbbbbb;
			background-color: #EBE0EB;
			}
	.mail_form .form_input input[type=text]{
			width: 284px;
			}
	.mail_form .form_input textarea{
			width: 284px;
			}
	.mail_form .form_button input{
			margin: 0 0 10px 67px;
			}
	.calendar .cbpay,
	.calendar .cbpry{
			display: none;
			}
	.calendar .control_u {
			margin-bottom: 10px;
			text-align: center;
			}
	.calendar_1 th{
			width: auto;
			background-color: #00;
			}
	.calendar_1 .cal_num span{
			display: inline;
			}
	.calendar_1 .cal_num:hover span {
			display: inline;  
			position: relative;
			float: none;
			white-space: nowrap;
			top: auto;
			left: auto;
			background-color: transparent;
			color: #f00;
			padding: 0;
			z-index: 10;
			font-size: 100%;
			border: none;
			}
	.img_l,.img_r{
			margin: 0 auto 10px;
			float: none;
			}
	#life_e th, #life_e td {
			display: block;
			width: 140px !important;
			float: left;
			}
	.toppage #unit_b .contents_5 p {
			float: none;
			margin: 0 auto 10px;
			}
	.toppage #unit_a .banner_2{
		text-align: center;
	}
	.toppage #unit_a .iza h2{
		background-image: none;
	}
	.toppage #unit_a .lanking h2{
		background-image: none;
	}
	.kankotop #header {
			background-size: 300px auto;
			height: 130px;
			width: 300px;
			}
	.kakomi {
			margin-left: 10px;
			width: 278px;
			float:none;
			margin:5px auto 5px;
			}
	.kakomi p img {
			height: auto !important;
			max-width: 270px !important;
			}
	/*市長*/
	.shicho p img{
			max-width: 300px!important;
			height: auto!important;
			margin-bottom: 10px;
			}
	.shicho #unit_a,
	.shicho #unit_b{
			width: 300px;
			float: none;
			}
	.shicho td {
			display: inline;
			width: 135px !important;
			margin: 0;
			padding: 0;
			}
	.shicho td a {
			display: block;
			width: 135px !important;
			float: left !important;
			margin: 0 10px 10px 0;
			padding: 0;
			}
	.shicho #unit_a img {
			height: auto !important;
			max-width: 135px !important;
			}
	.shicho p img {
			margin-bottom: 0;
			}

	#fix_banner {
		width: 300px;
	}
	/*緊急防災情報*/
	#emergency{
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		padding: 0px;
		width: 300px;
	}

	#navi_emergency{
		margin: 0px;
		padding: 0px;
	}
	#topcontents_main{
		margin: 0px;
		padding: 0px;
	}

	#emergency_info {

	}
	#emergency_info h2 {
		margin: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#autoweb_emergency {
		height: 100px;
		width: 288px;
		overflow: auto;
		padding-top: 7px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding: 5px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-color: #f8bfc3;
		border-bottom-color: #f8bfc3;
		border-left-color: #f8bfc3;
		margin: 0px;
		margin-bottom: 15px;
	}
	/*議会*/
	.gikai #header #siteid h1,
	.gikai #header #siteid p a{
			background-size: 240px auto !important;
			height: 80px !important;
			width: 240px !important;
			}
	.gikai .gmenu ul li a{
		background-image: none;
		background-color: #0084c8;
	}
	.gikai p img{
			max-width: 300px !important;
			height: auto !important;
			margin-bottom: 10px;
			}
	.gikai #unit_a,
	.gikai #unit_b{
			width: 300px;
			float: none;
			}
	.gikai #unit_b_1 #news_topics,
	.gikai #unit_b_1 .contents_2{
			width: 300px;
			padding: 0;
	}
	.gikai td {
			display: inline;
			width: 135px !important;
			margin: 0;
			padding: 0;
			}
	.gikai td a {
			display: block;
			width: 135px !important;
			float: left !important;
			margin: 0 10px 10px 0;
			padding: 0;
			}
	.gikai #unit_a img {
			height: auto !important;
			max-width: 135px !important;
			}
	.gikai p img {
			margin-bottom: 0;
			}
	.gikai #news_topics li{
		text-align: left;
		margin-left: 10px;
	}
	.gikai .topictitle{
			display: block;
	}
	.gikai #unit_b_2{
		width: 300px;
		text-align: center;
	}

	
	#nivoslider img{
		width: 310px;
		height: auto !important;
	}
}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	
	
}