@charset "utf-8";
/* ===================================================================
 style info : コンテンツ用　メインCSS
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

#globalheader #header_navi ul {
	height: auto;
}

#globalheader #js_header_menu {
	display:none;
}

/* リンク
----------------------------------------------------*/
a {
}

a:link {
	color:#004B8C;
}

a:visited {
}

a:hover {
	text-decoration:none;
}

a:active {
}


/* 汎用class
----------------------------------------------------*/
/* clearfix */
.header_navi:after , #contents:after , #main:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


.textC,
.btn {
	text-align: center;
}

.textR,
.sign {
	text-align: right;
}


.list_bottom{
	text-align: right;
	font-size: 85%;
}

#main .list_bottom img{
	vertical-align:bottom;
}

.link{
	background:url(../imgs/icon_arrow01.png) no-repeat left 0.5em;
	padding-left:10px;
}


.link02{
	background:url(../imgs/icon_arrow02.png) no-repeat left 0.2em;
	padding-left:20px;
	display:inline-block;
}


.linklist li{
	padding-left:10px;
	text-indent:-10px;
}

.linklist a{
	background:url(../imgs/icon_arrow01.png) no-repeat left 0.5em;
	padding-left:10px;
}

/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
body{
	border-top:3px solid #2467BA;
	background:url(../imgs/body_bg_common.png) repeat-x left top;
}

#page{
	background:url(../imgs/body_bg_default.png) no-repeat center -70px;
	font-size: 93%;
	padding:5px;
}

.reading img{
	float:left;
}

/*----------------------------------------------------
	#gloabalheader（ヘッダー）
----------------------------------------------------*/
#globalheader{
	margin: 0 auto;
}

#globalheader .header_wrap{
	overflow:auto;
	text-align:center;
}


.textmode{
	overflow:hidden;
	margin-bottom:10px;
	text-align:center;
}

.textmode li{
	display:inline-block;
	margin-right:10px;
}

#sitelogo{
	text-align:center;
	margin-bottom:5px;
}

#globalheader .contact{
	margin-bottom:5px;
	font-size:0;
}

#globalheader .contact p{
	display:inline;
}

#globalheader .contact p img{
}

#function{
	text-align:center;
	overflow:hidden;
	width:100%;
	margin-bottom:10px;
}

#function p{
}

#function ul li{
}

.fs_change{
	display:none;
}

.fc_change{
	display:none;
}


.readspeaker_btn{
	display:none;
}

.searchform{
	height:25px;
	overflow:hidden;
}

.searchform .search_txt{
	width:240px;
	height:25px;
}

#header_navi{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
	border-top:2px solid #2467BA;
	border-bottom:2px solid #2467BA;
}


/* header_navi for mobile */
#header_navi ul{
	border-bottom: 1px solid #ccc;
}

#header_navi ul li{
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border-bottom: 1px solid white;
	border-top: 1px solid #ccc;
	height:44px;
	margin: 0;
}

#header_navi ul li a{
	color: #333;
	display: block;
	height: 44px;
	margin: 0;
	text-align:left;
	padding: 7px 0 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	line-height: 44px;
}

#header_navi ul li a::after{
	content: url(../imgs/icon_arrow02.png);
	float: right;
	padding:0px 15px 10px 0;
}

#header_navi ul li:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#B8CEE8));
	background: linear-gradient(#fff, #B8CEE8);
}

/*----------------------------------------------------
	#contents（メインコンテンツとサイドバー）
----------------------------------------------------*/
#contents {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	zoom: 1;
	margin-bottom: 10px;
	background:FFF;
	font-size:123.1%;
}

.breadcrum{
	background:#E1E6ED url(../imgs/icon_home.jpg) no-repeat 10px 0.6em;
	padding:8px 10px 5px 33px;
	font-size:85%;
	margin-bottom:15px;
}

/*----------------------------------------------------
	#main（メインコンテンツ）
----------------------------------------------------*/
#main {
	width: 100%;
	word-break:break-all;
	margin-bottom:1em;
}

#main table,
#main blockquote,
#main pre,
#main p {
	margin-bottom: 10px;
}

#main img{
	vertical-align:top;
}


