@charset "UTF-8";



/*市長カレンダーの土日祝日の色付け*/
#shicho .sat {
    background-color: #EFF9FF;
}
#shicho .sun {
    background-color: #FFF8F8;
}

h1.faqCom {
	border: 1px solid #CCC;
	background-color: #eeeeee;
	font-size: 140%;
	background-image: url(../img_sub/h1_faq_com.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
}


h1.headCom {
	background-image: url(../img_sub/kasou/h1_icon.png);
	background-repeat: no-repeat;
	border-bottom: 3px solid #a8485c;
    font-size: 140%;
	padding: 2px 5px;
	padding-left:65px;
	color:#333333;
	margin-bottom:10px;
}


h2.headCom {
    font-size: 120%;
    color:#666666;
    border: 1px solid #cccccc;

background-image: url(../img_sub/h2_head_com_bg.png);
background-repeat: repeat-x;
background-position: 0 bottom;
background-color: #fff;
    margin-top:10px;

}

h2.headCom .bg_ {
    display: block;
    padding: 5px 12px 3px;
    background-image: url(../img_sub/kasou/h2_icon.png);
    background-repeat: no-repeat;
    padding-left:40px;
    background-position: 8px 0px;
}



h2.headCalCom {
	font-size: 120%;
	color:#666666;
	border: 1px solid #cccccc;

background-image: url(../img_sub/h2_head_com_bg.png);
background-repeat: repeat-x;
background-position: 0 bottom;
	margin-top:10px;
    background-color: #fff;

}

h2.headCalCom .bg_ {
    display: block;
    padding: 5px 12px 3px;
    background-image: url(../img_sub/kasou/h2_icon.png);
    background-repeat: no-repeat;
    padding-left:40px;
    background-position: 8px 0px;
    overflow: hidden;
    width: 654px;
}
h2.headCalCom .L_ {
    float: left;
    width: 513px;
}
h2.headCalCom .R_ {
    float: right;
    width: 131px;
}

#contentsList h2{
}

h2.faqCom {
	font-size: 120%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #999;
	margin-top: 20px;
	background-image: url(../img_sub/h2_faq_com.gif);
	background-repeat: no-repeat;
	background-position: 8px 7px;
}


.wysiwygCom h3{
	background-image: url(../img_sub/kasou/h3_icon.png);
	background-repeat: no-repeat;
	background-position: 6px 2px;
	border-bottom: 3px solid #a8485c!important;
	padding-left:45px;
}
.wysiwygCom h3 .text_{
	color:#333333;
}

h3.headCom {
	font-size: 120%;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-top: 20px;
}

h4{
	border-bottom: 2px dashed #a8485c!important;
}
h4 strong{
	color:#a8485c;
	padding-left:10px;
}





