@charset "UTF-8";
@import "../accessibility/accessibility.css";
@import "../base/base.css";

/* =========================================================
   Piece Bungo ono Piece
========================================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

strong {
	font-weight: bold;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption {
	text-align: left;
	margin-bottom: 3px;
}

img,a img{
  vertical-align:bottom;
  border:none;
  background:transparent;
}

#main table {
	margin-bottom: 15px;
	margin-right: 10px;
	margin-left: 10px;
}
#main th,
#main td {
	border: 1px solid #b6b6b6;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#main th {
	background-color: #e3ecee;
	text-align: center;
}
#main td p,
#main th p {
	margin: 0px 0px 0.4em 0px;
	padding: 0;
	line-height: 1.3em;
}
#main th ul,
#main td ul,
#main th ol,
#main td ol {
	margin-left: 1.5em;
	margin-right: 0em;
	list-style-position: outside;
}

#main ul {
	margin-bottom: 15px;
	margin-left: 4em;
	list-style-type: disc;
	list-style-position: outside;
	margin-right: 1em;
}
#main ol {
	margin-bottom: 15px;
	margin-left: 4em;
	list-style-position: outside;
	margin-right: 1em;
	list-style-type: decimal;
}
#main ul li,
#main ol li {
}

#main .sitemap {
	list-style-type: none;
}
#main .sitemap li {
	list-style-type: none;
}

#main img {
	max-width:750px;
}
#main p img {
	max-width:730px;
}

/*  Link
----------------------------------------------- */

a {
	color: #007bbb;
	text-decoration: underline;
}
a:hover {
	color: #0095d9;
}
a img {
	border:none;
}
a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
/*外部リンクアイコン*/
img.external {
    margin-left: 0.5em;
    vertical-align: middle;
}

.back_to {
	text-align: right;
	margin-right: 15px;
	margin-bottom: 20px;
	clear: both;
}

/* clearfix
----------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}

#sns:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  visibility: hidden;
}

/*sns */
#sns {
	zoom: 1;
	margin-bottom: 20px;
	overflow: hidden;
}
#sns .twitter-wrapper {
	padding: 0px;
	float: left;
	height: 25px;
	width: 88px;
	padding-top: 5px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sns .fb-wrapper {
	display: inline-block;
	float: left;
	height: 20px;
	width: 146px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#sns .twitter-wrapper iframe,
#sns .fb-wrapper iframe {
	margin: 0px !important;
	padding: 0px;
}

/* Layout */
html, body {
	height:100%;
}
body {
	color: #2b2b2b;
	font-size: 0.85em;
	line-height: 1.8em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background-image: url(images/acc_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
}
* html #wrapper {
	height:100%;
}

#container {
	padding-bottom: 190px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/* adobe reader */
.adobeReader {
	border: 2px solid #CCCCCC;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.adobe_text {
	width: 550px;
	float: right;
}
#main .adobe_text p {
	color: #404040;
	font-size: 12px;
	margin: 0;
	padding:0;
}
.adobe_banner {
	height: 39px;
	width: 158px;
	float: left;
	margin-top: 3px;
}
.adobe_banner a {
	background-image: url(../piece/images/get_adobe_reader.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 158px;
}



/* header
----------------------------------------------- */
#header {
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
#header_logo {
	width: 190px;
	height: 155px;
	float: left;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
}
#header_logo a {
	width: 190px;
	height:155px;
	display: block;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
#header_menu {
	width: 770px;
	float: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AFAFAF;
}

/* Global Navi
----------------------------------------------- */
#global_navi {
	height: 60px;
	width: 770px;
}
#global_menu {
	list-style-type: none;
	width: 768px;
	height: 60px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #7a756f;
}
#global_menu li {
  position: relative;
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#global_menu li a {
	display: block;
	margin: 0;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	padding-top: 22px;
	padding-right: 0;
	padding-bottom: 22px;
	padding-left: 0;
}

.gmenu_a {
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}

#global_menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
  width:175%;
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.7);
}
#global_menu li:last-child ul {
  left: -75%;
  width: 175%
}
#global_menu li ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	z-index: 90;
}
#global_menu li ul li a {
	color: #3f312b;
	text-align: left;
	font-size: 14px;
	padding-top: 13px;
	padding-right: 3px;
	padding-bottom: 13px;
	padding-left: 12px;
	background-image: none;
	background-color: #f1f1f1;
}
#global_menu li ul li a:hover {
	color: #FFF;
	background-color: #655d53;
	background-image: none;
}
#global_menu li:hover ul li {
	overflow: visible;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#global_menu li:hover ul li:first-child {
  border-top: 0;
}
#global_menu li:hover ul li:last-child {
  border-bottom: 0;
}
#global_menu li:hover ul li:last-child a {
  border-radius: 0 0 3px 3px;
}

/* 外部リンクアイコン */
#global_menu li:hover ul li .external {
	position: absolute;
}


/* 分野別 */
#menu01 a {
	background-image: url(images/global_menu.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu01 a:hover {
	background-image: url(images/global_menu.png);
	background-repeat: no-repeat;
	background-position: left -60px;
}

/* 市役所案内 */
#menu02 a {
	background-image: url(images/global_menu.png);
	background-repeat: no-repeat;
	background-position: -192px top;
}
#menu02 a:hover {
	background-image: url(images/global_menu.png);
	background-repeat: no-repeat;
	background-position: -192px -60px;
}

/* 観光 */
#menu03 a {
	background-image: url(images/global_menu.png);
	background-repeat: no-repeat;
	background-position: -384px top;
}
#menu03 a:hover {
	background-image: url(images/global_menu.png);
	background-repeat: no-repeat;
	background-position: -384px -60px;
}

/* 豊後大野市について */
#menu04 a {
	background-image: url(images/global_menu.png);
	background-repeat: no-repeat;
	background-position: -576px top;
}
#menu04 a:hover {
	background-image: url(images/global_menu.png);
	background-repeat: no-repeat;
	background-position: -576px -60px;
}



