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

/*----------------------------------------------------
	共通
----------------------------------------------------*/
html {
	overflow-y: scroll;
	width:100%;
}

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

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

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}


/* リンク
----------------------------------------------------*/
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;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.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:12px;
}

.link a{
	padding-left:10px;
	display:inline-block;
}

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

.link02 a{
	padding-left:20px;
}

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

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

/*----------------------------------------------------
	#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 top;
	font-size: 100%;
	width:100%;
}

/* for IE7 */
*+html #page {
	font-size: 80%;
}

.reading img{
	float:left;
}

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

#globalheader .header_wrap{
	height:146px;
	position:relative;
	padding:0 10px 10px 10px;
}

#globalheader li{
	float:left;
}

.textmode{
	float:left;
	width:360px;
	margin:5px 0 0 2px;
}

.textmode li{
	margin-right:8px;
	padding-right:10px;
	border-right:1px solid #ccc;
}

#sitelogo{
	position:absolute;
	left:11px;
	top:30px;
}

#globalheader .contact{
	width:420px;
	float:right;
	margin:-3px 0 2px 0;
}

#globalheader .contact p{
	float:left;
}

#function{
	position:absolute;
	right:10px;
	top:32px;
	height:55px;
	width:700px;
	text-align:right;
}

#function p{
	float:left;
	margin-right:10px;
}

#function ul li{
	margin-right:5px;
}

.fs_change{
	height:23px;
	width:220px;
	float:right;
}

.fc_change{
	clear:both;
	width:190px;
	float:right;
}

.fc_change p{
	margin-right:10px;
}

.readspeaker_btn{
	margin-top:2px;
	width:220px;
	height:23px;
	float:right;
}
.readspeaker_btn span {
    font-size: 18px;
}

.searchform{
	margin-top:2px;
	clear:both;
	height:23px;
	float:right;
}

.searchform .search_txt{
	width:195px;
	height:20px;
}

#header_navi{
	width:1050px;
	position:absolute;
	left:10px;
	top:92px;
}

/*----------------------------------------------------
	#contents（コンテンツページ内）
----------------------------------------------------*/
#contents {
	width:1050px;
	margin:0 auto;
	overflow:hidden;
	zoom: 1;
	margin-bottom: 10px;
	background:#FFFFFF;
	padding:10px;
	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 {
	float: left;
	width: 810px;
	word-break:break-all;
	margin-bottom:4em;
}

/* 1collumn no sidebar pattern */
.col1 #main{
	width: 100%;
}


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

#main img{
	vertical-align:top;
}


#main h1{
	font-size:161.6%;
	background:url(../imgs/pagetitle_bg.jpg) no-repeat left top;
	padding:0px 0 0 45px;
	line-height:90px;
	height:90px;
	margin-bottom:20px;
}

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

#main h2{
	clear: both;
}

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


.listblock dl dt {
	float:left;
	min-width:120px;
	font-size:93%;
	padding-top:1px;
	padding-right:10px;
}

.listblock dl dd {
	padding:0 0 6px 130px;
	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:810px;
}

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


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

/* for IE7 */
html>body #main .category_menu ul li a{
	width:220px;
}


/* 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 center;
	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{
    background: url("../imgs/icon_arrow02.png") no-repeat scroll left 0.1em;
    padding-left: 20px;

	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) no-repeat right center;
	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 center;
	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;
}

#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 15px 0px;
	padding:4px 0 0 9px;
	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 9px;
	clear:both;
}

#main .article h6{
	margin:0 0 5px 0px;
	clear:both;
    padding-left: 9px;
}


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

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

#main .article ol{
	margin-bottom:1em;
    padding-left: 9px;
}

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

/* 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.6em;
	margin-bottom:1em;
    padding-left: 9px;
}


/* imgblock */
.imgblock{
	float:right;
	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;
    margin-left: 9px;
}

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

/* 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{
	width:100%;
	height:auto;
	border:1px solid #ccc;
}


/* 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 h2 span,
#main .contact h2 span {
    background: none repeat scroll 0 0;
    padding: 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{
	margin-top:10px;
	width:200px;
}


/*----------------------------------------------------
	#sidebar（サイドバー）
----------------------------------------------------*/
#sidebar {
	float: right;
	width: 220px;
	margin-left:20px;
	margin-bottom:4em;
}

#sidebar img{
	vertical-align:top;
}

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

.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.png) no-repeat left 0.4em;
	padding:20px 0 5px 42px;
	color:#FFF;
}

.side_category_list ul{
	border:1px solid #CCC;
	background:#E7E7E7;
	padding:10px 10px 5px 10px;
	margin-bottom:15px;
}
.side_category_list span.a {
   padding-left: 20px;
}
.side_category_list li ul{
	border:none;
}
.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{
	margin-bottom:20px;
}

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

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

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

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

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

.event_calendar h2{
	overflow:hidden;
}


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

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

.pagenavi p{
	margin-bottom:0;
}

.pagenavi a.prev,
.pagenavi p.pre {
	float:left;
}

.pagenavi a.next,
.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;
	width:190px;
}

.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 .event,
.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;
}

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


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

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

.category_soshiki dl dt{
	width:26%;
}

.category_soshiki dl dt.p{
	font-weight:bold;
}

.category_soshiki dl dt.c{
	padding-left:3%;
	width:30%;
}

.category_soshiki dl dd{
	padding-left:35%;
}

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

#main .article .category_soshiki .listblock ul li{
	display:inline-block;
	background:none;
	width:45%;
	margin:0 10px 0 0;
}
#main .article .category_soshiki .listblock ul li span.icon-tel {
display:none;
}
/* category list shisetsu */
#main .article ul li{
	background:none;
	padding-left:0;
}


/*----------------------------------------------------
	shicho（市長の部屋用指定）
----------------------------------------------------*/
.newslist .listblock{
	border:none;
	padding:10px 5px;
}

/* category list */
.side_category_list_shicho h2{
	background: url(../imgs/side_menutitle_categorylist.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;
	float:left;
	width:390px;
	margin-bottom:20px;
	min-height:210px;
}

.categorymenu_gikai .left{
	margin-right:20px;
}

.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;
	background:url(../imgs/footer_bg.jpg) repeat-x left top;
	min-height:203px;
	font-size:116%;
}

#globalfooter .footer_wrap{
	width: 1050px;
	margin: 0 auto;
}

#footer_navi{
	padding:15px 0 15px 0;
}

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

.address{
	padding:5px 0 15px 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:10px 0;
}

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

#globalfooter .linklist a{
	padding-left:10px;
}


p.copyright{
	clear:both;
	text-align:center;
	font-size:93%;
}

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

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

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

#banner_block .banner_ad_kokutai {
	overflow:hidden;
	zoom:1;
	margin-bottom:10px;
}

#banner_block .banner_ad_kokutai li{
	float:left;
	margin-right:30px;
}

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

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