.fileCom {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
.fileCom .pdf {
    background-image: url("../img_sub/file_com_pdf.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.fileCom .word {
    background-image: url("../img_sub/file_com_word.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.fileCom .excel {
    background-image: url("../img_sub/file_com_excel.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.fileCom .power {
    background-image: url("../img_sub/file_com_power.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.fileCom .audio {
    background-image: url("../img_sub/file_com_audio.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.fileCom .txt {
    background-image: url("../img_sub/file_com_txt.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.fileCom .zip {
    background-image: url("../img_sub/file_com_zip.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.fileCom .csv {
    background-image: url("../img_sub/file_com_csv.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.fileCom .edit {
    background-image: url("../img_sub/file_com_edit.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.linkCom {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
.linkCom .icon_ {
    background-image: url("../img_sub/link_com_icon.gif");
    background-position: 15px 5px;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.linkCom .icon2_ {
    background-image: url("../img_sub/link_com_icon.gif");
    background-position: 15px 2px;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.linkCom span.icon3_ a {
    background-image: url("../img_sub/link_com_mail.gif");
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
.imgCom {
    margin-top: 10px;
}
.mapCom {
    margin-top: 10px;
}
.colMod {
    margin-top: 20px;
    overflow: hidden;
    width: 700px;
}
.colMod .L {
    float: left;
}
.colMod .R {
    float: left;
    margin-left: 10px;
}
.imgTxtMod {
    margin-top: 20px;
    overflow: hidden;
    width: 700px;
}
.imgTxtMod .L {
    bottom: auto;
    float: left;
    padding-bottom: 10px;
    padding-right: 10px;
    position: relative;
    top: auto;
}
.imgTxtMod .R {
    bottom: auto;
    float: right;
    padding-bottom: 10px;
    padding-left: 10px;
    position: relative;
    top: auto;
}


#pdfDownload {
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 10px;
    width: 680px;
}
#pdfDownload img {
    display: inline;
    float: left;
    margin-right: 10px;
}



.toiawaseMod {
	border: 1px solid #cccccc;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	overflow: hidden;
	width: 698px;
    background-image: url(../img_sub/toiawase_mod_bg.png);
    background-repeat: repeat-y;
    background-color: #fff;
}
.toiawaseMod .L {
	float: left;
	width: 119px;
    padding-left: 19px;
    padding-top: 37px;
}
.toiawaseMod .R {
	float: right;
	width: 540px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.toiawaseMod .col {
	overflow: hidden;
	width: 698px;
}


.newsMod .title {
	font-size: 120%;
	padding: 5px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #999;
	margin-top: 20px;
}



.level1Row1Mod li {
	margin-top:10px;
	background-image: url(../img_sub/level1row1_mod_page.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:10px;
}
.level1Row1Mod .item {
	display:block;
}
.level2Row1Mod li.page {
	background-image: url(../img_sub/level1row1_mod_page.gif);
}
.level2Row1Mod li.dir {
	background-image: url(../img_sub/level1row1_mod_dir.gif);
}


.level1Row2Mod {
	width:685px;
}
.level1Row2Mod li {
	margin-top:10px;
	background-image: url(../img_sub/level1row1_mod_page.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:10px;
	float:left;
	width:295px;
	margin-left:15px;
	display:inline;
}
.level1Row2Mod .item {
	display:block;
}
.level1Row2Mod li.page {
	background-image: url(../img_sub/level1row1_mod_page.gif);
}
.level1Row2Mod li.dir {
	background-image: url(../img_sub/level1row1_mod_dir.gif);
}


.level2Row1Mod .list li {
	margin-top:10px;
	background-image: url(../img_sub/level1row1_mod_page.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:10px;
}

.level2Row1Mod .item {
	display:block;
}
.level2Row1Mod li.page {
	background-image: url(../img_sub/level1row1_mod_page.gif);
}
.level2Row1Mod li.dir {
	background-image: url(../img_sub/level1row1_mod_dir.gif);
}




.level2Row2Mod {
	width:685px;
}
.level2Row2Mod .col {
	width:685px;
	overflow:hidden;
}
.level2Row2Mod .L {
	width:335px;
	float:left;
}
.level2Row2Mod .R {
	width:335px;
	float:right;
}
.level2Row2Mod .list li {
	margin-top:10px;
	background-image: url(../img_sub/level1row1_mod_page.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:10px;
	width:295px;
}
.level2Row2Mod .item {
	display:block;
}
.level2Row2Mod li.page {
	background-image: url(../img_sub/level1row1_mod_page.gif);
}
.level2Row2Mod li.dir {
	background-image: url(../img_sub/level1row1_mod_dir.gif);
}



/*新着一覧*/
	.catMod {
	    border: 2px solid #cccccc;
	    margin-top: 10px;
		border-top:0px;
		margin-bottom:10px;
	}
	.catMod img {
		margin-left:-2px;
	}
	.catMod .title {
	    border-bottom: 3px solid #cccccc;
	    font-size: 120%;
	    margin-left: 1px;
	    width: 690px;
	}
	.catMod .in {
		margin-bottom:10px;
	}
	.catMod .box2 {
		background-color:#eeeeee;
	    display: block;
	    padding-bottom: 5px;
	    padding-left: 20px;
	    padding-top: 5px;
	}
	.catMod .list li {
	    background-image: url("../img_sub/cat_mod_arrow.gif");
	    background-position: 5px 5px;
	    background-repeat: no-repeat;
	    margin-top: 10px;
	    padding-left: 25px;
	}
	.catMod .box3 {
	    padding-bottom: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.catMod .item {
	    text-align: right;
	}
	.catMod .icon {
	    background-image: url("../img_sub/cat_mod_rss.gif");
	    background-position: left 2px;
	    background-repeat: no-repeat;
	    display: inline-block;
	    padding-bottom: 5px;
	    padding-left: 18px;
	}


/*大カテゴリ2階層*/
.linkList2Mod {
    margin-top: 20px;
    overflow: hidden;
    width: 700px;
}
.linkList2Mod .L {
    float: left;
    width: 340px;
}
.linkList2Mod .R {
    float: right;
    width: 340px;
}
.linkList2Mod li {
    margin-right: 20px;
    margin-top: 5px;
    width: 330px;
}
.linkList2Mod .icon {
    background-image: url("../img_sub/linklist_mod_dir.gif");
    background-position: 2px 7px;
    background-repeat: no-repeat;
    padding-left: 35px;
}
.linkList2Mod .icon2 {
    background-image: url("../img_sub/linklist_mod_page.gif");
    background-position: 8px 7px;
    background-repeat: no-repeat;
    padding-left: 35px;
}
.linkList2Mod li a {
    display: inline-block;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-top: 10px;
}
.linkList2Mod .item {
    display: block;
    padding-bottom: 5px;
    padding-left: 33px;
}
.linkList2Mod .title {
    background-color: #eeeeee;
    border: 3px solid #cccccc;
    font-size: 120%;
    padding: 5px;
}
.linkList2Mod .item2 {
    margin-top: 10px;
    text-align: right;
}



.anchorMod {
    border: 1px solid #D5D5D5;
    font-size: 80%;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 9px;
    padding-left: 9px;
    padding-right: 9px;
    width: 680px;
    margin-left:auto;
    margin-right:auto;
}
.anchorMod li {
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    width: 330px;
}
.anchorMod li a {
    background-image: url("../img_sub/anchor_mod_arrow.gif");
    background-position: left 3px;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 20px;
}



/*=========================
	カレンダー
=========================*/
#calendar .col {
    margin-top: 10px;
    width: 700px;
}
#calendar .L {
    float: left;
    width: 314px;
}
#calendar .list2 {
    overflow: hidden;
    width: 314px;
}
#calendar .list2 li {
    float: left;
    margin-right: 5px;
}
#calendar .R {
    float: right;
    width: 391px;
}
#calendar .list3 {
    text-align: right;
}
#calendar .list3 li {
    display: inline;
}
#calendar .table {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin-left: 1px;
    margin-top: 10px;
    width: 699px;
    background-color: #fff;
}
#calendar .table td, #calendar .table th {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    padding: 5px;
}
#calendar .table .date {
    font-weight: bold;
    text-align: center;
    width: 40px;
}
#calendar .table .day {
    font-weight: bold;
    text-align: center;
    width: 40px;
}
#calendar .table tr.sun, #calendar .table th.sun, #calendar .table td.sun {
    background-color: #FFF8F8;
    color: #E02729;
}
#calendar .table tr.sat, #calendar .table th.sat, #calendar .table td.sat {
    background-color: #EFF9FF;
    color: #008CD2;
}
#calendar .table em {
    font-style: italic;
    font-weight: bold;
    padding-right: 15px;
}



/*=========================
	イベント検索
=========================*/
.searchMod {
    background-image: url(../img_sub/search_mod_bg.gif);
    background-position: left top;
    background-repeat: repeat;
    border: 1px solid #DDDDDD;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 9px;
    width: 680px;
}
.searchMod .space input {
    height: 1.2em;
    width: 1.2em;
}
.searchMod .space {
    display: inline-block;
    font-size: 90%;
    padding-right: 10px;
    padding-top: 5px;
}
.searchMod .space2 label {
    font-weight: bold;
}
.searchMod .space2 {
    padding-right: 20px;
}
.searchMod .box3 {
    margin-top: 10px;
}
.searchMod .box3 dt {
    font-weight: bold;
}
.searchMod .box {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
}
.inputCom {
    margin-top: 10px;
    text-align: center;
}

/*=========================
	イベント一覧
=========================*/
.tableMod caption {
	text-align:left;
	font-weight:bold;
}
.tableMod {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    margin: 10px 0 0;
}
.tableMod td, .tableMod th {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    padding: 5px 10px;
}
.tableMod th {
    background-color: #E8F4ED;
	color: #333333;
}
.tableCom {
    table-layout: fixed;
}