#main h1{
	background:
		url(../imgs/sub_pagetitle_bg02.png) , -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background:url(../imgs/sub_pagetitle_bg02.png),linear-gradient(#fff, #f0f0f0);
	background-repeat: no-repeat;
	background-position:right top;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:161.6%;
	line-height:1.4em;
	height:auto;
	padding:18px 10px 14px 0px;
	margin-bottom:20px;
}

#main h1 span{
	display:inline-block;
	background: url(../imgs/sub_pagetitle_bg01.jpg) no-repeat 15px top; 
	padding-left:35px;
}

#main h1.imgtitle{
	background:none;
	padding:0;
	height:auto;
}

#main h2{
	clear: both;
}

/* listblock */
.listblock{
	border:1px solid #5D92D7;
	padding:10px 10px 0px 10px;
	margin-bottom:40px;
}


.listblock dl dt {
	float:left;
	clear:both;
	width:100px;
	font-size:80%;
	word-break:break-all;
	padding-top:1px;
	padding-bottom:10px;
}

.listblock dl dd {
	padding:0 0 6px 105px;
	margin-bottom:8px;
	border-bottom:1px dotted #333;
	line-height:1.2em;
}

/* second page
----------------------------------------------------*/
/* category_menu */
#main .category_menu h2 , #main .category_list h3 {
	background:#E1E6ED;
	padding:10px;
	font-size:108%;
	margin-bottom:20px;
}

#main .category_menu ul{
	overflow:hidden;
	width:100%;
	text-align:center;
}

#main .category_menu ul li{
	display:inline-block;
	text-align:left;
	margin:0 0px 10px 0;
	height:54px;
	width:215px;
	padding:0 10px 0 35px;
	background:url(../imgs/category_menu_bg.jpg) no-repeat left top;
}

#main .category_menu ul li:nth-child(3n){
	margin-right:0;
}

#main .category_menu ul li a:nth-child(3n){
}

#main .category_menu ul li a{
	height:54px;
	width:260px;
	display:table-cell;
	vertical-align:middle;
}

/* third page
----------------------------------------------------*/
#main .category_list h2 , .newslist h2{
	background:
		url(../imgs/sub_pagetitle_bg02.png) , -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eceae7));
	background:url(../imgs/sub_pagetitle_bg02.png),linear-gradient(#fff, #eceae7);
	background-repeat: no-repeat;
	background-position:right top;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:123.1%;
	line-height:1.4em;
	height:auto;
	padding:13px 10px 9px 0px;
	margin-bottom:10px;
}

#main .category_list h2 span , .newslist h2 span{
	display:inline-block;
	background:url(../imgs/sub_pagetitle_bg01.jpg) no-repeat 8px top; 
	padding-left:22px;
}

#main .category_list .listblock{
	border:none;
}

#main .category_list .listblock li{
	padding-bottom:10px;
	border-bottom:1px dotted #999;
	margin-bottom:10px;
}

#main .category_list .listblock li span{
	font-size:93%;
	padding-left:5px;
}

/* article page
----------------------------------------------------*/

#main .article h1{
	background:
		url(../imgs/sub_pagetitle_bg02.png) , -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eceae7));
	background:url(../imgs/sub_pagetitle_bg02.png),linear-gradient(#fff, #eceae7);
	background-repeat: no-repeat;
	background-position:right top;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:123.1%;
	line-height:1.4em;
	height:auto;
	padding:13px 10px 9px 0px;
	margin-bottom:5px;
	clear:both;
}

#main .article h1 span{
	display:inline-block;
	background:url(../imgs/sub_pagetitle_bg01.jpg) no-repeat 8px top; 
	padding-left:22px;
}

/* pageinfo */
.article .pageinfo{
	text-align:right;
	font-size: 85%;
	line-height:2em;
	margin-bottom:15px;
} 

.article .pageinfo span{
	font-weight:bold;
}

.article .pageinfo a.print{
	display:none;
}

#main .article h2{
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eceae7));
	background:-moz-linear-gradient(#fff, #eceae7);
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:10px 10px 8px 0;
	margin-bottom:15px;
	font-size:116%;
	clear:both;
}

#main .article h2 span{
	display:inline-block;
	background:url(../imgs/maintitle_bg.jpg) no-repeat 8px top;
	padding:2px 0 0 22px;
}

