@charset "UTF-8";

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

玉野市公式サイト

スマートフォン用CSS

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

.sphidden {
	display: none;
}

.innercont {
	width: 100%;
	margin: 0px auto;
}

.innercont:after {  
 visibility : hidden ;  
 display : block ;  
 font-size : 0 ;  
 content : " " ;  
 clear : both ;  
 height : 0 ;  
 }  
* html .innercont             { zoom : 1 ; } /* IE6 */  
*:first-child+html .innercont { zoom : 1 ; } /* IE7 */  

.morelist {
	margin-top: 20px;
	text-align: right;
}

a.graybtn {
	background: #eee none;
	color: #069;
	font-size: 75%;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

a.graybtn:hover {
	background: #ddd none;
	color: #069!important;
}

a.navybtn {
	background: #069 none;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

a.navybtn:hover {
	background: #09c none;
	color: #fff!important;
}

a.alpha img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a.alpha:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


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

	ヘッダー

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

/* ===== 外観の変更 ===== */

#appearance {
	display: none;
}

/* ===== ロゴ/検索 ===== */

div.header #mainheader,
header #mainheader {
	width: 100%;
	padding: 0px 0px;
	margin: 0px auto;
}

div.header #mainheader h1,
header #mainheader h1 {
	width: 105px;
	height: 35px;
	margin-top: 2px;
	float: left;
}

div.header #mainheader h1 a img,
header #mainheader h1 a img {
	width: 105px;
	height: 35px;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

div.header #mainheader h1 a:hover img,
header #mainheader h1 a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

div.header #searchbox,
header #searchbox {
	float: right;
}

div.header #searchbox form,
header #searchbox form {
	display: block;
	width: 240px;
}
div.header #searchbox form input[type="text"],
header #searchbox form input[type="text"] {
	width: 190px;
	border : 1px solid #ccc ;
	padding : 3px ;
	margin-right: 5px;
	font-size: 12px;
	font-family : Verdana,Arial,Helvetica,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif!important ;
 }
div.header #searchbox #submenu,
header #searchbox #submenu {
	list-style: none;
}

div.header #searchbox #submenu li,
header #searchbox #submenu li {
	width: 80px;
	height: 37px;
	border-left: 1px solid #ccc;
	float: left;
}

div.header #searchbox #submenu li a,
header #searchbox #submenu li a {
	display: table-cell;
	width: 69px;
	height: 27px;
	background: #fff url("../img/img_btn_bluearrow.png") 95% 50% no-repeat;
	background-size: 6px;
	color: #666;
	font-size: 10px;
	letter-spacing: 0px!important;
	line-height: 100%;
	text-decoration: none;
	padding: 5px;
	vertical-align: middle;
}

div.header #searchbox #submenu li a:hover,
header #searchbox #submenu li a:hover {
	color: #333;
}


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

	ナビゲーション

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

div.nav,
nav {
	width: 100%;
	border-top: 1px solid #666;
	background-image: url("../img/img_globalnavi_bg.png");
	background-repeat: repeat-x;
}

.kurashinavi, .kankounavi, .gyouseinavi, .jigyoushanavi, .commonnavi {
	display: none;
}

/* ===== 各カテゴリの色 ===== */

/* 暮らし */
div.kurashispnavi,
nav.kurashispnavi {
	background-color: #b0ccf2!important;
}

div.kurashispnavi #localnavi ul li a,
nav.kurashispnavi #localnavi ul li a {
	background: #fff url("../img/img_localnavibtn_kurashi.png") right center no-repeat;
	background-size: 25px;
	color: #690!important;
}

/* 観光 */
div.kankouspnavi,
nav.kankouspnavi {
	background-color: #b0ccf2!important;
}

div.kankouspnavi #localnavi ul li a,
nav.kankouspnavi #localnavi ul li a {
	background: #fff url("../img/img_localnavibtn_kankou.png") right center no-repeat;
	background-size: 25px;
	color: #f30!important;
}

/* 行政 */
div.gyouseispnavi,
nav.gyouseispnavi {
	background-color: #b0ccf2!important;
}

div.gyouseispnavi #localnavi ul li a,
nav.gyouseispnavi #localnavi ul li a {
	background: #fff url("../img/img_localnavibtn_gyousei.png") right center no-repeat;
	background-size: 25px;
	color: #06f!important;
}