/*contents
----------------------------------------------- */
#breadCrumbs {
	margin-bottom: 15px;
	font-size: 90%;
}
#main .publishedAt {
	text-align: right;
	margin-bottom: 5px;
	font-size: 90%;
	color: #595857;
}
#main .updatedAt {
	text-align: right;
	font-size: 90%;
	margin-bottom: 1em;
	color: #595857;
}
#contents {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#main_top {
	float: right;
	width: 750px;
}
#main {
	float: right;
	width: 750px;
	margin-bottom: 30px;
}

.date {
	line-height: 1;
}
#pageTitle .pieceBody {
	font-size: 170%;
	color: #2b2b2b;
	padding-top: 12px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-color: #f2f3f2;
	padding-bottom: 11px;
	border: 1px solid #d8dadc;
	background-image: url(images/h1bar_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#pageTitle .pieceBody h1 {
	background-image: url(images/h1_marker.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}
#main h2 {
	font-size: 150%;
	color: #007bbb;
	background-image: url(images/top_titlebar.png);
	background-repeat: repeat-x;
	background-position: left top;
	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: #d8dadc;
	border-bottom-color: #d8dadc;
	border-left-color: #d8dadc;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #f2f2f2;
	padding-bottom: 6px;
}
#main h3 {
	font-size: 120%;
	background-color: #d3eff7;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 3px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 1.5em;
	border-radius: 3px; /*  IE-CSS3 */
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari and Chrome */
	behavior: url(_themes/js/PIE.htc);
}
#main h4 {
	font-size: 110%;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3fabd6;
	border-left-color: #3fabd6;
	margin-bottom: 20px;
	padding-left: 12px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 1.5em;
}
#main h5 {
	font-size: 125%;
	margin-bottom: 20px;
	color: #2792c3;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 1.5em;
}
#main h6 {
	font-size: 120%;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 1.5em;
}
#main p {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.maps {
	margin-bottom: 30px;
}

/* /////////カテゴリ////////// */

/* カテゴリ内の新着エリア */
#recentDocs {
	margin-bottom: 20px;
	padding-bottom: 10px;
	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: #d8dadc;
	border-bottom-color: #d8dadc;
	border-left-color: #d8dadc;
}
#recentDocs .pieceBody {
	max-height:120px;
	overflow:auto;
}
#main .pieceHeader h2 {
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: url(images/recentDocs_h2.png);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 120%;
	color: #2b2b2b;
	margin: 0px 0px 10px 0px;
}

#main #recentDocs ul {
	margin-left: 2.5em;
	margin-right: 1em;
}

/* RSS ATOMアイコン */
#main .categoryType.docs .feed {
	text-align: right;
}
#main .categoryType.docs .feed li .feedRss,
#main .categoryType.docs .feed li .feedAtom {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* カテゴリの一覧ページ */
 
#main #articleCategoryList ul {
	list-style-type: none;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 15px;
}
 
#main #articleCategoryList .level3 li,
.category li {
	padding-left: 18px;
	background-image: url(images/news_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* カテゴリBar H3 */
#main #articleCategoryList .category h3 {
	background-image: url(images/category_bar.png);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #BEC1C3;
	background-color: #f2f2f2;
	padding: 0px;
	margin-bottom: 10px;
}
#main #articleCategoryList .category h3 a {
	background-image: url(images/category_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 38px;
	display: block;
	text-decoration: none;
	font-size: 18px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
#main #articleCategoryList .category h3 a:hover{
	background-image: url(images/category_arrow_hover.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #59b9c6;
	color: #FFF;
}

/* カテゴリBar H2 */
#main .categoryType h2 {
	background-image: url(images/category_bar.png);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #BEC1C3;
	background-color: #f2f2f2;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	margin-bottom: 15px;
}
#main .categoryType h2 a {
	background-image: url(images/category_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 38px;
	display: block;
	text-decoration: none;
	font-size: 18px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
#main .categoryType h2 a:hover {
	background-image: url(images/category_arrow_hover.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #59b9c6;
	color: #FFF;
}
/*リンクなしBAR*/
#main .contentGpCategory h2 {
	background-color: #7dc5df;
	background-image: none;
	font-size: 120%;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
	border:none;
}


/* トピックス
----------------------------------------------- */
.top_titlebar {
	background-image: url(images/top_titlebar.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 30px;
	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: #d8dadc;
	border-bottom-color: #d8dadc;
	border-left-color: #d8dadc;
	font-size: 16px;
	color: #007bbb;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
}
#main_upper {
	margin-bottom: 20px;
}

/* トピックス */
#topics {
	width: 490px;
	float: left;
}
.topics_photo {
	float: left;
	width: 240px;
	height: 155px;
	margin-right: 10px;
	text-align:center;
}
.topics_photo .image img {
	width: auto;
	max-width: 240px;
	max-height: 155px;
	-ms-interpolation-mode: bicubic;
	border: 1px solid #c3c5c7;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
.topics_rightbox {
	float: right;
	width:240px;
	height: 160px;
	overflow: auto;
	margin-bottom: 5px;
}
.topics_title {
	font-size: 105%;
	color: #007bbb;
	margin-bottom: 5px;
	line-height: 1.4em;
}
.topics_body {
	font-size: 94%;
	line-height: 1.7em;
}
#topics .more {
	font-size: 88%;
	clear: both;
}
#topics .more a {
	font-size: 90%;
	clear: both;
	padding-left: 5px;
	margin-top: 3px;
	display: block;
	background-color: #f0f0f0;
	text-align: center;
	text-decoration: none;
}
#topics .more a:hover {
	background-color: #e7e7e7;
}

#pickup {
	float: right;
	height: 240px;
	width: 240px;
}
#main_lower {
}
#lower_left {
	float: left;
	width: 365px;
}
#lower_right {
	float: right;
	width: 365px;
	margin-bottom: 10px;
}