#main .section{
	margin-bottom:2em;
	padding:0 9px;
	overflow:hidden;
}

#main .article h3{
	border-bottom:1px solid #2E6EB7;
	margin:0 0 5px 0px;
	padding:4px 0 4px 0;
	clear:both;
}

#main .article h3 span{
	background:url(../imgs/subtitle_bg.jpg) no-repeat left top;
	padding:1px 0 0px 12px;
	display:inline-block;
}

#main .article h4{
	background:#E1E6ED;
	border-bottom:1px solid #2E6EB7;
	padding:5px 5px 2px 5px;
	margin-bottom:5px;
	clear:both;
}

#main .article h5{
	border-bottom:1px solid #2E6EB7;
	margin:0 0 5px 0px;
	padding:4px 0 4px 0;
	clear:both;
}

#main .article h6{
	margin:0 0 5px 0px;
	clear:both;
}



/* list */
#main .article ul{
	margin-bottom:1em;
}

#main .article ul li{
	background:url(../imgs/icon_list01.jpg) no-repeat left 0.4em;
	padding-left:15px;
	margin-bottom:5px;
}

#main .article ol{
	margin-bottom:1em;
}

#main .article ol li{
	list-style:decimal inside;
	margin-bottom:5px;
}

/* linklist */
#main .article  .linklist ul li{
	background:url(../imgs/icon_arrow02.png) no-repeat left 0.1em;
	padding-left:20px;
	text-indent:0;
}

#main .article  .linklist ul li a{
	background:none;
	padding:0;
}

/* p */
#main .article p{
	line-height:1.5em;
	margin-bottom:1em;
}


/* imgblock */
.imgblock{
	width:100%;
	margin:0px 0px 10px 10px;
	text-align:center;
}

.imgblock span{
	display:inline-block;
	font-size:86%;
	padding:5px 0px 0px 0px;
}

/* table */
.article table{
	border:1px solid #CCC;
}

.article table caption{
	text-align:left;
	font-weight:bold;
	font-size:100%;
	margin-bottom:5px;
}

.article th{
	background:#E7E7E7;
	text-align:left;
	vertical-align:top;
}

.article th , .article td{
	border:1px solid #CCC;
	padding:10px 5px 10px 10px;
	line-height:1.4em;
s}

/* filelist */
#main .filelist ul li{
	background:none;
	padding:0 0 5px 0;
	margin-bottom:5px;
}

#main .filelist ul li img{
	vertical-align:middle;
	margin-right:5px;
}

#main .filelist ul li a{
	display:inline-block;
	padding-left:33px;
	text-indent:-33px;
}


/* google map area */

.maparea {
	border:1px solid #ccc;
	position: relative;
	padding-bottom: 75%; // 縦横比
	height: 0;
	overflow: hidden;
}

.maparea iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* survey , contact */
#main .survey h2 , #main .contact h2{
	border:1px solid #ccc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background:#ECECEC;
	padding:10px;
	margin:0;
}

#main .survey .section , #main .contact .section{
	border:1px solid #ccc;
	padding:10px 10px 0 10px;
}

.survey .input_area{
	text-align:center;
	margin-bottom:15px;
}
.survey input{
	margin:0;
}

.survey label{
	margin-right:10px;
}

.survey .submit{
	width:200px;
	display:block;
	margin:10px auto 0 auto;
}


/*----------------------------------------------------
	#sidebar（サイドバー）
----------------------------------------------------*/
#sidebar {
	width: 100%;
	margin-bottom:2em;
}

#sidebar img{
	vertical-align:top;
}

/* ranking */
.ranking{
	margin-top:-5px;
}

.ranking  h2{
	background:url(../imgs/side_menutitle_ranking_bg.jpg) repeat-x top right;
}

.ranking ul{
	border:1px solid #ccc;
	border-top:none;
	padding:10px;
	margin-bottom:20px;
}

.ranking ul li{
	margin-bottom:10px;
}