/* 事業者 */
div.jigyoushaspnavi,
nav.jigyoushaspnavi {
	background-color: #b0ccf2!important;
}

div.jigyoushaspnavi #localnavi ul li a,
nav.jigyoushaspnavi #localnavi ul li a {
	background: #fff url("../img/img_localnavibtn_jigyousha.png") right center no-repeat;
	background-size: 25px;
	color: #f69!important;
}

/* 共通 */
div.commonspnavi,
nav.commonspnavi {
	background-color: #b0ccf2!important;
}

/* ===== グローバルナビ ===== */

div.nav #globalspnavi,
nav #globalspnavi {
	width: 100%;
	margin: 0px auto;
}

div.nav #globalspnavi ul,
nav #globalspnavi ul {
	list-style: none;
}

div.nav #globalspnavi ul li,
nav #globalspnavi ul li {
	width: 25%;
	height: 64px;
	background-position-x: center;
	background-repeat: repeat-x;
	background-size: 160px;
	float: left;
}

div.nav #globalspnavi ul li a,
nav #globalspnavi ul li a {
	display: block;
	height: 57px;
	border-right: 1px solid #ccc;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat!important;
	background-size: 79px;
}

div.nav #globalspnavi ul li:last-child a,
nav #globalspnavi ul li:last-child a {
	border: 0px none;
}

div.nav #globalspnavi ul li a:hover,
nav #globalspnavi ul li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

div.nav #globalspnavi ul li#spnav-kurashi,
nav #globalspnavi ul li#spnav-kurashi {
	background-image: url("../img/bg_navi_kurashi_sp.png");
}

div.nav #globalspnavi ul li#spnav-kurashi a,
nav #globalspnavi ul li#spnav-kurashi a {
	background-image: url("../img/btn_navi_kurashi_sp.png");
}

div.nav #globalspnavi ul li#spnav-kankou,
nav #globalspnavi ul li#spnav-kankou {
	background-image: url("../img/bg_navi_kankou_sp.png");
} 

div.nav #globalspnavi ul li#spnav-kankou a,
nav #globalspnavi ul li#spnav-kankou a {
	background-image: url("../img/btn_navi_kankou_sp.png");
}

div.nav #globalspnavi ul li#spnav-gyousei,
nav #globalspnavi ul li#spnav-gyousei {
	background-image: url("../img/bg_navi_gyousei_sp.png");
}

div.nav #globalspnavi ul li#spnav-gyousei a,
nav #globalspnavi ul li#spnav-gyousei a {
	background-image: url("../img/btn_navi_gyousei_sp.png");
}

div.nav #globalspnavi ul li#spnav-jigyousha,
nav #globalspnavi ul li#spnav-jigyousha {
	background-image: url("../img/bg_navi_jigyousha_sp.png");
}

div.nav #globalspnavi ul li#spnav-jigyousha a,
nav #globalspnavi ul li#spnav-jigyousha a {
	background-image: url("../img/btn_navi_jigyousha_sp.png");
}

div.nav #globalspnavi ul li a span,
nav #globalspnavi ul li a span {
	display: none;
}

div.kurashispnavi #globalspnavi ul li#spnav-kurashi, 
div.kankouspnavi #globalspnavi ul li#spnav-kankou, 
div.gyouseispnavi #globalspnavi ul li#spnav-gyousei, 
div.jigyoushaspnavi #globalspnavi ul li#spnav-jigyousha,
nav.kurashispnavi #globalspnavi ul li#spnav-kurashi, 
nav.kankouspnavi #globalspnavi ul li#spnav-kankou, 
nav.gyouseispnavi #globalspnavi ul li#spnav-gyousei, 
nav.jigyoushaspnavi #globalspnavi ul li#spnav-jigyousha {
	background-position: center bottom!important;
}

div.kurashispnavi #globalspnavi ul li#spnav-kurashi a, 
div.kankouspnavi #globalspnavi ul li#spnav-kankou a, 
div.gyouseispnavi #globalspnavi ul li#spnav-gyousei a, 
div.jigyoushaspnavi #globalspnavi ul li#spnav-jigyousha a,
nav.kurashispnavi #globalspnavi ul li#spnav-kurashi a, 
nav.kankouspnavi #globalspnavi ul li#spnav-kankou a, 
nav.gyouseispnavi #globalspnavi ul li#spnav-gyousei a, 
nav.jigyoushaspnavi #globalspnavi ul li#spnav-jigyousha a {
	background-position: center bottom!important;
}