/* ライフイベント
----------------------------------------------- */
#lifeevent_menu {
	width: 365px;
}
#lifeevent_menu li {
	width: 176px;
	height: 88px;
	margin-bottom: 10px;
	background-image: url(../lifeevent/images/lifeevent_bar.png);
	background-repeat: repeat-x;
	background-position: left center;
	border: 1px solid #c3c5c7;
	float: left;
}

#lf_btn01,
#lf_btn03,
#lf_btn05 {
	margin-right: 8px;
}
#lifeevent_menu li a {
	width: 176px;
	height: 88px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#lf_btn01 a {
	background-image: url(../lifeevent/images/lf_btn01.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#lf_btn01 a:hover {
	background-image: url(../lifeevent/images/lf_btn01_hover.png);
	background-repeat: no-repeat;
	background-position: center top;
}


#lf_btn02 a {
	background-image: url(../lifeevent/images/lf_btn02.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#lf_btn02 a:hover {
	background-image: url(../lifeevent/images/lf_btn02_hover.png);
	background-repeat: no-repeat;
	background-position: center top;
}


#lf_btn03 a {
	background-image: url(../lifeevent/images/lf_btn03.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#lf_btn03 a:hover {
	background-image: url(../lifeevent/images/lf_btn03_hover.png);
	background-repeat: no-repeat;
	background-position: center top;
}


#lf_btn04 a {
	background-image: url(../lifeevent/images/lf_btn04.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#lf_btn04 a:hover {
	background-image: url(../lifeevent/images/lf_btn04_hover.png);
	background-repeat: no-repeat;
	background-position: center top;
}


#lf_btn05 a {
	background-image: url(../lifeevent/images/lf_btn05.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#lf_btn05 a:hover {
	background-image: url(../lifeevent/images/lf_btn05_hover.png);
	background-repeat: no-repeat;
	background-position: center top;
}


#lf_btn06 a {
	background-image: url(../lifeevent/images/lf_btn06.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#lf_btn06 a:hover {
	background-image: url(../lifeevent/images/lf_btn06_hover.png);
	background-repeat: no-repeat;
	background-position: center top;
}


/* ヘプタゴン紹介 */

#heptagon_info {
	height: 75px;
	width: 365px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}


/* 豊後大野市からの発信
----------------------------------------------- */
#media {
	width: 365px;
}
#media_menu li {
	width: 178px;
	height: 50px;
	margin-bottom: 10px;
}
#media_menu li a {
	width: 178px;
	height: 50px;
	display: block;
}
#media_btn01,
#media_btn03,
#media_btn05 {
	float: left;
}
#media_btn02,
#media_btn04,
#media_btn06 {
	float: right;
}


/* バナーエリア
----------------------------------------------- */
#topBannerArea {
	width: 100%;
	border: 1px solid #d8dadc;
	padding-top: 10px;
	text-align: center;
	margin-bottom: 20px;
	clear: both;
	padding-bottom: #E3E3E3;
	background-color: #F6F6F6;
}
.ad_banner {
	width: 714px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	height: 45px;
}
.ad_banner li {
	float: left;
	height: 45px;
	width: 105px;
	margin-right: 7px;
	margin-left: 7px;
}
.ad_banner li a {
	height: 45px;
	width: 105px;
	display: block;
	-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

#topBannerArea  p {
	color: #333;
	font-size: 90%;
}

/* Side Bar
----------------------------------------------- */
#sidebar {
	width: 190px;
	float: left;
	padding-top: 45px;
	margin-bottom: 20px;
}

.side_navi li {
	height: 57px;
	width: 190px;
	margin-bottom: 10px;
}
.side_navi li a {
	height: 57px;
	width: 190px;
	display: block;
	text-indent: 100%;
     white-space:nowrap;
     overflow:hidden;
}

#snavi_bousai {
	background-image: url(images/btn_bousai.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#snavi_bousai a:hover {
	background-image: url(images/btn_bousai.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}

#snavi_mayor {
	background-image: url(images/btn_mayor.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#snavi_mayor a:hover {
	background-image: url(images/btn_mayor.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}

#snavi_event {
	background-image: url(images/btn_event.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#snavi_event a:hover {
	background-image: url(images/btn_event.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}
#snavi_yoyaku {
	background-image: url(images/btn_yoyaku.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#snavi_yoyaku a:hover {
	background-image: url(images/btn_yoyaku.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}

#snavi_gikai {
	background-image: url(images/btn_gikai.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#snavi_gikai a:hover {
	background-image: url(images/btn_gikai.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}

#snavi_reiki {
	background-image: url(images/btn_reiki.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#snavi_reiki a:hover {
	background-image: url(images/btn_reiki.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}

#snavi_kifu {
	background-image: url(images/btn_kifu.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#snavi_kifu a:hover {
	background-image: url(images/btn_kifu.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}

#snavi_bus {
	background-image: url(images/btn_bus.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#snavi_bus a:hover {
	background-image: url(images/btn_bus.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}

#snavi_ijuu {
	background-image: url(images/btn_ijuu.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#snavi_ijuu a:hover {
	background-image: url(images/btn_ijuu.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}

#snavi_bunkasai {
	background-image: url(images/btn_kokuminbunkasai.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#snavi_bunkasai a:hover {
	background-image: url(images/btn_kokuminbunkasai.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}

/* 施設案内ドロップダウンボタン */

#shisetsu_navi {
	height: 57px;
	width: 190px;
	margin-bottom: 10px;
}
#shisetsu_button {
	position: relative;
	height: 57px;
	width: 190px;
}
#shisetsu_button a {
	height: 57px;
	width: 190px;
	display: block;
}
#shisetsu_button a {
	background-image: url(images/btn_shisetsu.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#shisetsu_button a:hover {
	background-image: url(images/btn_shisetsu.png);
	background-repeat: no-repeat;
	background-position: -190px top;
}
.shisetsu_parent {
	text-indent: 100%;
     white-space:nowrap;
     overflow:hidden;
}


#shisetsu_navi li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
	-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}
#shisetsu_navi li ul li {
	width: 190px;
	overflow: hidden;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	z-index: 90;
}
#shisetsu_navi li ul li a {
	background: #46acd5;
	text-align: left;
	font-size: 16px;
	color: #FFF;
	padding-top: 12px;
	padding-right: 0px;
	padding-left: 15px;
	text-decoration: none;
	width: 175px;
	height: 33px;
}
#shisetsu_navi li ul li a:hover {
	color: #FFF;
	background-color: #43B7F1;
	background-image: none;
}
#shisetsu_navi li:hover ul li {
	overflow: visible;
	height: 45px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#shisetsu_navi li:hover > a {
	color: #46acd5;
}

#shisetsu_navi li:hover ul li:first-child {
  border-top: 0;
}
#shisetsu_navi li:hover ul li:last-child {
  border-bottom: 0;
}
#shisetsu_navi li:hover ul li:last-child a {
	border-radius: 0 0 5px 5px;
}

