@charset "UTF-8";

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

玉野市公式サイト

PC用CSS

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

.pchidden {
	display: none;
}

.innercont {
	width: 960px;
	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 {
	padding: 5px 0px;
	font-size: 75%;
}

#appearance #innerapper {
	width: 960px;
	margin: 0px auto;
	text-align: right;
	letter-spacing: 0px;
}

#appearance #innerapper div {
	display: inline;
	float: right;
}

#appearance #innerapper p {
	float: left;
}

#appearance ul {
	display: table;
	margin: 0px 10px;
	list-style: none;
	float: left;
}

#appearance ul li {
	display: inline;
	padding-right: 5px;
}

#appearance ul.mode1 li a {
	text-decoration: none;
	color: #666;
	background: #fff none;
	border: 1px solid #ccc;
	padding: 3px 5px;
	line-height: 0px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#appearance ul.mode2 li a {
	text-decoration: none;
	color: #666;
	background: #fff none;
	line-height: 0px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#appearance ul li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

#appearance ul li a.active {
	text-decoration: none;
	color: #fff;
	background: #3a7fdf none;
	border: 1px solid #000;
	padding: 3px 7px;
	line-height: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

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

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

div.header #mainheader h1,
header #mainheader h1 {
	width: 370px;
	height: 78px;
	float: left;
}

div.header #mainheader h1 a img,
header #mainheader h1 a img {
	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 {
	width: 352px;
	float: right;
}

div.header #searchbox form,
header #searchbox form {
	margin: 20px auto 0px auto;
	height: 25px;
}

div.header #searchbox #submenu,
header #searchbox #submenu {
	margin-top: 10px;
	list-style: none;
}

div.header #searchbox #submenu li,
header #searchbox #submenu li {
	height: 26px;
	float: left;
	margin-right: 10px;
}
div.header #searchbox #submenu li.sitemap-link,
header #searchbox #submenu li.sitemap-link {
	width: 90px;
}

div.header #searchbox #submenu li.soshiki-link,
header #searchbox #submenu li.soshiki-link {
	width: 142px;
}

div.header #searchbox #submenu li.inquiry-link,
header #searchbox #submenu li.inquiry-link {
	width: 100px;
}

div.header #searchbox #submenu li:last-child,
header #searchbox #submenu li:last-child {
	margin: 0px!important;
}

div.header #searchbox #submenu li a,
header #searchbox #submenu li a {
	display: block;
	height: 14px;
	background: #fff url("../img/img_btn_bluearrow.png") 95% 50% no-repeat;
	background-size: 6px;
	color: #666;
	font-size: 12px;
	line-height: 100%;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #ccc;
}
div.header #searchbox #submenu li.sitemap-link a,
header #searchbox #submenu li.sitemap-link a {
	width: 78px;
}
div.header #searchbox #submenu li.soshiki-link a,
header #searchbox #submenu li.soshiki-link a {
	width: 130px;
}
div.header #searchbox #submenu li.inquiry-link a,
header #searchbox #submenu li.inquiry-link a {
	width: 88px;
}

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


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

	ナビゲーション

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

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

.kurashispnavi, .kankouspnavi, .gyouseispnavi, .jigyoushaspnavi, .commonspnavi {
	display: none;
}

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

div.nav #globalnavi,
nav #globalnavi {
	width: 960px;
	margin: 0px auto;
}

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

div.nav #globalnavi > ul > li,
nav #globalnavi > ul > li {
	width: 240px;
	height: 64px;
	float: left;
}

div.nav #globalnavi > ul li > a.gnlink,
nav #globalnavi > ul li > a.gnlink {
	display: block;
	width: 240px;
	height: 64px;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
}

div.nav #globalnavi > ul li > a.gnlink:hover,
nav #globalnavi > ul li > a.gnlink:hover {
	background-position: 0px -64px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

div.kurashinavi #globalnavi > ul li#nav-kurashi > a.gnlink, 
div.kankounavi #globalnavi > ul li#nav-kankou > a.gnlink, 
div.gyouseinavi #globalnavi > ul li#nav-gyousei > a.gnlink, 
div.jigyoushanavi #globalnavi > ul li#nav-jigyousha > a.gnlink,
nav.kurashinavi #globalnavi > ul li#nav-kurashi > a.gnlink, 
nav.kankounavi #globalnavi > ul li#nav-kankou > a.gnlink, 
nav.gyouseinavi #globalnavi > ul li#nav-gyousei > a.gnlink, 
nav.jigyoushanavi #globalnavi > ul li#nav-jigyousha > a.gnlink {
	background-position: 0px -64px;
}

div.nav #globalnavi > ul li#nav-kurashi > a.gnlink,
nav #globalnavi > ul li#nav-kurashi > a.gnlink {
	background-image: url("../img/btn_navi_kurashi_pc.png");
}

div.nav #globalnavi > ul li#nav-kankou > a.gnlink,
nav #globalnavi > ul li#nav-kankou > a.gnlink {
	background-image: url("../img/btn_navi_kankou_pc.png");
}