/* ===== ローカルナビ ===== */

div.nav #localnavi,
nav #localnavi {
	margin: 0px auto;
	padding: 5px;
}

div.nav #localnavi ul,
nav #localnavi ul {
	list-style: none;
}

div.nav #localnavi ul li,
nav #localnavi ul li {
	margin-bottom: 5px;
}

div.nav #localnavi ul li a,
nav #localnavi ul li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 100%;
	padding: 10px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


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

	トップページスライドショー

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

#kankou-slideshow {
	display: none;
}


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

	ランダム玉野紹介

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

#randamdisplay {
	display: none;
}


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

	パンくずリスト部分

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

#pankuzulist {
	display: none;
}


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

	コンテンツ部分

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

#contcover {
	padding: 30px 5px 60px 5px;
	background: #f1f9ff url("../img/bg_top_contentsbg.png") repeat-x center bottom;
}

#container {
	width: 100%;
	margin: 0px auto;
	position: relative;
}

#container:after {  
 visibility : hidden ;  
 display : block ;  
 font-size : 0 ;  
 content : " " ;  
 clear : both ;  
 height : 0 ;  
 }  
* html #container             { zoom : 1 ; } /* IE6 */  
*:first-child+html #container { zoom : 1 ; } /* IE7 */  

/* ===== カラムわけ ===== */

#twoclm {
	width: 100%;
	margin: 50px auto 0px auto;
}

#twoclm:after {  
 visibility : hidden ;  
 display : block ;  
 font-size : 0 ;  
 content : " " ;  
 clear : both ;  
 height : 0 ;  
 }  
* html #twoclm             { zoom : 1 ; } /* IE6 */  
*:first-child+html #twoclm { zoom : 1 ; } /* IE7 */  

#twoclm-left {
}

#twoclm-right {
	margin-top: 30px;
}

#twoclm-left h3 {
	border-bottom: 2px solid #000;
	padding: 0px 0px 6px 0px;
	margin-bottom: 10px;
	overflow: hidden;
}

/* ===== ピックアップ ===== */

#pickuparticle {
	background: #fff none;
	padding: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 130%;
	text-align: justify;
}

#pickuparticle div {
	padding: 5px;
	vertical-align: middle;
}

/* ===== 注目情報 ===== */

#second-attention {
	padding: 2px 10px 10px 10px;
}

#second-attentionlist {
	list-style: none;
	border-bottom: 1px solid #ccc;
}

#second-attentionlist li {
	line-height: 130%;
	margin-bottom: 1px;
	padding-left: 15px;
	background: transparent url("../img/icon_attention_list.png") 0px 7px no-repeat;
	background-size: 12px;
	font-size: 75%;
}

#second-attentionlist li a {
	display: block;
	padding: 5px 10px 5px 5px;
}

#second-attentionlist li a span.item {
	display: table-cell;
	text-align: justify;
}

#second-attentionlist li img {
	margin: 0px 5px;
	vertical-align: middle;
}

#second-attentionlist li a span.category,
#second-attentionlist li a span.second-infolist-date {
	display: none;
}

#second-attentionlist span.newDoc {
	display: inline-block;
	width : 32px;
	height: 14px;
	margin: 0px 5px;
	vertical-align: middle;
	overflow: hidden;
	background : transparent url("../img/icon_new.png") center top no-repeat;
	background-size: 32px 14px;
}

/* ===== 新着情報 ===== */

#second-info {
	padding: 2px 10px 10px 10px;
	margin-top: 30px;
}

#second-infolist {
	list-style: none;
	border-bottom: 1px solid #ccc;
}

#second-infolist li {
	line-height: 130%;
	margin-bottom: 1px;
	padding-left: 15px;
	background: transparent url("../img/icon_attention_list.png") 0px 6px no-repeat;
	background-size: 12px;
	font-size: 75%;
}

#second-infolist li a {
	display: block;
	padding: 5px 10px 5px 5px;
}

#second-infolist li a span.item {
	display: table-cell;
	text-align: justify;
}