/* 外部リンクアイコン */
#shisetsu_navi li:hover ul li .external {
	position: absolute;
}
/* 施設案内END */

/* お問合せ先 */
.inquiry {
	border: 1px solid #d8dadc;
	margin-bottom: 20px;
	clear: both;
}
#main .inquiry h2 {
	background-color: #E9E9E9;
	background-image: none;
	font-size: 110%;
	padding-left: 10px;
	height: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}
.inquiry address{
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.section,
.tel,
.fax,
.email,
.note {
	font-size: 95%;
	line-height: 1.5em;
}

/* Footer
----------------------------------------------- */
#footer {
	position: absolute;
	bottom: 0;
	height: 190px;
	background-color: #7d7d7d;
	width: 100%;
	min-width:960px;
	background-image: url(images/footer_topline.gif);
	background-repeat: repeat-x;
	background-position: center top;
	left: -1px;
}
#privacy {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	margin-bottom: 20px;
}
#privacy ul {
	text-align: center;
}
#privacy ul li {
	margin-right: 1em;
	padding-right: 1em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b6b6b6;
	display: inline;
}
#privacy ul li a {
	color: #FFF;
}

#footer_wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	background-image: url(images/footer_addline.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#footer_dl {
    color: #FFF;
    margin-left: 145px;
}
#footer_dl dt {
	width: 100px;
	float: left;
	font-size: 16px;
}
#footer_dl dd {
	padding-left: 100px;
}

#heptagon_btn {
	float: left;
	height: 73px;
	width: 230px;
}
#heptagon_btn a {
	height: 73px;
	width: 230px;
	display: block;
	background-image: url(images/heptagon_btn.png);
	background-repeat: repeat;
	background-position: left top;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}

#footer address {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


/* recent-docs-tab
----------------------------------------------- */
#recentDocsTab .content {
	height: 240px;
	overflow:auto;
}
#recentDocsTab .pieceBody .tabs:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#recentDocsTab .pieceBody .tabs li {
	float: left;
	margin: 0 3px 0 0;
	width:100px;
}
#recentDocsTab .pieceBody .tabs li.event {
	float: left;
	margin: 0 3px 0 0;
	width:120px;
}
#recentDocsTab .pieceBody .tabs li a span {
	font-size:90%;
	color:#EE0202;
	margin-left: 2px;
}
#recentDocsTab .pieceBody .tabs a {
	display: block;
	border-radius: 3px 3px 0 0; /*  IE-CSS3 */
	-moz-border-radius: 3px 3px 0 0; /* Firefox */
	-webkit-border-radius: 3px 3px 0 0; /* Safari and Chrome */
	behavior: url(_themes/js/PIE.htc);
	text-align: center;
	font-size: 95%;
	text-decoration: none;
	vertical-align: bottom;
	position: relative;
	background-color: #E2E2E2;	
	border-width: 1px 1px 0px 1px;
	border-style: solid solid none solid;
	border-color: #c0c6c9;
	padding: 4px;
}

#recentDocsTab .pieceBody .tabs li.current a,
#recentDocsTab .pieceBody .tabs li a:hover {
	background-color: #FFF;
	background-image: none;
}

#recentDocsTab .pieceBody .tabs li.jigyousya {
	font-size:  100%;
}



#recentDocsTab .pieceBody .wrapper {
	border: 1px solid #c0c6c9;
	height: 481px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}


#recentDocsTab .pieceBody .wrapper .content {
	margin-bottom: 12px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	height: 440px;
}

.shinchaku .title_link {
	color: #666;
	margin-right: 5px;
}
.shinchaku .publish_date {
	font-size: 90%;
}

#recentDocsTab .pieceBody .wrapper .content li {
	margin-bottom: 3px;
	padding-left: 15px;
	background-image: url(images/news_arrow.gif);
	background-position: 0 5px;
	background-repeat: no-repeat
}
#recentDocsTab .pieceBody .wrapper .links { 
  width: 100%;
  position: relative;
}
#recentDocsTab .pieceBody .wrapper .links .feed { 
  position: absolute;
  top: 0px;
  left: 0px;
}




/* RSS Atom
---------------------- */
#feed {
	position: relative;
	height: 20px;
}
#feed .feed {
	position: absolute;
	right: 0px;
	text-align: left;
}

ul.feed li {
	width :50px;
	height: 18px;
	display: inline-block;
	*display: inline;  
    *zoom: 1; 
}
ul.feed li:farst-child {
  margin-right: 10px;
}
ul.feed li a {
	display: block;
	padding: 0;
	margin: 0px;
	height: 18px;
	width: 50px;	
	text-indent: -9999em;
}
.feedRss {
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.feedAtom{
	background-image: url(images/atom.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* 個別レイアウト */
#library_topimg {
	height: 260px;
	width: 750px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;	
}
#library_top_search {
	width: 510px;
	height:74px;
	margin:0px auto 20px auto;
}

#syobou_topimg {
	height: 260px;
	width: 750px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;	
}
#bouka_hyougo {
	width: 740px;
	height: 80px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