div.nav #globalnavi > ul li#nav-gyousei > a.gnlink,
nav #globalnavi > ul li#nav-gyousei > a.gnlink {
	background-image: url("../img/btn_navi_gyousei_pc.png");
}

div.nav #globalnavi > ul li#nav-jigyousha > a.gnlink,
nav #globalnavi > ul li#nav-jigyousha > a.gnlink {
	background-image: url("../img/btn_navi_jigyousha_pc.png");
}

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

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

div.nav .localnavi,
nav .localnavi {
	position: absolute!important;
	left:0px;
	width: 100%;
	padding: 5px 0px 10px 0px;
	z-index: 1000;
	display: none;
}

/* マウスオーバーで表示させる */

.kurashinavi .localnavi {
	background: #b0ccf2;
}

.kankounavi .localnavi {
	background: #b0ccf2;
}

.gyouseinavi .localnavi {
	background: #b0ccf2;
}

.jigyoushanavi .localnavi {
	background: #b0ccf2;
}

.commonnavi .localnavi {
	background: #b0ccf2;
}

/* 暮らし */
#ln-kurashi a {
	color: #690!important;
}

#ln-kurashi a:hover {
	color: #9c0!important;
}

/* 観光 */
#ln-kankou a {
	color: #f30!important;
}

#ln-kankou a:hover {
	color: #f60!important;
}

/* 行政 */
#ln-gyousei a {
	color: #06f!important;
}

#ln-gyousei a:hover {
	color: #39f!important;
}

/* 事業者 */
#ln-jigyousha a {
	color: #f69!important;
}

#ln-jigyousha a:hover {
	color: #f9c!important;
}

div.nav .localnavi ul,
nav .localnavi ul {
	width: 960px;
	margin: 0px auto;
	list-style: none;
}

div.nav #ln-kurashi ul li, div.nav #ln-kankou ul li, div.nav #ln-gyousei ul li, div.nav #ln-jigyousha ul li,
nav #ln-kurashi ul li, nav #ln-kankou ul li, nav #ln-gyousei ul li, nav #ln-jigyousha ul li {
	display: inline-block!important;
	margin: 5px 5px 10px 0px;
}
/* Firefox hack start */
@-moz-document url-prefix() {
	div.nav #ln-kurashi ul li, div.nav #ln-kankou ul li, div.nav #ln-gyousei ul li, div.nav #ln-jigyousha ul li,
	nav #ln-kurashi ul li, nav #ln-kankou ul li, nav #ln-gyousei ul li, nav #ln-jigyousha ul li {
		margin: 5px 5px 2px 0px;
	}
}
/* Firefox hack end */

div.nav .localnavi ul li a,
nav .localnavi ul li a {
	display: inline;
	background: #fff none;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	padding: 4px 20px;
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#ln-kurashi a.active, #ln-kankou a.active, #ln-gyousei a.active, #ln-jigyousha a.active {
	background: #3a7fdf none;
	border: 1px solid #3a7fdf;
	color: #fff!important;
	text-decoration: none!important;
}

div.nav .localnavi ul li a.active:hover,
nav .localnavi ul li a.active:hover {
	color: #fff!important;
}


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

	ランダム玉野紹介

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

.randamintro {
	width: 960px;
	margin: 30px auto 50px auto;
	display: table;
	position: relative;
	background: #fff none;
}

.randamintro div {
	display: table-cell;
	vertical-align: top;
}

.randamintro div.introtext {
	width: 242px;
	padding: 20px 21px 20px 22px;
}

.randamintro div.introtext span {
	width: 242px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
}

.randamintro div p.introtitle {
	width: 172px;/*242*/
	height: 54px;
	background: transparent url("../img/img_randam_serif.png") no-repeat;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 110%;
	padding: 5px 10px 0px 60px;
}

.randamintro div p.introexplan {
	margin: 10px 0px;
	font-size: 75%;
	line-height: 130%;
	letter-spacing: 0px;
	text-align: justify;
}

.randamintro div p.intromorebtn {
	text-align: right;
}

.randamintro div p.intromorebtn a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.randamintro div.introphoto {
	width: 675px;
}


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

	パンくずリスト部分

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

#pankuzulist {
	font-size: 80%;
	letter-spacing: 0px;
	margin: 10px auto;
	padding-bottom: 20px;
}

#pankuzulist ul {
	display: table;
	background: #fff none;
	list-style: none;
	margin-bottom: 5px;
	padding: 0px 5px 0px 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#pankuzulist ul li {
	display: table-cell;
	padding: 0px 0px 0px 0px;
}

#pankuzulist ul li span {
	padding: 0px 10px 0px 10px;
}

#pankuzulist ul li a {
	display: inline-block;
	padding: 2px 10px 2px 0px;
	background: transparent url("../img/img_pankuzu_bgarrow.png") right center no-repeat;
}


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

	コンテンツ部分

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

#contcover {
	padding: 10px 0px 60px 0px;
}

#container {
	width: 960px;
	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 */  

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