#second-info #second-infolist li a span.second-infolist-date {
	text-decoration: none!important;
	text-decoration-color: #f1f9ff!important;
	padding-right: 10px;
}

#second-infolist li img {
	margin: 0px 5px;
	vertical-align: middle;
}

#second-infolist li a span.category {
	display: none;
}

#second-infolist span.newDoc {
	display: inline-block;
	width : 32px;
	height: 14px;
	margin: 0px 5px;
	vertical-align: middle;
	overflow: hidden;
	background : transparent url("../img/icon_new.png") center top no-repeat;
	background-size: 32px 14px;
}

#second-infofooter {
	display: table;
	width: 100%;
	margin: 15px 0px 0px 0px;
}

#second-infofooter p {
	display: table-cell;
}

#second-infofooter p.golist {
	text-align: right;
}

/* ===== サイドコンテンツ ===== */

.twoclm-right-wb {
	padding: 2px 20px 20px 20px;
	margin-bottom: 20px;
}

.twoclm-right-calendar {
	padding: 2px 20px 20px 20px;
	background: #fff none;
	margin-bottom: 20px;
}

.twoclm-right-tb {
	padding: 17px;
	background: transparent none;
	margin-bottom: 20px;
}

#twoclm-right h3 {
	border-bottom: 2px solid #000;
	padding: 0px 0px 6px 0px;
	margin-bottom: 20px;
}

/*アコーディオン*/
.accordionswitch {
	cursor: pointer;
}

.accordionswitch span {
	display: block;
	background: transparent url("../img/navi_arrow_open.png") 100% 50% no-repeat;
	background-size: 16px;
}

.accordionswitch span.open {
	display: block;
	background: transparent url("../img/navi_arrow_close.png") 100% 50% no-repeat;
	background-size: 16px;
}

.accordionlist {
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.accordionlist li  li a {
/*	height: 0;
	padding: 0;
	margin: 0px;
	padding: 0px;*/
}

.accordionlist li  li a {
-webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
             transition: all 0.2s ease;
}

.accordionlist>h3:hover li a{
  height: auto;
}

.sidebanner {
	list-style: none;
}

.sidebanner li {
	margin-bottom: 5px;
}

.sidebanner li:last-child {
	margin: 0px!important;
}

.sidebanner li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.sidefeaturemenu {
	list-style: none;
	margin-bottom: 20px;
}

.sidefeaturemenu li {
	margin-bottom: 5px;
}

.sidefeaturemenu li:last-child {
	margin: 0px!important;
}

.sidefeaturemenu li a {
	display: block;
	font-size: 95%;
	font-weight: bold;
	padding: 15px 20px 15px 10px;
	color: #000;
	text-decoration: none;
	line-height: 100%;
	border: 1px solid #666;
}

/*カテゴリ別*/

.sidefeaturemenu.sfmkurashi li a {
	background: #fff url("../img/img_localnavibtn_kurashi.png") right center no-repeat;
	background-size: 25px;
}

.sidefeaturemenu.sfmkurashi li a:hover {
	color: #690;
}

.sidefeaturemenu.sfmkankou li a {
	background: #fff url("../img/img_localnavibtn_kankou.png") right center no-repeat;
	background-size: 25px;
}

.sidefeaturemenu.sfmkankou li a:hover {
	color: #f30;
}

.sidefeaturemenu.sfmgyousei li a {
	background: #fff url("../img/img_localnavibtn_gyousei.png") right center no-repeat;
	background-size: 25px;
}

.sidefeaturemenu.sfmgyousei li a:hover {
	color: #39f;
}

.sidefeaturemenu.sfmjigyousha li a {
	background: #fff url("../img/img_localnavibtn_jigyousha.png") right center no-repeat;
	background-size: 25px;
}

.sidefeaturemenu.sfmjigyousha li a:hover {
	color: #f69;
}

.sideusualmenu {
	list-style: none;
	border-bottom: 1px solid #999;
	margin-top: 15px;
}

.sideusualmenu li {
	margin: 0px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}

.sideusualmenu li a {
	display: block;
	font-size: 88%;
	font-weight: bold;
	padding: 7px 10px 5px 10px;
	text-decoration: none;
	line-height: 100%;
	letter-spacing: 0px;
}

#towclm-right-convmenu {
	background: #b0ccf2 none;
	padding: 15px;
	box-shadow: 0 0 5px #ccc;
}