/* category list */
.side_category_list h2 {
	background: url(../imgs/side_menutitle_categorylist_sp.png) no-repeat left 0.4em;
	padding:20px 0 5px 42px;
	color:#FFF;
}
.side_category_list span.a {
   padding-left: 20px;
}
.side_category_list li ul{
	border:none;
}
.side_category_list ul{
	border:1px solid #CCC;
	background:#E7E7E7;
	padding:10px 10px 5px 10px;
	margin-bottom:15px;
}

.side_category_list ul li{
	margin-bottom:10px;
	background:url(../imgs/icon_link01.png) no-repeat left 0.2em;
	padding-left:20px;
	text-indent:-20px;
}

.side_category_list li a{
	padding-left:20px;
}
.side_category_list li.select {
    padding-left:20px;
    text-indent: 0;
}

/* category news in article */
.article .category_news .listblock{
	border:none;
	padding:0;
}

/* banner */
#sidebar .banner01{
	text-align:center;
	margin-bottom:20px;
}

#sidebar .banner01 li{
	margin-bottom:8px;
}

/*----------------------------------------------------
	event（イベントページ用指定）
----------------------------------------------------*/

/* side bar
----------------------------------------------------*/

/* event_calendar */
.event_calendar{
	margin-bottom:15px;
	overflow:hidden;
}

.event_calendar h2{
	background:url(../imgs/menutitle_event_calendar_bg.jpg) no-repeat top right;
}

.event_calendar .calendar_block{
	border:2px solid #5D9D02;
	border-top:none;
	background:#FBF5E9;
	padding:10px 15px 15px 15px;
	font-size:100%;
	overflow:hidden;
	zoom:1;
}

.event_calendar .calendar_block table{
	width:100%;
}

.event_calendar .calendar_block table td , .event_calendar .calendar_block table th{
	padding:8px;
}

.event_calendar h2{
	overflow:hidden;
}


.pagenavi{
	overflow:hidden;
	padding:0 10px;
}

#sidebar .pagenavi{
	padding:0 0 5px 0;
}

.pagenavi p{
	margin-bottom:0;
}

.pagenavi p.pre{
	float:left;
}

.pagenavi p.next{
	float:right;
}

.landscape{
	margin-top:5px;
	font-size:86%;
}

.landscape .fc_today{
	color:#FFCC33;
}

.landscape .fc_event{
	color:#FF0000;
}

.calendar_block table{
	font-size:85%;
	border:1px solid #CCC;
	background:#FFF;
}

.calendar_block th{
	background:#E7E7E7;
}

.calendar_block th , .calendar_block td{
	border:1px solid #CCC;
	padding:4px 2px 1px 2px;
	vertical-align:middle;
	text-align:center;
}

.calendar_block .sun , .calendar_block .holiday{
	color:#FF0000;
}

.calendar_block .sat{
	color:#0066FF;
}

.calendar_block .today{
	font-weight:bold;
	background:#FFCC33;
}

.calendar_block .event a{
	font-weight:bold;
	color:#FF0000;
}

/*----------------------------------------------------
	soshiki（組織一覧用指定）
----------------------------------------------------*/

/* category_menu */
#main .article .category_menu h2{
	background:#E1E6ED;
	padding:10px;
	font-size:108%;
	border:none;
	border-radius:0;
	margin-bottom:20px;
}

#main .soshiki .category_menu{
	margin-top:2em;
}

#main .soshiki .category_menu ul{
	width:100%;
	margin-bottom:2em;
	texg-align:center;
}

#main .soshiki .category_menu ul li{
	display:inline-block;
	margin:0 0px 10px 0;
	height:54px;
	width:220px;
	padding-left:40px;
	background:url(../imgs/category_menu_bg.jpg) no-repeat left top;
}

#main .soshiki .category_menu ul li:nth-child(3n){
	margin:0px;
}

/* category_soshiki list */
.category_soshiki .listblock{
	border:none;
}

.category_soshiki dl{
	margin-bottom:20px;
}

.category_soshiki dl dt{
	font-size:100%;
	width:100%;
	clear:both;
	font-weight:bold;
}

.category_soshiki dl dt.p{
}

.category_soshiki dl dt.c{
	width:100%;
}

.category_soshiki dl dd{
	padding:0 0 10px 0;
	clear:both;
	width:100%;
}

#main .article .category_soshiki .listblock ul{
	margin-bottom:0;
	overflow:hidden;
}