#syobou_banner {
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}
#syobou_dispatch {
	float: left;
	width: 350px;
	height: 220px;
}
.syobou_address {
	background-color: #f9e6e5;
	float: right;
	width: 350px;
	height: 205px;
	padding-top: 15px;
	border-radius: 6px; /*  IE-CSS3 */
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari and Chrome */
	behavior: url(_themes/js/PIE.htc);
}
.syobouadd_title {
	margin-left: 20px;
	font-size: 16px;
	font-weight: bold;
}
.syobou_address dl {
	margin: 10px 30px 10px 30px;
	font-size: 12px;
}
.syobou_address dl dt {
	float: left;
	width: 3em;
	font-weight: bold;
}
.syobou_address dl dd {
	margin-left: 3em;
}
	
#senkan_topimg {
	height: 260px;
	width: 750px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;	
}
#chara_senkyo {
	height: 65px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#kagura_topimg {
	height: 260px;
	width: 750px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;	
}


#minzoku_topimg {
	height: 260px;
	width: 750px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;	
}

#asakura_topimg {
	height: 260px;
	width: 750px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;	
}
#shigikai_topimg {
	width: 750px;
	height: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;	
}
.shigikai_banner {
	width: 100%;
	margin-bottom: 30px;
}
#main .shigikai_banner ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.shigikai_banner ul li {
	float: left;
	width: 230px;
	height: 70px;
	margin-right: 10px;
	margin-left: 10px;
}
.shigikai_banner ul li a {
	display: block;
	height: 70px;
	width: 230px;
}
#main .gikaidayori ul {
	list-style-type: none;
}

/* 空き家バンクの物件一覧カテゴリページ 20180223 */

.dir-categories-ijyuuTeijyuu-akiyaInfo-baibai .baibai .docs,
.dir-categories-ijyuuTeijyuu-akiyaInfo-tintai .tintai .docs {
	margin: 0px!important;
	padding: 20px 0px 20px 0px;
}

.dir-categories-ijyuuTeijyuu-akiyaInfo-baibai .baibai li,
.dir-categories-ijyuuTeijyuu-akiyaInfo-tintai .tintai li {
	list-style-type: none;
	background-image: none;
	display: inline-block;
	/display:inline; 
	/zoom:1;
	width: 230px;
	vertical-align: top;
	margin: 0px 8px 30px 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.dir-categories-ijyuuTeijyuu-akiyaInfo-baibai .baibai li p,
#main .level2 .tintai li p {
	margin: 0;
	padding: 0;
}

.dir-categories-ijyuuTeijyuu-akiyaInfo-baibai .baibai li p .image img,
.dir-categories-ijyuuTeijyuu-akiyaInfo-tintai .tintai li p .image img {
	width: 228px;
	height: auto;
	margin: 0px 0px 8px 0px;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #CCC;
}
.dir-categories-ijyuuTeijyuu-akiyaInfo-baibai .baibai li .title_link,
.dir-categories-ijyuuTeijyuu-akiyaInfo-tintai .tintai li .title_link  {
	font-size: 130%;
	margin-left: 10px;
	text-align: left;
}
.dir-categories-ijyuuTeijyuu-akiyaInfo-baibai .baibai li .subTitle,
.dir-categories-ijyuuTeijyuu-akiyaInfo-tintai .tintai li .subTitle {
	font-size: 120%;
	color: #F00;
}
.dir-categories-ijyuuTeijyuu-akiyaInfo-baibai .baibai li .summary,
.dir-categories-ijyuuTeijyuu-akiyaInfo-tintai .tintai li .summary  {
	font-size: 12px;
}

/* 空き家バンクの物件一覧カテゴリページ OLD

#main .akiya_info .docs,
#main .level2 .baibai .docs,
#main .level2 .tintai .docs {
	margin: 0px;
	padding: 20px 0px 20px 0px;
}

#main .akiya_info .docs li,
#main .level2 .baibai li,
#main .level2 .tintai li {
	list-style-type: none;
	background-image: none;
	display: inline-block;
	/display:inline; 
	/zoom:1;
	width: 230px;
	vertical-align: top;
	margin: 0px 8px 30px 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#main .akiya_info .docs li p,
#main .level2 .baibai li p,
#main .level2 .tintai li p {
	margin: 0;
	padding: 0;
}

.akiya_info .docs li p .image img,
.level2 .baibai li p .image img,
.level2 .tintai li p .image img {
	width: 228px;
	height: auto;
	margin: 0px 0px 8px 0px;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #CCC;
}
#main .akiya_info .docs li .title_link,
#main .level2 .baibai li .title_link,
#main .level2 .tintai li .title_link  {
	font-size: 130%;
	margin-right: 15px;
	text-align: left;
}
#main .akiya_info .docs li .subTitle,
#main .level2 .baibai li .subTitle,
#main .level2 .tintai li .subTitle {
	font-size: 120%;
	color: #F00;
}
#main .akiya_info .docs li .summary,
#main .level2 .baibai li .summary,
#main .level2 .tintai li .summary  {
	font-size: 12px;
}

//////////////////// */

/* 成約済み一覧 */

#main .seiyaku .docs {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	list-style-type: none;
}

#main .category.seiyaku .docs li {
	list-style-type: none;
	background-image: none;
	display: inline-block;
	/display:inline; 
	/zoom:1;
	width: 230px;
	vertical-align: top;
	margin: 0px 8px 30px 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#main .seiyaku .docs li p {
	margin: 0;
	padding: 0;
}

.seiyaku .docs li p .image img {
	width: 228px;
	height: auto;
	margin: 0px 0px 8px 0px;
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #CCC;
}
#main .seiyaku .docs li .title_link {
	font-size: 130%;
	margin-right: 15px;
	text-align: left;
}
#main .seiyaku .docs li .subTitle {
	font-size: 120%;
	color: #F00;
}
#main .seiyaku .docs li .summary {
	font-size: 12px;
}

/* 朝倉文夫バナー_20150731 */
.asakura_banner {
	width: 700px;
	margin:0px auto 25px auto;
}
#main .asakura_banner ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.asakura_banner ul li {
	float: left;
	width: 300px;
	height: 70px;
	margin:0px 25px 0px 25px;
}
.asakura_banner ul li a {
	display: block;
	height: 70px;
	width: 300px;
}
/* END 朝倉バナー */