#towclm-right-convmenu ul {
	list-style: none;
}

#towclm-right-convmenu ul li {
	margin-bottom: 1px;
}

#towclm-right-convmenu ul li a {
	display: block;
	background: #fff url("../img/navi_arrow_general.png") 95% 50% no-repeat;
	background-size: 16px;
	padding: 7px 20px 5px 15px;
}

#towclm-right-convmenu ul li a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* ===== イベントカレンダー ===== */

#calendar,
#calendarKurashi,
#calendarKankou,
#calendarGyousei,
#calendarJigyousha {
	width: 100%;
	overflow: auto;
	margin: 0px auto;
}

#calendar .links,
#calendarKurashi .links,
#calendarKankou .links,
#calendarGyousei .links,
#calendarJigyousha .links {
	width: 100%;
	display: table;
	font-size: 20px;
	color: #999;
	letter-spacing: 0px;
	text-align: center;
	font-family : Helvetica,Arial;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 100%;
}

#calendar .links p, #calendar .links a,
#calendarKurashi .links p, #calendarKurashi .links a,
#calendarKankou .links p, #calendarKankou .links a,
#calendarGyousei .links p, #calendarGyousei .links a,
#calendarJigyousha .links p, #calendarJigyousha .links a {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
}

#calendar .links .prevMonth,
#calendarKurashi .links .prevMonth,
#calendarKankou .links .prevMonth,
#calendarGyousei .links .prevMonth,
#calendarJigyousha .links .prevMonth {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background: transparent url("../img/btn_cal_prev.png") no-repeat;
	float: left;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#calendar .links .nextMonth,
#calendarKurashi .links .nextMonth,
#calendarKankou .links .nextMonth,
#calendarGyousei .links .nextMonth,
#calendarJigyousha .links .nextMonth {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background: transparent url("../img/btn_cal_next.png") no-repeat;
	float: right;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#calendar .prevMonth:hover, #calendar .nextMonth:hover,
#calendarKurashi .prevMonth:hover, #calendarKurashi .nextMonth:hover,
#calendarKankou .prevMonth:hover, #calendarKankou .nextMonth:hover,
#calendarGyousei .prevMonth:hover, #calendarGyousei .nextMonth:hover,
#calendarJigyousha .prevMonth:hover, #calendarJigyousha .nextMonth:hover {
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.pieceBody .calendar {
	width: 275px;
	border-collapse: separate;
	border-spacing: 3px;
	margin: 0px auto;
	border-bottom: 1px solid #ccc;
}

.pieceBody .calendar .wdays .wday {
	display: table-cell;
	font-size: 12px;
	font-weight: normal;
	width: 32px;
	text-align: center;
}

.pieceBody .calendar a,
.pieceBody .calendar span.day,
.pieceBody .calendar span.wday {
	text-decoration: none;
	color: #666;
}

.sun, .sun a {
	color: #CC6666!important;
}

.sat, .sat a {
	color: #669999!important;
}

.pieceBody .calendar .days .week .day a:hover, .sun a:hover, .sat a:hover {
	color: #0e9fce!important;
}

.pieceBody .calendar .days .week .day {
	display: table-cell;
	width: 28px;
	height: 20px;
	font-size: 13px!important;
	text-align: center;
	letter-spacing: 0px;
	text-decoration: none;
	vertical-align: middle;
/*	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;*/
	font-family : Helvetica,Arial;
	border: 2px solid #fff;
	padding-top: 3px
}

.pieceBody .calendar .days .week .sche {
	border-color:#0e9fce;
}

.pieceBody .calendar .days .week .herenow {
	background: #E3F6FF none;
}

.pieceBody .calendar .days .week .day a.herenow:hover {
	background: #cef none;
	color: #0e9fce;
}

.pieceBody .calendar .prevMonth, .pieceBody .calendar .nextMonth {
	overflow: hidden;
	text-indent: -9999px;
}

.list-links {
	width: 100%;
	display: table;
	font-size: 20px;
	color: #999;
	letter-spacing: 0px;
	text-align: center;
	font-family : Helvetica,Arial;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 100%;
}


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

	バナーエリア

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

#second-banner {
	display: none;
}


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

	フッターの検索（スマホのみ）

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