#oneclm, #twoclm {
	width: 960px;
	margin: 20px 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 {
	width: 635px;
	float: left;
}

#twoclm-right {
	width: 310px;
	float: right;
}

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

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

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

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

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

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

#second-attention {
	padding: 2px 20px 20px 20px;
	background: #fff none;
	margin-bottom: 20px;
}

#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 6px no-repeat;
	background-size: 12px;
	font-size: 90%;
}

#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 20px 20px 20px;
	background: #fff none;
	margin-bottom: 20px;
}

#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: 90%;
}

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

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

#second-infolist li a span.second-infolist-date {
	text-decoration: none!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 {
	width: 276px;
	padding: 2px 20px 20px 20px;
	margin-bottom: 20px;
}

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

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

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

#twoclm-right h3.sphidden {
	background: #fff none;
}

.accordionlist {
	list-style: none;
}

.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 {
	border-bottom: 1px solid #b0ccf2;
}

#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;
}

#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: 90%;
	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 ,
.holiday, .holiday 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 {
	width: 960px;
	margin: 30px auto;
	padding: 30px 0px;
	border-top: 1px solid #b0ccf2;
	border-bottom: 1px solid #b0ccf2;
}

#second-banner ul {
	width: 100%;
	list-style: none;
	display: table;
}

#second-banner ul li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


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

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

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

#spsearch {
	display: none;
}


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

	フッター

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

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

#pageupbtn {
	width: 76px;
	height: 76px;
	position: absolute;
	top: -40px;
	right: 20px;
}

#pageupbtn a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

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

#footerinner div {
	display: table-cell;
	vertical-align: middle;
}

#footerinner div#footerlogo {
	width: 182px;
	padding-right: 30px;
}

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

#footer-address li {
	list-style: none;
	padding-left: 40px;
	margin-right: 20px;
	float: left;
}

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

#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 {
	width: 960px;
	margin: 0px auto;
	padding: 15px 0px;
}

#footernaviinner ul {
	display: inline-block;
	list-style-image: url("../img/img_footernavi_tri.png");
	font-size: 75%;
	line-height: 100%;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

#footernaviinner ul li {
	float: left;
	margin: 0px 30px 0px 0px;
	padding: 0px;
}

#footernaviinner p {
	float: right;
	text-align: right;
	font-size: 75%;
	letter-spacing: 0px;
}


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

  static-page

-----------------------------------------------------*/
.contentPage {
	padding: 20px;
	margin-bottom: 20px;
	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 20px 5px 20px;
}

.contentPage div.caption1 {
	padding: 5px 30px 5px 60px;
}

.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 {
	width: 308px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 0px;
	margin: 50px 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 ul#bunyalist li a img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.contentPage ul#bunyalist li a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

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

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

/* 行政 */
.contentPage p.gyouseinavi {
	color: #39f!important;
}

/* 事業者 */
.contentPage p.jigyoushanavi {
	color: #f9c!important;
}

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

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

.contentPage div.library div.librarylist div {
	display: table-cell;
	padding: 0px;
	vertical-align: top;
	font-size: 80%;
}

.contentPage div.library div.librarylist div img {
	margin-right: 15px;
}

.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 {
	display: table-cell;
	padding: 0px;
	vertical-align: top;
}

.contentPage div.links div.linklist div img {
	margin-top: 10px;
	margin-right: 20px;
	width: 90px;
}

/* オープンデータ用 */
.opendatamenu{
  *zoom: 1;
  list-style-type: none;
  width: 95%;
  margin: 5px 0 30px;
  padding: 0;
}
.opendatamenu:before, .opendatamenu:after{
  content: "";
  display: table;
}
.opendatamenu:after{
  clear: both;
}
.opendatamenu li{
  position: relative;
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.opendatamenu li a{
  display: block;
  margin: 0;
  padding: 20px 0 20px;
  background: #8a9b0f;
  color: #fff;
  line-height: 1;
  text-decoration: none;
}
.opendatamenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.opendatamenu li ul li{
  width: 100%;
}
.opendatamenu li ul li a{
  padding: 5px 10px;
  border-top: 1px solid #7c8c0e;
  background: #6e7c0c;
  text-align: left;
}
.opendatamenu li: a{
  background: #6e7c0c;
}
.opendatamenu li a:{
  background: #616d0b;
}
.opendatamenu li:ul{
  display: none;
}
/* オープンデータのサブメニュー */
.opendatamenu li ul li ul li a{
  padding: 5px 10px;
  border-top: 1px solid #7c8c0e;
  background: #C3D15E;
  text-align: left;
}

/*#opendata_normal li:span{
  cursor: pointer;
}*/
#opendata_normal li:li{
  cursor: pointer;
}*/
/*
#opendata_normal li:hover ul{
  display: block;
}*/

/* ラベル Y軸 */
.ccchart-labelY-canvasMyID2{
	font-size : 12px;
}

/* label Data */
.ccchart-labelData-canvasMyID2{
	font-size : 10px;
}   
caption {margin: 0 0 .5em; font-weight: bold; }

#feed li{
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}

/* CSS End */