/* 2017選挙 */
#senkyo {
	width: 450px;
	height: 150px;
	margin: 0px auto 30px auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/senkyo.png);
}
#countdown {
	position: absolute;
	right: 35px;
	bottom: 32px;
	font-size: 46px;
	font-weight: bold;
	color: #f00000;
}
#senkyo a {
	display: block;
	position: relative;
	width: 450px;
	height: 150px;
}

/* 2017年5月　森林ゾーニング図 */
#zone_area {
	width: 100%;
	margin: 0px auto 50px auto;
}
#zone01 {
	width: 360px;
	float: left;
}
#zone02 {
	width: 360px;
	float:  right;
}
.zone_btn {
	width: 360px;
	height: 200px;
	margin-bottom: 10px;
	-moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}
.zone_btn a {
	display: block;
	width: 360px;
	height: 200px;
}
.zone_btn a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#zone01 .zone_btn a {
	background-image: url(images/zone_pdf/zone01.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#zone02 .zone_btn a {
	background-image: url(images/zone_pdf/zone02.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.zone_txt {
	line-height: 1.5em;
}
.zone_txt ul {
	margin-left: 25px!important;
}

/* Zone PDF Links */
#zone_pdf_area {
	width: 672px;
	margin: 0px auto 50px auto;
}
#zone_pdf_area div {
	width: 110px;
	height: 172px;
	float: left;
	border: 1px solid #9D9D9D;
}
#zone_pdf_area div a {
	width: 110px;
	height: 172px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#zone_pdf_area div a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	overflow: inherit;
	text-indent: inherit;
	white-space: inherit;
	text-decoration: none;
	font-size: 400%;
	text-align: center;
	line-height: 172px;
	font-weight: bold;
	color: red;
	
}
.zone_pdf01,
.zone_pdf06,
.zone_pdf11 {
	margin-left: 112px;
}
.zone_pdf01 a {
	background-image: url(images/zone_pdf/zone_01.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf02 a {
	background-image: url(images/zone_pdf/zone_02.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf03 a {
	background-image: url(images/zone_pdf/zone_03.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf04 a {
	background-image: url(images/zone_pdf/zone_04.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf05 a {
	background-image: url(images/zone_pdf/zone_05.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf06 a {
	background-image: url(images/zone_pdf/zone_06.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf07 a {
	background-image: url(images/zone_pdf/zone_07.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf08 a {
	background-image: url(images/zone_pdf/zone_08.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf09 a {
	background-image: url(images/zone_pdf/zone_09.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf10 a {
	background-image: url(images/zone_pdf/zone_10.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf11 a {
	background-image: url(images/zone_pdf/zone_11.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf12 a {
	background-image: url(images/zone_pdf/zone_12.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf13 a {
	background-image: url(images/zone_pdf/zone_13.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf14 a {
	background-image: url(images/zone_pdf/zone_14.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf15 a {
	background-image: url(images/zone_pdf/zone_15.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf16 a {
	background-image: url(images/zone_pdf/zone_16.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf17 a {
	background-image: url(images/zone_pdf/zone_17.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf18 a {
	background-image: url(images/zone_pdf/zone_18.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}
.zone_pdf19 a {
	background-image: url(images/zone_pdf/zone_19.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}


/* more ---------------------- */
.links .more {
	font-size: 90%;
}
.more {
	text-align: right;
}
.more span {
  padding-right: 10px;
}

/* 画像の中寄せ */
.naka {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
/* 線のないテーブル */
#main .noline td,
#main .noline th {
	border:none;
}

/* 小中規模災害時モード用 */
#emergency_announce {
	margin-bottom: 15px;
	border: 2px solid #F00;
}
#emergency_announce h2 {
	background-color: #F00;
	font-weight: bold;
	color: #FF0;
	text-align: center;
	font-size: 120%;
	padding: 3px;
}
#emergency_announce p {
	padding: 5px 15px 5px 15px;
}

#emergency_information {
	margin-bottom: 15px;
	border: 2px solid #000;
}
#emergency_information h2 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	background-color: #ffff5d;
	font-size: 120%;
	font-weight: bold;
}
#emergency_information ul {
	color: #000;
	padding: 0px 15px 5px 15px;
	list-style-type: disc;
	list-style-position: inside;
}
#emergency_information ul li {
	margin-bottom:3px;
}
#emergency_information .more {
	padding: 0px 10px 5px 10px;
}
.akiya_info.cycle .level2 .seiyaku {
	display:none;
}

/* 20180220 空き家ul非表示 */
.dir-categories-ijyuuTeijyuu .akiya_info ul {
	display: none!important;
}

/* 20180718　国民文化祭バナー */
.kkmnbunkasai {
	width: 750px;
	height: 520px;
	margin: 0px auto 30px auto;
	background-image: url(images/kokuminbunkasai.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/* //////////////////////////////////////// Mobile //////////////////////////////////////// */
@media screen and (max-width: 600px) {
html,body,#wrapper {
	height:auto;
}
#container {
	width: auto;

}
#header {
	width: auto;
	height: auto;
	background-image: url(images/mobile/header_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#header_logo {
	height: 80px;
	width: 194px;
	float: none;
	position: static;
	margin-right: auto;
	margin-left: auto;
}
#header_logo a {
	background-image: url(images/mobile/header_logo.png);
	height: 80px;
	width: 194px;
	float: none;
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	text-indent: 100%;
	white-space:nowrap;
	overflow:hidden;
}
#header_menu {
	float:none;
	width:100%;
	height:auto;
}

#accessibility_tool {
	width: 100%;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8dadc;
	padding: 5px 0px 10px 0px;
}
#fontsize,
#theme_color {
	display:none;
}
#sitemap {
	width: 30%;
	border: none;
	padding: 0px;
	text-align: center;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sitemap a {
	color: #686868;
}
#search_box {
	width:65%;
}

#global_navi {
	height: auto;
	width: 100%;
}

#global_menu {
	height: auto;
	width: 100%;
	border-left-width: 0px;
}
#global_menu li {
	width: 50%;
	height:60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #89847d;
	background-image: url(images/mobile/m_menu_bg.png);
	background-repeat: repeat-x;
	background-position: left top; 
}
#global_menu li a {
	text-indent: 0px;
	text-align: left;
	color: #FFF;
}
#global_menu li a:hover {
	text-indent: 0px;
	color:#c8c2be;
}

/* 分野別 */
#global_menu #menu01 a {
	background-image: url(images/mobile/m_menubtn01.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 50px;
}
#global_menu #menu01 a:hover {
	background-image: url(images/mobile/m_menubtn01.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 50px;
}

/* 市役所案内 */
#global_menu #menu02 a {
	background-image: url(images/mobile/m_menubtn02.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 45px;
}
#global_menu #menu02 a:hover {
	background-image: url(images/mobile/m_menubtn02.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 45px;
}

/* 観光 */
#global_menu #menu03 a {
	background-image: url(images/mobile/m_menubtn03.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 50px;
}
#global_menu #menu03 a:hover {
	background-image: url(images/mobile/m_menubtn03.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 50px;
}

/* 豊後大野市について */
#global_menu #menu04 a {
	background-image: url(images/mobile/m_menubtn04.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 28px;
	padding-top:23px;
	font-size:102%;
}
#global_menu #menu04 a:hover {
	background-image: url(images/mobile/m_menubtn04.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 28px;
}

#global_menu li ul {
	display:none;
}
#contents {
	width: 100%;
	margin-bottom:50px;
}
#main_top,
#main {
	float: none;
	width: 100%;
}

h1,h2,h3,h4 {
	margin-left: 0px;
	margin-right: 0px;
}

#sidebar{
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 70px;
	padding-top: 20px;
}
.side_navi li {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.side_navi li a {
	width: 100%;
	display: block;
	text-indent: 0;
	white-space: nowrap;
	overflow: hidden;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	padding-top: 17px;
	height: 40px;
	font-size: 125%; /* 20170911 */
}

#snavi_bousai a {
	background: #fb5e60;
	background: linear-gradient(#fc7b7c 0%,#fb5e60 100%);
}
#snavi_bousai a:hover {
	background: #fc7b7c;
	background: linear-gradient(#fb5e60 0%,#fc7b7c 100%);
}

#snavi_mayor a {
background: #19b49f;
background: linear-gradient(#22ccb5 0%,#19b49f 100%);
}
#snavi_mayor a:hover {
background: #22ccb5;
background: linear-gradient(#19b49f 0%,#22ccb5 100%);
}

#snavi_event a {
background: #0095d9 ;
background: linear-gradient(#039fe6 0%,#0095d9 100%);
}
#snavi_event a:hover {
background: #039fe6;
background: linear-gradient(#0095d9 0%,#039fe6 100%);
}

#snavi_yoyaku a {
background: #4b7ab7;
background: linear-gradient(#5082c3 0%,#4b7ab7 100%);
}
#snavi_yoyaku a:hover {
background: #5082c3;
background: linear-gradient(#4b7ab7 0%,#5082c3 100%);
}

#snavi_gikai a {
background: #54afbb;
background: linear-gradient(#58b7c4 0%,#54afbb 100%);
}
#snavi_gikai a:hover {
background: #58b7c4;
background: linear-gradient(#54afbb 0%,#58b7c4 100%);
}

#snavi_reiki a {
background: #737cb9;
background: linear-gradient(#7c86c7 0%,#737cb9 100%);
}
#snavi_reiki a:hover {
background: #7c86c7;
background: linear-gradient(#737cb9 0%,#7c86c7 100%);
}

#snavi_kifu a {
background: #fa7fad;
background: linear-gradient(#fb90b8 0%,#fa7fad 100%);
}
#snavi_kifu a:hover {
background: #fb90b8;
background: linear-gradient(#fa7fad 0%,#fb90b8 100%);
}

#snavi_bus a {
background: #e2973f;
background: linear-gradient(#ec9e43 0%,#e2973f 100%);
}
#snavi_bus a:hover {
background: #ec9e43;
background: linear-gradient(#e2973f 0%,#ec9e43 100%);
}

#snavi_ijuu a {
background: #9d896c;
background: linear-gradient(#aa9475 0%,#9d896c 100%);
}
#snavi_ijuu a:hover {
background: #aa9475;
background: linear-gradient(#9d896c 0%,#aa9475 100%);
}

#snavi_bunkasai a {
background: #9d896c;
background: linear-gradient(#f2bd29 0%,#fdc937 100%);
}
#snavi_bunkasai a:hover {
background: #aa9475;
background: linear-gradient(#fdc937 0%,#f2bd29 100%);
}

	
/* 施設情報 */	


#shisetsu_button {
	height: 57px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	
	position: relative;
}
#shisetsu_button a {
	height: 57px;
	display: block;
	width: 100%;
	text-indent: 0;
	white-space: nowrap;
	overflow: hidden;
	color: #FFF;
	text-decoration: none;
	font-size: 125%;
	padding-top: 17px;
	height: 40px;
}
#shisetsu_button a {
	background: #0061ad;
	background: linear-gradient(#0a6cb9 0%,#0061ad 100%);
}
#shisetsu_button a:hover {
	background: #0a6cb9;
	background: linear-gradient(#0061ad 0%,#0a6cb9 100%);
	color: #FFF!important;
}
	

#shisetsu_navi {
	height: 350px;
	width: 100%;
	margin-bottom: 10px;
}

#shisetsu_navi li ul{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: auto;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#shisetsu_navi li ul li {
	width: 100%;
	overflow: visible;
	height: auto;
	color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
#shisetsu_navi li:hover ul li {
	overflow: visible;
	height: auto;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}	
	
#shisetsu_navi li ul li a {
	background-color: #D4D4D4;
	color: #454545;
	font-size: 115%;
	line-height: 40px;
	text-align: left;
	padding: 0px 0px 0px 5%;
	text-decoration: none;
	width: 95%;
	height: 40px;
}	
#shisetsu_navi li ul li a:hover {
	color: #FFF;
	background-color: #5194C9;
	background-image: none;
}
	
#shisetsu_navi li:hover ul li {
	overflow: visible;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
#shisetsu_navi li:hover > a {
	color: #46acd5;
}

#shisetsu_navi li:hover ul li:first-child {
  border-top: 0;
}
#shisetsu_navi li:hover ul li:last-child {
  border-bottom: 0;
}
#shisetsu_navi li:hover ul li:last-child a {
	border-radius: 0 0 5px 5px;
}
	
	
/* Life Event */ 

#lifeevent_menu {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#lifeevent_menu li {
	width: 48%;
}
#lifeevent_menu li a {
	width: auto;
}
#media {
	width: auto;
	height: auto;
	padding-right: 6px;
	padding-left: 6px;
}
#media_menu li {
	width: 49%;
	height: auto;
	margin-bottom: 10px;
}
#media_menu li a {
	width: 100%;
	height: auto;
	display: block;
}
#media_menu li a img {
	width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

#recentDocsTab .content,
#pickup,
#topics {
	float: none;
	width: auto;
	height: auto;
}
#pickup {
	text-align: center;
}