#spsearch {
	display: block;
	width: 280px;
	height: 25px;
	margin: 20px auto 20px auto;
}

#spsearch img {
	vertical-align: bottom;
	margin-right: 5px;
}

#spsearch input[type="text"] {
	width: 190px;
	border : 1px solid #ccc ;
	padding : 3px ;
	margin-right: 5px;
	font-size: 12px;
	font-family : Verdana,Arial,Helvetica,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif!important ;
 }

#spsearch input[type="text"]:focus {
   border: 1px solid #3A7FDF;
}

#spsearch input[type="submit"] {
 width : 50px ;
 height: 24px;
 background-color: #3A7FDF;
 border : 1px solid #3A7FDF ;
 color: #fff;
 cursor: pointer
 }

#spsearch input[type="submit"]:hover {
 background-color: #2F6ABE;
 }


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

	フッター

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

div.footer,
footer {
	width: 100%;
	background: #fff none;
	position: relative;
}

#pageupbtn {
	width: 76px;
	height: 76px;
	position: absolute;
	top: -60px;
	right: 10px;
}

#footerinner {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}

#footerinner div {
	padding: 0px 10px;
}

#footerinner div#footerlogo {
	width: 182px;
	margin: 10px auto;
}


#footer-address{
	width: 100%;
	border-top: 1px dotted #000;
	margin: 5px auto 0px auto;
	padding-top: 10px;
}

#footer-address li {
	list-style: none;
	padding-left: 40px;
	margin-bottom: 10px;
}

#footer-address li p {
	font-size: 75%;
	line-height: 130%;
	margin-bottom: 3px;
}

#footer-address li p a {
	display: block;
	height: 26px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ddd), color-stop(0.00, #eee));
	background: -webkit-linear-gradient(#eee, #ddd);
	background: -moz-linear-gradient(#eee, #ddd);
	background: -o-linear-gradient(#eee, #ddd);
	background: -ms-linear-gradient(#eee, #ddd);
	background: linear-gradient(#eee, #ddd);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #069;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
}

#footer-address li#place {
	background: transparent url("../img/icon_footer_place.png") left top no-repeat;
	background-size: 30px;
}

#footer-address li#tel {
	background: transparent url("../img/icon_footer_tel.png") left top no-repeat;
	background-size: 30px;
}

#footer-address li#time {
	background: transparent url("../img/icon_footer_time.png") left top no-repeat;
	background-size: 30px;
}

#footernavi {
	width: 100%;
}

#footernaviinner {
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
}

#footernaviinner ul {
	border-top: 1px solid #666;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: #fff none;
	list-style: none;
	font-size: 75%;
	line-height: 100%;
	letter-spacing: 0px;
}

#footernaviinner ul li {
	height: 40px;
	border-bottom: 1px solid #ddd;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#footernaviinner ul li a {
	display: block;
	height: 12px;
	background: transparent url("../img/navi_arrow_general.png") 95% 50% no-repeat;
	background-size: 16px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #069;
	padding: 14px 40px 14px 10px;
}

#footernaviinner ul li a:hover {
	color: #03f;
}

#footernaviinner p {
	width: 100%;
	background: #B0CCF2 none;
	text-align: center;
	font-size: 75%;
	letter-spacing: 0px;
	margin: 20px 0px 0px 0px;
	padding: 5px 0px;
}


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

  static-page

-----------------------------------------------------*/
.contentPage {
	letter-spacing: 0px;
}

.contentPage h3 {
	font-size: 120%;
	font-weight: bold;
	padding: 15px 5px 5px 10px;
	border-top: 1px solid #ccc;
}

.contentPage h4 {
	font-size: 120%;
	font-weight: bold;
	padding: 20px 5px 5px 15px;
}

.contentPage h5 {
	font-size: 120%;
	font-weight: bold;
	padding: 15px 5px 15px 5px;
	border-top: 1px solid #ccc;
}

.contentPage p {
	padding: 15px;
}

.contentPage div {
	padding: 5px 10px 5px 10px;
}

.contentPage div.caption1 {
	padding: 5px 10px 5px 20px;
}

.contentPage .caption2 {
	vertical-align: top;
}

.contentPage ul {
	padding-left: 60px;
}

.contentPage ol {
	padding-left: 60px;
}