#main .article .category_soshiki .listblock ul li{
	display:inline-block;
	background:none;
	width:100%;
	margin:0 10px 0 0;
}

/* category list shisetsu */
#main .article ul li{
	background:none;
	padding-left:0;
}

/*----------------------------------------------------
	shisetsu（施設用指定）
----------------------------------------------------*/
#main .article div.shisetsu_info .img_right {
    float: none;
}
#main .article div.shisetsu_info table {
    width: 100%;
}


/*----------------------------------------------------
	shicho（市長の部屋用指定）
----------------------------------------------------*/
.imgtitle img{
	width:100%;
}

.newslist .listblock{
	border:none;
	padding:10px 5px;
}

/* category list */
.side_category_list_shicho h2{
	background: url(../imgs/side_menutitle_categorylist_sp.png) no-repeat left 0.4em;
	padding:20px 0 5px 42px;
	color:#FFF;
	margin-bottom:10px;
}

.side_category_list_shicho ul{
	border:none;
	background:none;
	padding:0;
	margin-bottom:15px;
}

.side_category_list_shicho ul li{
	border:1px solid #5B92D7;
	margin-bottom:10px;
	padding:1px;
}

.side_category_list_shicho ul li span{
	background:url(../imgs/side_category_list_shicho_bg.jpg) no-repeat left top;
	display:inline-block;
	width:100%;
}

.side_category_list_shicho li a{
	display:block;
	margin:10px 10px 10px 15px;
	background:url(../imgs/icon_arrow02.png) no-repeat right center;
}


/*----------------------------------------------------
	gikai（あわら市議会用指定）
----------------------------------------------------*/
.categorymenu_gikai{
	
}


.categorymenu_block{
	border:1px solid #ccc;
	width:100%;
	margin-bottom:20px;
}

.categorymenu_gikai .left{
}

.categorymenu_gikai h3{
	background:url(../imgs/categorymenu_gikai_bg.jpg) repeat-x left top;
	padding:10px 15px;
	border-bottom:1px solid #ccc;
}

.categorymenu_gikai ul{
	padding:15px 15px 5px 15px;
}

.categorymenu_gikai ul li{
	margin-bottom:10px;
}


/*----------------------------------------------------
	#globalfooter（フッター）
----------------------------------------------------*/
/* clearfix */
.address .linklist:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#globalfooter{
	clear:both;
	zoom:1;
	min-height:203px;
	font-size:100%;
	border-top:3px solid #2a66bc;
	background:#fbf5e9;
}

#globalfooter .footer_wrap{
	width: 100%;
	margin: 0 auto;
}

#footer_navi{
	padding:5px 0 5px 0;
	background:#ececec;
}

#footer_navi .pageTop {
	clear:both;
	text-align: right;
}

.address{
	padding:5px 0 5px 0;
	line-height:1.4em;
}

.address p.sitetitle{
	font-weight:bold;
	margin-bottom:3px;
}

.address p.sitetitle img{
	vertical-align:middle;
	margin-right:5px;
}

.address .linklist{
	margin:5px 0;
}

#globalfooter .linklist li{
	margin-right:10px;
	float:left;
}


p.copyright{
	clear:both;
	text-align:center;
	font-size:93%;
	background:#FFF;
	border-top:1px solid #2a66bc;
}

/* 国体ページ用 */
#banner_block .banner_ad_kokutai{
	clear:both;
	padding-top:30px;
}

#banner_block .banner_ad_kokutai h2{
	height:40px;
	background:#F1E9DE;
	margin-bottom:10px;
	text-align:left;
}

#banner_block .banner_ad_kokutai h2 img{
	margin:12px 0 0 15px;
}

.banner_ad_kokutai {
	overflow:hidden;
	zoom:1;
	margin-bottom:10px;
	text-align:center;
}

#banner_block .banner_ad_kokutai li{
	margin-right:10px;
	display:inline-block;
}

#banner_block .banner_ad_kokutai li img {
height:60px;
width:180px;
}

#banner_block .banner_ad_kokutai li:lastchild{
	margin-right:0px;
}

.banner_ad_kokutai {
/*	display:none; */
	text-align:center;
}