.topics_photo {
	float: none;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.topics_photo .image img {
	width: auto;
	height: auto;
	-ms-interpolation-mode: bicubic;
	border: 1px solid #c3c5c7;
	margin-bottom: 10px;
}
.topics_rightbox {
	float: none;
	width: 90%;
	height: auto;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#topics .more {
	margin-bottom: 10px;
}

#main_lower,
#lower_left,
#lower_right {
	float: none;
	width: auto;
}

#library_topimg,
#syobou_topimg,
#shigikai_topimg,
#kagura_topimg,
#senkan_topimg,
#asakura_topimg,
#minzoku_topimg,
#main img {
	height: auto;
	width: 100%;
}

.asakura_banner {
	width:auto;
}
.asakura_banner ul li {
	float:none;
	margin:0px auto 0px auto;
}
.asakura_banner li:first-child{
	margin-bottom:20px;
}
#library_top_search {
	width: 90%;
	height:auto;
	margin:0px auto 20px auto;
}
#bouka_hyougo {
	width: 100%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#main .body img {
	max-width:95%;
	width: auto;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

.adobe_banner {
	height: 39px;
	width: 158px;
	float: none;
	margin-top: 3px;
	margin-bottom: 7px;
	margin-right: auto;
	margin-left: auto;
}
.adobe_text {
	width: auto;
	float: none;
}
.adobeReader img.external {
	display: none;
}