.contentPage li.caption1 {
	display: block;
	padding: 5px 60px 5px 5px;
}

.contentPage ul#infolist {
	list-style: none;
}

.contentPage ul#infolist li {
	line-height: 130%;
	margin-bottom: 1px;
	padding-left: 15px;
	background: transparent url("../img/icon_attention_list.png") 0px 6px no-repeat;
	background-size: 12px;
}

.contentPage ul#infolist li img {
	margin: 0px 5px;
	vertical-align: middle;
}

.contentPage ul#bunyalist {
	list-style: none;
}

/*  ナビゲーション部分  */
.contentPage ul#bunyalist {
	clear: both;
	width: 308px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 0px;
	margin: 0px auto 0px auto;
	list-style: none;
	background: #fff none;
	box-shadow: 0 0 10px #ccc;
}

.contentPage ul#bunyalist li {
	width: 308px;
	height: 70px;
	border-bottom: 1px solid #ddd;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.contentPage ul#bunyalist li a#bunyalist-kurashi {
	display: block;
	width: 258px;
	height: 42px;
	background: transparent url("../img/navi_arrow_kurashi.png") 10px 50% no-repeat;
	background-size: 16px;
	border-right: 10px solid #9c0;
	padding: 14px 0px 14px 40px;
}

.contentPage ul#bunyalist li a#bunyalist-kankou {
	display: block;
	width: 258px;
	height: 42px;
	background: transparent url("../img/navi_arrow_kankou.png") 10px 50% no-repeat;
	background-size: 16px;
	border-right: 10px solid #f90;
	padding: 14px 0px 14px 40px;
}

.contentPage ul#bunyalist li a#bunyalist-gyousei {
	display: block;
	width: 258px;
	height: 42px;
	background: transparent url("../img/navi_arrow_gyousei.png") 10px 50% no-repeat;
	background-size: 16px;
	border-right: 10px solid #39f;
	padding: 14px 0px 14px 40px;
}

.contentPage ul#bunyalist li a#bunyalist-jigyousha {
	display: block;
	width: 258px;
	height: 42px;
	background: transparent url("../img/navi_arrow_jigyousha.png") 10px 50% no-repeat;
	background-size: 16px;
	border-right: 10px solid #f69;
	padding: 14px 0px 14px 40px;
}

/* ===== 各カテゴリの色 ===== */
/* 暮らし */
.contentPage p.kurashinavi {
	color: #690!important;
}

/* 観光 */
.contentPage p.kankounavi {
	color: #f30!important;
}

/* 行政 */

.contentPage p.gyouseinavi {
	color: #06f!important;
}

/* 事業者 */

.contentPage p.jigyoushanavi {
	color: #f69!important;
}

/* フォト・動画ライブラリー／施設案内 */
.contentPage div.library {
	width: 100%;
	margin: 20px 0px 50px 0px!important;
}

.contentPage div.library h3 {
	margin-top: 0px!important;
}

.contentPage div.library div.librarylist div {
	vertical-align: top;
	font-size: 80%;
}

.contentPage div.library div.librarylist div ul {
	border-top: 1px dotted #ccc;
	margin: 20px 0px 0px 0px!important;
	padding: 10px 0px 0px 1em;
}

.contentPage div.library,
.contentPage div.library div.librarylist,
.contentPage div.library div.librarylist div,
.contentPage div.library div.librarylist p {
	padding: 5px;
}

/* Table */
.contentPage div.library div.librarylist table {
	margin: 10px 0px;
	border: 1px solid;
	border-collapse: collapse;
}

.contentPage div.library div.librarylist table th {
	padding: 5px 10px;
	border-right: 1px solid;
	border-bottom: 1px solid;
}

.contentPage div.library div.librarylist table td {
	padding: 5px 10px;
	border-right: 1px solid;
	border-bottom: 1px solid;
}

/* リンク集 */
.contentPage div.links {
	border-top: 1px dotted #ccc;
}

.contentPage div.links div.linklist div {
	vertical-align: top;
}

.contentPage div.links,
.contentPage div.links div.linklist,
.contentPage div.links div.linklist div,
.contentPage div.links div.linklist p {
	padding: 5px;
}

.contentPage div.links div.linklist div img {
	width: 90px;
}


/* CSS End */