#topBannerArea {
	margin-bottom:0;
}
.ad_banner {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.ad_banner li {
	margin-bottom:10px;
}

#topBannerArea  p {
	clear:both;
}
#heptagon_info {
	width:100%;
	height:auto;
}
#heptagon_info a img {
	width:100%;
	height:auto;
	-ms-interpolation-mode: bicubic;
}
#footer {
	background-color:#7d7d7d;
	height:auto;
	width: 100%;
	min-width:inherit;
}
#privacy {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 10px;
	height: auto;
}

#privacy ul li {
	display: block;
	border:none;
}

#footer_wrapper {
	float: none;
	width: 100%;
	height:auto;
}
#footer_dl {
	float:none;
	width: auto;
	margin-left:15px;
	margin-bottom:10px;
}
#footer_dl dt {
	float: none;
	width: 100%;
	font-size: 100%;
}
#footer_dl dd {
	float: none;
	width: 100%;
	padding-left: 0px;
	font-size: 90%;
}
#contact_btn {
	float: none;
	background-image: none;
	width: auto;
	height: auto;
	margin-left: 10px;
}
#contact_btn a {
	background-image: none;
	overflow: auto;
	text-indent: 0%;
	white-space: normal;
	width: auto;
	height: auto;
	color: #FFF;
	text-decoration: underline;
	text-align: center;
}

#footer address {
	width: auto;
	padding-top: 10px;
	font-size: 10px;
	text-align: center;
}

#main .external {
	width:15px;
	height:15px;
}
iframe {
	width:auto;
	height:auto;
}
/* 2017選挙mobile */
#senkyo {
	width: 300px;
	height: 100px;
	margin: 0px auto 30px auto;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/senkyo.png);
	position: relative;
	background-size: contain;
}
#countdown {
	position: absolute;
	right: 20px;
	bottom: 22px;
	font-size: 30px;
	font-weight: bold;
	color: #f00000;
}	

	#chara_senkyo {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

/* Zoneing */
#zone_area {
	width: 100%;
	margin: 0px auto 30px auto;
}
#zone01 {
	width: 288px;
	float: none;
	margin: 0px auto 20px auto;
}
#zone02 {
	width: 288px;
	float:  none;
	margin: 0px auto 20px auto;
}
.zone_btn {
	width: 288px;
	height: 160px;
}
.zone_txt {
	padding: 10px;
	font-size: 85%;
}

.zone_btn a {
	display: block;
	width: 288px;
	height: 160px;
}
.zone_btn a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
	
/* Zone PDF Links */
#zone_pdf_area {
	width: 90%;
	margin: 0px auto 30px auto;
}
#zone_pdf_area div {
	width: 50px;
	height: 78px;
}
#zone_pdf_area div a {
	width: 50px;
	height: 78px;
}
#zone_pdf_area div a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	overflow: inherit;
	text-indent: inherit;
	white-space: inherit;
	text-decoration: none;
	font-size: 200%;
	text-align: center;
	line-height: 78px;
	font-weight: bold;
	color: red;
	
}
.zone_pdf01,
.zone_pdf06,
.zone_pdf11 {
	margin-left: 52px;
}
	
/* 20180718　国民文化祭バナー */
.kkmnbunkasai {
	width: 95%;
	height: 280px;
	margin: 0px auto 30px auto;
	background-size: contain;
}	
	
}